@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.app {
  padding-top: 160px;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.header.scroll .header-wrap {
  padding: 12px 0 0;
}
.header.scroll .navs {
  margin-top: 20px;
}
.header.scroll .header-dealer {
  margin-bottom: 0;
  opacity: 0;
  overflow: hidden;
  height: 0;
}
.header.scroll .logo {
  top: -18px;
  height: 50px;
}
.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  transition: 0.2s;
}
.logo {
  transition: 0.3s;
  position: relative;
  top: 0;
  margin-top: 20px;
  height: 102px;
  transition: 0.2s;
}
.logo a {
  display: block;
  height: 100%;
}
.logo img {
  display: block;
  width: auto;
  height: 100%;
}
.logo.fadeLogo {
  opacity: 0;
  visibility: hidden;
}
.header-dealer {
  display: flex;
  justify-content: end;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  margin-bottom: 30px;
  transition: 0.4s;
}
.global-box {
  position: absolute;
  left: 0;
  top: 65px;
  z-index: 10;
  width: 100%;
  background: #2c2c2c;
  display: none;
}
.global-wrap {
  padding: 94px 0 113px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.glogo {
  padding-top: 22px;
  width: 100px;
  line-height: 1;
}
.glogo img {
  display: block;
  width: 100%;
  height: auto;
}
.global-fix {
  width: 69%;
}
.global-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}
.global-item dt {
  display: block;
  width: 15.1042vw;
  height: 55px;
  line-height: 55px;
  color: #ffffff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.global-item dd {
  display: flex;
  flex-wrap: wrap;
  width: 0;
  flex: 1;
}
.global-item dd p {
  margin-right: 2.2917vw;
}
.global-item dd p a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.global-item dd p a:hover {
  opacity: 0.8;
}
.dealer-item {
  margin-right: 24px;
  display: inline-flex;
  align-items: center;
  height: 65px;
}
.dealer-item > a {
  display: flex;
  align-items: center;
}
.dealer-item > a:hover i,
.dealer-item > a:hover span {
  color: #FBC400;
}
.dealer-item > a:hover i img.show {
  opacity: 0;
  visibility: hidden;
}
.dealer-item > a:hover i img.hide {
  opacity: 1;
  visibility: visible;
}
.dealer-item > a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  margin-right: 5px;
  color: #686868;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
  transition: 0.35s;
}
.dealer-item > a i img {
  transition: 0.38s;
}
.dealer-item > a i img.hide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.dealer-item > a span {
  display: inline-block;
  color: #686868;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  transition: 0.35s;
}
.header-search {
  display: inline-block;
}
.header-search a {
  display: inline-block;
  color: #686868;
  font-size: 22px;
  line-height: 1;
}
.header-search a:hover {
  color: #FBC400;
}
[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}
.navs {
  display: flex;
  position: relative;
  z-index: 2;
}
.navs > li {
  position: relative;
  padding-bottom: 30px;
  margin-right: 10px;
  transition: 0.38s;
}
.navs > li:last-child {
  margin-right: 0;
}
.navs > li:hover > a,
.navs > li.active > a {
  border-color: #FBC400;
}
.navs > li:hover .navs-menu-list,
.navs > li.active .navs-menu-list {
  opacity: 1;
}
.navs > li > a {
  display: inline-block;
  padding: 6px 20px;
  line-height: 1;
  border: 2px solid #fff;
  color: #53565A;
  font-size: 20px;
  font-family: "RBNo2.1a";
  box-sizing: border-box;
}
.navs-wr {
  position: relative;
  z-index: 3;
}
.navs-slide {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: -1;
  background: #fff;
  height: 370px;
  display: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
}
.navs-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 20px 20px;
  top: 100%;
  padding-top: 15px;
  text-align: center;
  display: none;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.navs-menu-list {
  position: relative;
  opacity: 0;
  transition: 0.3s 0.2s linear;
}
.navs-menu-list > li {
  margin-bottom: 6px;
  z-index: 3;
}
.navs-menu-list > li:hover > a {
  color: #000;
}
.navs-menu-list > li:hover > a:before {
  width: 100%;
  right: auto;
  left: 0;
}
.navs-menu-list > li:hover .leval-menu-three {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.navs-menu-list > li > a {
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 20px;
  font-family: "Arial, Helvetica, sans-serif";
  white-space: nowrap;
  font-family: "RBNo2.1a";
}
.navs-menu-list > li > a:before {
  content: "";
  width: 0;
  height: 2px;
  background: #FBC400;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.navs-menu-list > li > a:hover,
.navs-menu-list > li > a.active {
  color: #FBC400;
}
.navs-menu-list > li > a:hover:before,
.navs-menu-list > li > a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.leval-menu-three {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(30px);
  transition: 0.45s;
}
.leval-menu-three p {
  margin-bottom: 5px;
}
.leval-menu-three p a {
  display: inline-block;
  color: #333;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 400px;
}
.leval-menu-three p a:hover {
  color: #FBC400;
}
.banner {
  padding: 30px 0 0;
  overflow: hidden;
}
.banner-swiper {
  position: relative;
  left: 50%;
  margin-left: -1980px;
  width: 3960px;
}
.banner-slide {
  overflow: hidden;
  width: 33.333%;
}
.banner-slide.swiper-slide-active figure {
  transform: scale(1);
  opacity: 1;
}
.banner-slide.swiper-slide-active .btext {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.banner-slide.swiper-slide-prev figure {
  transform-origin: right center;
}
.banner-slide.swiper-slide-next figure {
  transform-origin: left center;
}
.banner-slide figure {
  position: relative;
  display: block;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  transform: scale(0.8);
  transition: 0.68s;
  opacity: 0.1;
}
.banner-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-slide img {
  transition: 0.78s;
}
.banner-slide:hover figure img {
  transform: scale(1.04);
}
.banner-slide:hover .barrow {
  border-color: #FBC400;
}
.banner-slide:hover .barrow i {
  left: 3px;
}
.btext {
  position: absolute;
  left: 4.9479vw;
  bottom: 4.0625vw;
  z-index: 3;
  width: 38.5417vw;
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.65s;
}
.btext strong {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #fff;
  font-size: 3.3333vw;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.btext p {
  color: #fff;
  font-size: 1.875vw;
  font-family: "RBNo2.1a";
  line-height: 1.2;
}
.barrow {
  margin-top: 26px;
  display: inline-flex;
  padding: 14px 30px;
  line-height: 1;
  border: 2px solid transparent;
  align-items: center;
  transition: 0.4s;
}
.barrow span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.barrow i {
  display: inline-block;
  position: relative;
  left: 0;
  margin-left: 12px;
  line-height: 1;
  color: #FBC400;
  font-size: 12px;
  transition: 0.2s;
}
.banner-prev {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  background: #FBC400;
  color: #fff;
  font-size: 20px;
  z-index: 10;
}
.banner-prev.prev {
  left: 33.3333%;
  margin-left: -82px;
}
.banner-prev.next {
  right: 33.3333%;
  margin-right: -82px;
}
.company-profile {
  margin: auto;
  padding: 100px 0;
  width: 1096px;
  text-align: center;
}
.company-profile strong {
  display: block;
  margin-bottom: 32px;
  line-height: 1.2;
  color: #53565A;
  font-size: 2.0833vw;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.company-profile p {
  margin-bottom: 30px;
  color: #686868;
  font-size: 16px;
  line-height: 1.4;
}
.common-btn {
  display: flex;
  justify-content: center;
}
.common-btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 30px;
  line-height: 1.6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  border: 2px solid #F1AF00;
  color: #686868;
  font-weight: 700;
}
.common-btn a:hover span {
  color: #FBC400;
}
.common-btn a:hover i {
  left: 3px;
}
.common-btn a span {
  transition: 0.35s;
}
.common-btn a i {
  display: inline-flex;
  position: relative;
  left: 0;
  margin-left: 12px;
  font-size: 12px;
  color: #FBC400;
  font-style: normal;
  transition: 0.28s;
}
.solutes {
  position: relative;
  overflow: hidden;
}
.solutes-swiper {
  position: relative;
  background: url(../img/productbg.svg) center no-repeat;
  background-size: cover;
}
.solute-slide {
  position: relative;
}
.solute-slide.swiper-slide-active {
  z-index: 10;
}
.solute-slide.swiper-slide-active figure {
  opacity: 1;
}
.solute-slide figure {
  opacity: 0;
  position: relative;
  display: block;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.solute-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solute-slide.swiper-slide-active .solute-text {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
  transition-delay: 0s;
  transition: 0.6s;
}
.solute-slide video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solute-slide a:hover .solute-text .barrow span {
  color: #FBC400;
}
.solute-slide a:hover .solute-text .barrow i {
  left: 3px;
}
.solute-text {
  position: absolute;
  left: 15.625vw;
  bottom: 10.5208vw;
  width: 28.125vw;
  margin-left: 100px;
  opacity: 0;
  visibility: hidden;
  transition: 0;
}
.solute-text strong {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 2.0833vw;
  line-height: 1.2;
  font-family: "RBNo2.1a";
}
.solute-text .barrow {
  margin-top: 30px;
  border-color: #FBC400;
}
.solute-text .barrow span {
  transition: 0.35s;
}
.solute-li {
  position: absolute;
  left: 15.625vw;
  right: 15.625vw;
  bottom: 3.125vw;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #FBC400;
  z-index: 4;
}
.solute-li.soluteline {
  border-bottom: 1px solid #999999;
}
.solute-li.soluteline li {
  color: #999999;
}
.solute-li li {
  position: relative;
  z-index: 2;
  flex: 1;
  padding: 16px 0;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 1.25vw;
  font-family: "RBNo2.1a";
  cursor: pointer;
  transition: 0.4s;
}
.solute-li li:hover,
.solute-li li.active {
  color: #FBC400;
}
.solute-li li:hover:before,
.solute-li li.active:before {
  transform: scaleX(1);
}
.solute-li li:before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  width: 100%;
  height: 4px;
  background: #FBC400;
  transform: scaleX(0);
  transition: 0.48s;
}
.solute-color {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 408px;
}
.solute-color strong {
  color: #53565A;
}
.solute-color p {
  margin-top: 20px;
  color: #686868;
  font-size: 16px;
  line-height: 1.4;
}
.solute-color .barrow span {
  color: #686868;
}
.brands {
  padding: 100px 0;
}
.brand-news {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand-imgs {
  position: relative;
  width: 49.24%;
}
.brand-imgs:before {
  position: absolute;
  left: 0;
  top: 0;
  background: #1A1C23;
  content: "";
  width: 8.6458vw;
  height: 100%;
  z-index: 1;
}
.brand-imgs:hover figure img {
  transform: scale(1.05);
}
.brand-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 360px;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.brand-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-imgs figure img {
  transition: 0.65s;
}
.brand-text {
  position: absolute;
  left: 1.875vw;
  right: 36px;
  top: 37px;
  z-index: 3;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brand-text strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.brand-time small {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
  color: #fff;
  font-size: 22px;
  font-family: "RBNo2.1a";
}
.brand-time time {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 30px;
  font-family: "HarmonyOS Sans";
  font-weight: 700;
}
.brand-info {
  margin-left: 40px;
  width: 0;
  flex: 1;
}
.brand-info strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #53565A;
  font-size: 25px;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.brand-info p {
  color: #686868;
  font-size: 16px;
  line-height: 1.4;
}
.brand-info .common-btn {
  margin-top: 30px;
  justify-content: start;
  text-align: left;
}
.brand-share {
  position: absolute;
  right: 19px;
  bottom: 30px;
  display: flex;
  line-height: 1;
  z-index: 10;
}
.brand-share a {
  display: inline-block;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
}
.brand-share a:hover {
  border-color: #FBC400;
  color: #FBC400;
}
.brand-share a:last-child {
  margin-right: 0;
}
.brand-news-list {
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}
.brand-news-list li {
  margin-right: 1.6%;
  width: 23.8%;
}
.brand-news-list li:nth-child(4n+4) {
  margin-right: 0;
}
.brand-news-list li:nth-child(2n+2) .brand-top-imgs figure time {
  background: #51565A;
}
.brand-news-list li:hover .brand-top-imgs figure img {
  transform: scale(1.08);
}
.brand-news-list li:hover .brand-view span {
  color: #FBC400;
}
.brand-top-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 53.333%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.brand-top-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-top-imgs figure img {
  transition: 0.65s;
}
.brand-top-imgs figure time {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  z-index: 3;
  height: 30px;
  line-height: 30px;
  background: #FBC400;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.brand-video {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 3;
  line-height: 1;
  font-size: 46px;
  color: #FBC400;
  cursor: pointer;
  transition: 0.35s;
}
.brand-video:hover {
  transform: scale(1.08);
}
.brand-view {
  margin-top: 16px;
}
.brand-view time {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
  color: #686868;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.brand-view strong {
  display: block;
  margin-bottom: 20px;
  color: #53565A;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  font-weight: bold;
}
.brand-view p {
  color: #686868;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
}
.brand-view span {
  display: inline-block;
  margin-top: 20px;
  position: relative;
  line-height: 1.6;
  color: #686868;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700px;
  border-bottom: 2px solid #FBC400;
  transition: 0.35s;
}
.activitys {
  position: relative;
  margin-top: 60px;
}
.activitys .swiper-pagination {
  width: 100%;
  bottom: 23px;
  line-height: 1;
}
.activitys .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  opacity: 1;
  width: 30px;
  height: 4px;
  background: #fff;
  border-radius: 0;
  transition: 0.3s;
}
.activitys .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FBC400;
}
.activity-slide {
  position: relative;
  overflow: hidden;
}
.activity-slide figure {
  display: block;
  position: relative;
  height: 320px;
  overflow: hidden;
  line-height: 1;
}
.activity-slide figure:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/rectangle.png) center no-repeat;
  background-size: cover;
}
.activity-slide figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activitys-info {
  top: 50%;
  left: 3.125vw;
  bottom: auto;
  z-index: 3;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}
.activitys-info a:hover .barrow span,
.activity-slide a:hover .barrow span {
  color: #FBC400;
}
.activitys-info a:hover .barrow i,
.activity-slide a:hover .barrow i {
  left: 3px;
}
.network {
  display: flex;
}
.newswork-item {
  padding: 41px 0;
  width: 50%;
  background: #DADDDD;
}
.newswork-item:nth-child(2) {
  background: #51565A;
}
.newswork-item:nth-child(2) strong,
.newswork-item:nth-child(2) p {
  color: #fff;
}
.newswork-item:nth-child(2) span {
  background: #51565A;
  color: #fff;
  width: 180px;
}
.newswork-wrap {
  margin: auto;
  width: 650px;
  max-width: 80%;
  text-align: center;
}
.newswork-wrap a:hover span {
  color: #FBC400;
}
.newswork-wrap a:hover span i {
  left: 3px;
}
.newswork-wrap strong {
  display: block;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #686868;
  font-size: 1.88vw;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.newswork-wrap p {
  margin-bottom: 30px;
  color: #686868;
  font-size: 16px;
  line-height: 1.4;
}
.newswork-wrap span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 222px;
  height: 46px;
  line-height: 46px;
  border: 2px solid #FBC400;
  text-align: center;
  background: #fff;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  transition: 0.35s;
}
.newswork-wrap span i {
  display: inline-block;
  position: relative;
  left: 0;
  margin-left: 12px;
  color: #FBC400;
  font-size: 12px;
  font-style: normal;
  transition: 0.25s;
}
.footer {
  background: #F1F2F2;
}
.footer-top {
  padding: 80px 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #9B9FAB;
}
.footer-contact {
  margin-top: -4px;
}
.footer-menu dd .footer-contact p {
  line-height: 1.8;
}
.flogo img {
  display: inline-block;
  width: auto;
  height: 70px;
}
.languge {
  position: relative;
  width: 384px;
}
.languge:hover .lange-down {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: visible;
}
.lange-top {
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  background: #FBC400;
  height: 45px;
}
.lange-top span {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
}
.lange-top span i {
  display: inline-block;
  margin-right: 20px;
  color: #fff;
  font-style: normal;
  line-height: 1;
  font-size: 21px;
}
.lange-top b {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
  transform: rotate(90deg);
}
.lange-down {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding-top: 1px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  pointer-events: none;
  transition: 0.4s;
}
.lange-list {
  background: #FBC400;
  max-height: 270px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.lange-list li {
  border-bottom: 1px solid #fff;
}
.lange-list li a {
  display: block;
  padding-left: 60px;
  color: #fff;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
}
.footer-middle {
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}
.footer-menu {
  display: block;
}
.footer-menu dt {
  display: block;
  margin-bottom: 12px;
  color: #53565A;
  font-size: 1.25vw;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.footer-menu dt a:hover {
  color: #FBC400;
}
.footer-menu dd {
  display: block;
}
.footer-menu dd p {
  font-size: 14px;
  line-height: 2.2;
}
.footer-menu dd p a {
  display: inline-block;
  color: #686868;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.footer-menu dd p a:hover {
  color: #FBC400;
}
.footer-bottom {
  padding: 40px 0 50px;
  border-top: 1px solid #9B9FAB;
}
.footer-allow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.subscribe p {
  margin-bottom: 20px;
  color: #53565A;
  font-size: 16px;
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
}
.footer-email {
  display: flex;
  align-items: center;
}
.footer-email .text {
  box-sizing: border-box;
  padding-left: 10px;
  width: 23.7vw;
  height: 45px;
  border: 1px solid #9B9FAB;
  background: none;
  color: #999999;
  font-size: 16px;
  line-height: 1.4;
  font-family: "Arimo";
}
.footer-email .text:focus {
  border-color: #FBC400;
}
.footer-email .text:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.footer-email .sub {
  margin-left: 22px;
  width: 137px;
  height: 45px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: none;
  border: 1px solid #FBC400;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  cursor: pointer;
  transition: 0.35s;
}
.footer-email .sub:hover {
  background: #FBC400;
  color: #fff;
}
.follow-us p {
  margin-bottom: 10px;
  color: #686868;
  font-size: 16px;
  line-height: 1.4;
}
.follow-li {
  display: flex;
}
.follow-li li {
  margin-right: 20px;
}
.follow-li li:last-child {
  margin-right: 0;
}
.follow-li li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  border: 1px solid #9B9FAB;
  color: #9B9FAB;
  font-size: 20px;
}
.follow-li li a:hover {
  border-color: #FBC400;
  color: #FBC400;
}
.follow-li li a img {
  display: inline-block;
  width: 36px;
  height: auto;
  border-radius: 50%;
  transition: 0.35s;
}
.site-map {
  padding: 0  !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.site-serve {
  display: flex;
  margin-bottom: 20px;
}
.site-serve a {
  display: inline-block;
  position: relative;
  margin-right: 52px;
  color: #53565A;
  font-size: 16px;
}
.site-serve a:hover {
  color: #FBC400;
}
.site-serve a:before {
  position: absolute;
  right: -27px;
  top: 50%;
  margin-top: -10px;
  content: "";
  width: 1px;
  height: 20px;
  background: #9B9FAB;
}
.site-serve a:last-child:before {
  display: none;
}
.site-list {
  display: flex;
}
.site-list a {
  display: inline-block;
  margin-right: 24px;
  color: #686868;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
}
.site-list a:hover {
  color: #FBC400;
}
.all-right p {
  color: #686868;
  font-size: 14px;
  line-height: 1.3;
}
.mobile-menu {
  position: fixed;
  left: 100%;
  top: 0;
  box-sizing: border-box;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  padding: 120px 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
  transition: 0.88s;
}
.mobile-menu.show {
  left: 0;
}
.brand-pop {
  position: fixed;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 199;
  transition: 0.88s;
  visibility: hidden;
}
.brand-pop.show {
  visibility: visible;
  top: 0;
}
.brand-bgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.7);
}
.brand-videos {
  position: absolute;
  left: 50%;
  margin-left: -37%;
  top: 50%;
  transform: translateY(-50%);
  width: 68%;
}
.brand-videos video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 88vh;
  object-fit: cover;
}
.brand-videos .biframe {
  height: 38vw;
}
.pop-close {
  position: absolute;
  right: -54px;
  top: 0;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  transition: 0.4s;
  line-height: 1;
}
.pop-close:hover {
  transform: rotate(180deg);
}
.posite-box {
  border-top: 2px solid #FBC400;
}
.posite-wrap {
  display: flex;
  align-items: center;
  height: 70px;
}
.posite-wrap a,
.posite-wrap b {
  display: inline-block;
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.posite-wrap b {
  margin: 0 8px;
  font-weight: lighter;
  font-size: 12px;
  transform: scale(0.8);
}
.posite-wrap a:hover {
  color: #FBC400;
}
.leval-menu-box {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  background: #f5f5f5;
}
.leval-menu-wrap {
  display: flex;
  height: 70px;
}
.leval-menu-wrap li {
  margin-right: 60px;
}
.leval-menu-wrap li:hover a,
.leval-menu-wrap li.active a {
  color: #53565a;
  font-weight: bold;
}
.leval-menu-wrap li:hover a:before,
.leval-menu-wrap li.active a:before {
  transform: scaleX(1);
  visibility: visible;
}
.leval-menu-wrap li a {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #53565a;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 70px;
}
.leval-menu-wrap li a:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: #FBC400;
  transform: scaleX(0);
  transition: 0.4s;
}
.product-info {
  position: relative;
}
.product-info figure {
  position: relative;
  display: block;
  padding-bottom: 30.3%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.product-info figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-wheel {
  position: absolute;
  left: 2.9167vw;
  right: 2.9167vw;
  bottom: 2.7083vw;
}
.product-wheel strong {
  display: block;
  margin-bottom: 12px;
  line-height: 1;
  color: #fff;
  font-size: 3.3333vw;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.product-wheel p {
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.filter-product {
  margin-top: 78px;
}
.filter-tt {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.filter-select {
  padding: 34px 0 20px;
  border-top: 1px solid #ebecee;
  border-bottom: 1px solid #ebecee;
}
.filter-select-row {
  display: flex;
  flex-wrap: wrap;
}
.filter-item {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  margin-right: 3.02vw;
  cursor: pointer;
}
.filter-item label {
  display: inline-flex;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.filter-item label .redio {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  opacity: 0;
}
.filter-item:hover span {
  border-color: #FBC400;
}
.filter-item.active span {
  border-color: #FBC400;
}
.filter-item.active span:before {
  transform: scale(1);
}
.filter-item span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid #dbdede;
  border-radius: 50%;
  transition: 0.3s;
}
.filter-item span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  content: "";
  width: 10px;
  height: 10px;
  background: #FBC400;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.3s;
}
.filter-item p {
  margin-left: 10px;
  color: #53565a;
  font-size: 16px;
  line-height: 1;
}
.product-wraps {
  margin-top: 50px;
  padding-bottom: 118px;
}
.product-list {
  display: flex;
  flex-wrap: wrap;
}
.product-list li {
  position: relative;
  margin-bottom: 30px;
  width: 48.9%;
  margin-right: 2.2%;
  background: #f5f5f5;
}
.product-list li:nth-child(2n+2) {
  margin-right: 0;
}
.product-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 42px 16px 34px;
}
.product-list li a:hover figure img {
  transform: scale(1.08);
}
.product-list li a:hover .promore span {
  color: #FBC400;
}
.product-list li a:hover .promore i {
  left: 3px;
}
.product-list li a figure {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 48.85%;
  height: 200px;
}
.product-list li a figure img {
  margin: auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: darken;
  transition: 0.45s;
}
.compareBtn {
  position: absolute;
  left: 30px;
  top: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.compareBtn.active span {
  border-color: #FBC400;
}
.compareBtn.active span:before {
  opacity: 1;
  visibility: visible;
}
.compareBtn label {
  display: inline-flex;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.compareBtn .check {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  opacity: 0;
}
.compareBtn span {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid #666666;
}
.compareBtn span:before {
  position: absolute;
  left: 0;
  top: -4px;
  content: "";
  width: 18px;
  height: 17px;
  background: url(../images/arrow4.png) center no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.compareBtn p {
  margin-left: 10px;
  color: #53565a;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.product-text {
  width: 42.85%;
}
.product-text strong {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 30px;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.proinfo {
  margin-top: 20px;
  margin-bottom: 1.67vw;
}
.proinfo p {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6px;
  align-items: center;
  color: #666666;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.proinfo p:last-child {
  margin-bottom: 0;
}
.proinfo p span {
  display: inline-block;
  width: 28px;
}
.proinfo p span img {
  display: inline-block;
  width: auto;
  max-height: 16px;
}
.promore {
  display: inline-flex;
  align-items: center;
}
.promore span {
  display: inline-block;
  margin-right: 10px;
  color: #51565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.3s;
}
.promore i {
  display: inline-block;
  position: relative;
  left: 0;
  color: #FBC400;
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  transition: 0.3s;
}
.product-more {
  margin-top: 10px;
}
.product-more a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  border: 2px solid #FBC400;
}
.product-more a:hover span {
  color: #FBC400;
}
.product-more a:hover i {
  left: 3px;
}
.product-more a span {
  display: inline-block;
  color: #51565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.3s;
}
.product-more a i {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  left: 0;
  color: #FBC400;
  font-size: 12px;
  font-style: normal;
  transition: 0.25s;
}
.loader-wheel {
  position: relative;
  margin-top: 80px;
  z-index: 2;
  padding: 90px 60px 90px;
  background-size: cover;
  background-position: center;
}
.loader-imgs {
  position: absolute;
  right: 3.125vw;
  bottom: 2.1875vw;
  display: flex;
  justify-content: flex-end;
  width: 29.6354vw;
  z-index: -1;
}
.loader-imgs img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.loader-top {
  margin-bottom: 2.3958vw;
  display: flex;
  align-items: flex-end;
}
.loader-top strong {
  display: block;
  line-height: 0.9;
  color: #51565a;
  font-size: 40px;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.loader-top small {
  display: block;
  margin-left: 12px;
  line-height: 1;
  color: #51565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.loader-data {
  display: flex;
}
.loader-data-item {
  margin-right: 3.5417vw;
}
.loader-data-item strong {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #51565a;
  font-size: 30px;
  font-family: "RBNo2.1a";
}
.loader-data-item p {
  color: #51565a;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
.loader-more {
  margin-top: 46px;
}
.loader-more a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 178px;
  height: 46px;
  border: 2px solid #FBC400;
  background: #fff;
}
.loader-more a:hover span {
  color: #FBC400;
}
.loader-more a:hover i {
  left: 3px;
}
.loader-more a span {
  display: inline-block;
  color: #51565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.3s;
}
.loader-more a i {
  display: inline-block;
  position: relative;
  left: 0;
  margin-left: 10px;
  color: #FBC400;
  font-size: 12px;
  font-style: normal;
  transition: 0.25s;
}
.product-view {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 80px;
}
.product-tab {
  position: relative;
  box-sizing: border-box;
  padding-left: 82px;
  padding-top: 148px;
  width: 51.96%;
}
.product-slide {
  position: relative;
}
.product-slide figure {
  display: block;
  height: 376px;
  position: relative;
}
.product-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.product-min {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 82px;
  z-index: 5;
}
.product-min li {
  margin-bottom: 15px;
  cursor: pointer;
}
.product-min li.active figure,
.product-min li:hover figure {
  border-color: #FBC400;
}
.product-min li figure {
  border: 1px solid #dadddd;
  position: relative;
  padding-bottom: 98%;
  text-align: center;
  background: #fff;
  transition: 0.35s;
}
.product-min li figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.product-v-info {
  width: 41.96%;
}
.product-v-top {
  margin-bottom: 24px;
}
.product-v-top small {
  display: block;
  margin-bottom: 13px;
  line-height: 1;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.product-v-top strong {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 40px;
  font-family: "RBNo2.1a";
}
.product-v-item {
  border-bottom: 1px dashed #dadddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.product-v-item b {
  display: inline-block;
  color: #51565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.product-v-name {
  display: flex;
  align-items: center;
}
.product-v-name span {
  display: inline-block;
  width: 38px;
  line-height: 1;
}
.product-v-name span img {
  display: inline-block;
  width: auto;
  max-height: 16px;
}
.product-v-name p {
  color: #666666;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.product-field {
  padding: 16px 0 26px;
}
.product-field-name {
  margin-bottom: 24px;
  color: #888888;
  font-size: 16px;
  line-height: 1;
}
.field-list {
  display: flex;
  justify-content: center;
}
.field-item {
  margin-right: 3.13vw;
  text-align: center;
}
.field-item:last-child {
  margin-right: 0;
}
.field-item figure {
  position: relative;
  margin: auto;
  width: 52px;
  height: 52px;
}
.field-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.field-item p {
  margin-top: 12px;
  color: #888888;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.request-list {
  display: flex;
}
.request-item {
  flex: 1;
  margin-bottom: 10px;
  margin-right: 10px;
}
.request-item a {
  display: block;
  height: 50px;
  line-height: 50px;
  background: #dadddd;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}
.request-item a:hover {
  background: #FBC400;
  color: #fff;
}
.request-item:last-child {
  margin-right: 0;
}
.manual {
  display: flex;
}
.product-manual {
  flex: 1;
  margin-right: 1px;
  width: 0;
}
.product-manual a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #f2f2f2;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.product-manual a:hover {
  color: #fff;
  background: #FBC400;
}
.product-manual a:hover i {
  color: #fff;
}
.product-manual a i {
  display: inline-block;
  margin-right: 10px;
  color: #828484;
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
  transition: 0.3s;
}
.product-load a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #f2f2f2;
  color: #828484;
  font-size: 20px;
}
.product-load a:hover {
  background: #FBC400;
  color: #fff;
}
.product-leval-list {
  display: flex;
}
.product-leval-list li {
  margin-right: 4px;
  flex: 1;
  width: 0;
  position: relative;
  background: #fafafa;
  z-index: 3;
}
.product-leval-list li:before {
  content: "";
  width: 0;
  height: 4px;
  background: #FBC400;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.product-leval-list li:hover,
.product-leval-list li.active {
  color: #FBC400;
}
.product-leval-list li:hover:before,
.product-leval-list li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.product-leval-list li:before {
  bottom: auto;
  top: 0;
}
.product-leval-list li:hover,
.product-leval-list li.active {
  background: #f2f2f2;
}
.product-leval-list li:hover a,
.product-leval-list li.active a {
  color: #53565a;
  font-weight: bold;
}
.product-leval-list li:last-child {
  margin-right: 0;
}
.product-leval-list li a {
  display: block;
  text-align: center;
  height: 54px;
  line-height: 54px;
  color: #686868;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  transition: color 0.3s;
}
.features-box {
  padding-bottom: 118px;
  background: #f2f2f2;
}
.features-info {
  padding: 6.25vw 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.features-title {
  width: 27%;
  line-height: 1;
  color: #53565a;
  font-size: 34px;
  font-family: "RBNo2.1a";
}
.features-text {
  width: 0;
  flex: 1;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.features-text p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 18px;
}
.features-text p:last-child {
  margin-bottom: 0;
}
.features-text p:before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  width: 4px;
  height: 4px;
  background: #686868;
  border-radius: 50%;
}
.paramter-view {
  padding: 114px 0 0;
}
.features-center {
  text-align: center;
  width: auto;
}
.paramter-table {
  margin-top: 50px;
}
.paramter-table table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}
.paramter-table table tbody tr td {
  height: 50px;
  width: 50%;
  box-sizing: border-box;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  background: #dadddd;
}
.paramter-table table tbody tr td:first-child {
  padding-left: 28px;
}
.paramter-table table tbody tr:nth-child(2n+2) td {
  background: #f2f2f2;
}
.gallery {
  padding-top: 116px;
}
.gallery-btn {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #FBC400;
}
.gallery-btn span {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-right: 4.9vw;
  padding: 22px 0;
  font-size: 18px;
  line-height: 1;
  color: #53565a;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s;
}
.gallery-btn span:before {
  content: "";
  width: 0;
  height: 3px;
  background: #FBC400;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.gallery-btn span:hover,
.gallery-btn span.active {
  color: #FBC400;
}
.gallery-btn span:hover:before,
.gallery-btn span.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.gallery-btn span:hover,
.gallery-btn span.active {
  color: #53565a;
}
.gallery-btn span:last-child {
  margin-right: 0;
}
.gallery-slide figure {
  display: block;
  position: relative;
  padding-bottom: 50%;
  line-height: 1;
}
.gallery-slide figure img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gallery-prev {
  background: #dadddd;
  transition: 0.4s;
}
.gallery-prev:hover {
  background: #FBC400;
}
.gallery-prev.prev {
  left: 0;
  margin-left: 0 !important;
}
.gallery-prev.next {
  right: 0;
  margin-right: 0 !important;
}
.gallery-video {
  margin-top: 70px;
}
.gallery-tab {
  position: relative;
}
.gallery-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.gallery-item.show {
  position: relative;
  opacity: 1;
  pointer-events: visible;
  transition: 0.65s;
}
.video-slide {
  visibility: hidden;
  width: 81%;
}
.video-slide.swiper-slide-active {
  visibility: visible;
}
.video-slide.swiper-slide-active figure {
  opacity: 1;
}
.video-slide.swiper-slide-prev,
.video-slide.swiper-slide-next {
  visibility: visible;
}
.video-slide figure {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  opacity: 0.3;
  transition: 0.5s;
}
.video-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-slide figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.video-slide figure video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  display: none;
}
.videobtns {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.6vw;
  margin-top: -2.6vw;
  z-index: 5;
  color: #fff;
  font-size: 5.2vw;
  line-height: 1;
}
.support-boxs {
  padding-top: 9.6875vw;
}
.supports-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 42px;
}
.supports-list li {
  margin-right: 3.2%;
  padding: 32px 0 42px;
  width: 31.2%;
  background: #fff;
  text-align: center;
}
.supports-list li:nth-child(3n+3) {
  margin-right: 0;
}
.supports-list li:hover figure {
  transform: translateY(-5px);
}
.supports-list li figure {
  display: block;
  text-align: center;
  height: 64px;
  transition: 0.4s;
}
.supports-list li figure img {
  display: inline-block;
  width: auto;
  max-height: 100%;
}
.supports-list li p {
  margin-top: 10px;
  color: #51565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.online-survey {
  padding: 80px 0 70px;
  background-color: #fff;
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.online-survey-info {
  width: 60.6%;
}
.online-survey-top {
  margin-bottom: 24px;
}
.online-survey-top strong {
  display: block;
  margin-bottom: 14px;
  line-height: 1;
  color: #53565a;
  font-size: 34px;
  font-family: "RBNo2.1a";
}
.online-survey-top p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.online-row {
  display: flex;
}
.online-input {
  margin-right: 10px;
  margin-bottom: 40px;
  flex: 1;
  width: 0;
}
.online-input:last-child {
  margin-right: 0;
}
.online-input .text {
  box-sizing: border-box;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  line-height: 48px;
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #dadddd;
  transition: 0.32s;
}
.online-input .text::-webkit-input-placeholder {
  color: #999;
}
.online-input .text:focus {
  border-color: #FBC400;
}
.online-input .text:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.online-precess label {
  display: inline-flex;
  align-items: center;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.online-precess label .checkprev {
  margin: 0;
  position: relative;
  top: -1px;
  margin-right: 10px;
  border: 1px solid #dadddd;
  width: 14px;
  height: 14px;
  outline: none;
}
.online-send {
  margin-top: 32px;
}
.online-send .val {
  display: block;
  padding: 0;
  width: 156px;
  height: 46px;
  border: 1px solid #FBC400;
  line-height: 46px;
  box-sizing: content-box;
  color: #53565a;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  background: none;
  transition: 0.2s;
}
.online-send .val:hover {
  color: #FBC400;
}
.solute-banner {
  position: relative;
  overflow: hidden;
}
.solute-banner figure {
  position: relative;
  display: block;
  padding-bottom: 45.45%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.solute-banner figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solute-title {
  position: absolute;
  left: 3.65vw;
  bottom: 4.07vw;
  z-index: 3;
  color: #fff;
  font-size: 64px;
  font-family: "RBNo2.1a";
  line-height: 1;
}
.series-product {
  padding: 3.96vw 0 1px;
}
.series-menu {
  margin-top: 20px;
  overflow: hidden;
}
.series-menu-li {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #FBC400;
}
.series-menu-li li {
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.series-menu-li li:before {
  content: "";
  width: 0;
  height: 3px;
  background: #FBC400;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.series-menu-li li:hover,
.series-menu-li li.active {
  color: #FBC400;
}
.series-menu-li li:hover:before,
.series-menu-li li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.series-menu-li li:last-child {
  margin-right: 0;
}
.series-menu-li li.active a {
  color: #53565a;
  font-weight: bold;
}
.series-menu-li li a {
  display: inline-block;
  line-height: 1;
  padding: 22px 0;
  color: #53565a;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  transition: color 0.3s;
}
.solute-boxs {
  padding: 80px 0;
  background: #f5f5f5;
}
.solute-tabs {
  position: relative;
  margin-top: 40px;
}
.solute-tabs .gallery-prev.prev {
  left: -70px;
}
.solute-tabs .gallery-prev.next {
  right: -70px;
}
.solute-row {
  display: flex;
}
.solute-row:first-child .solute-item:last-child .solute-tops {
  width: 335px;
  max-width: 100%;
}
.solute-item {
  margin-bottom: 30px;
  margin-right: 30px;
  position: relative;
  z-index: 2;
  flex: 1;
  width: 0;
  box-sizing: border-box;
  padding: 30px 38px 32px;
  height: 294px;
}
.solute-item:hover:before,
.solute-item:hover:after {
  transform: scaleX(1);
}
.solute-item:hover .solute-line:before,
.solute-item:hover .solute-line:after {
  transform: scaleY(1);
}
.solute-item:hover figure img {
  transform: scale(1.08);
}
.solute-item:hover .solute-dist {
  opacity: 1;
  visibility: visible;
}
.solute-item:before,
.solute-item:after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #FBC400;
  transition: 0.5s;
  transform: scaleX(0);
}
.solute-item:before {
  top: 0;
}
.solute-item:after {
  bottom: 0;
}
.solute-item:last-child {
  margin-right: 0;
}
.solute-item figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background: #fff;
}
.solute-item figure img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
.solute-line:before,
.solute-line:after {
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #FBC400;
  transition: 0.5s;
  transform: scaleY(0);
}
.solute-line:before {
  left: 0;
}
.solute-line:after {
  right: 0;
}
.solute-tops {
  margin-bottom: 46px;
}
.solute-tops strong {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #53565a;
  font-size: 30px;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.solute-tops p {
  color: #686868;
  font-size: 16px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 52px;
}
.solute-tops span {
  display: inline-block;
  margin-top: 8px;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.34s;
  border-bottom: 2px solid #FBC400;
}
.solute-tops span:hover {
  color: #FBC400;
}
.solute-dist {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.solute-dist a {
  display: inline-block;
  padding: 0 18px;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
  background: #f5f5f5;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.solute-dist a:hover {
  background: #FBC400;
  color: #fff;
}
.solute-row:last-child .solute-tops {
  width: 775px;
}
.solute-row:last-child .solute-item {
  margin-bottom: 0;
}
.solute-swiper {
  padding-bottom: 50px;
}
.solute-swiper .swiper-pagination {
  position: absolute;
  bottom: 0;
  line-height: 1;
  width: 100%;
}
.solute-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #727679;
  opacity: 1;
  border-radius: 0;
  cursor: pointer;
}
.solute-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FBC400;
}
.technical-supports {
  padding: 6.51vw 18.44vw;
  background-position: center;
  background-size: cover;
}
.technical-text strong {
  display: block;
  margin-bottom: 14px;
  line-height: 1;
  color: #fff;
  font-size: 34px;
  font-family: "RBNo2.1a";
}
.technical-text p {
  color: #fff;
  font-size: #ffffff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  height: 74px;
  line-height: 1.6;
}
.technical-text .product-more {
  display: inline-block;
  width: 182px;
}
.technical-text .product-more span {
  color: #fff;
}
.solute-view-info {
  margin-bottom: 76px;
}
.solute-view-info figure {
  position: relative;
  display: block;
  padding-bottom: 30.3%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.solute-view-info figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solute-view-info figure strong {
  display: block;
  position: absolute;
  left: 3.13vw;
  bottom: 3.33vw;
  z-index: 3;
  line-height: 1;
  color: #fff;
  font-size: 3.33vw;
  font-family: "RBNo2.1a";
}
.features-series {
  width: auto;
}
.case-box {
  position: relative;
  padding-bottom: 6.25vw;
}
.case-box .gallery-prev {
  margin-top: -130px;
}
.case-box .gallery-prev.prev {
  left: -70px;
}
.case-box .gallery-prev.next {
  right: -70px;
}
.solute-view-text {
  padding: 3.02vw 5.21vw;
  display: flex;
  align-items: center;
  background: #f5f5f5;
}
.solute-ico {
  margin-right: 3.13vw;
  width: 80px;
}
.solute-ico img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.solute-v-text {
  width: 0;
  flex: 1;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.solute-v-row {
  margin-top: 10px;
}
.solute-v-row p {
  position: relative;
  padding-left: 14px;
}
.solute-v-row p:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 4px;
  height: 4px;
  background: #FBC400;
  border-radius: 50%;
}
.case-box {
  margin-top: 40px;
}
.case-slide {
  display: flex;
  justify-content: space-between;
}
.case-row {
  width: 31.666%;
}
.case-item {
  margin-bottom: 1.56vw;
  position: relative;
}
.case-item:hover figure img {
  transform: scale(1.06);
}
.case-item:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 80%;
  background: linear-gradient(to bottom, rgba(83, 86, 90, 0.6) 0%, rgba(83, 86, 90, 0) 100%);
  pointer-events: none;
}
.case-item figure {
  position: relative;
  display: block;
  padding-bottom: 103.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-item figure img {
  transition: 0.68s;
}
.case-item strong {
  display: block;
  position: absolute;
  left: 1.88vw;
  top: 38px;
  z-index: 3;
  line-height: 1;
  color: #fff;
  font-size: 34px;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.case-vide {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 5;
  line-height: 1;
  color: #FBC400;
  font-size: 46px;
  cursor: pointer;
  transition: 0.5s;
}
.case-vide:hover {
  transform: scale(1.1);
}
.case-right {
  width: 66.06%;
}
.case-right .case-tops .case-item figure {
  position: relative;
  display: block;
  padding-bottom: 60.32%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-right .case-tops .case-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-bottom {
  display: flex;
  justify-content: space-between;
}
.case-bottom .case-item {
  width: 48.39%;
}
.case-bottom .case-item figure {
  position: relative;
  display: block;
  padding-bottom: 80.56%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-bottom .case-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-box {
  padding-bottom: 6.77vw;
}
.sdlg-news {
  padding-top: 5.21vw;
}
.common-news {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.92vw;
}
.common-news h3 {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 36px;
  font-family: "RBNo2.1a";
}
.common-news a {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #FBC400;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.common-news a:before {
  content: "";
  width: 0;
  height: 2px;
  background: #FBC400;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.common-news a:hover,
.common-news a.active {
  color: #FBC400;
}
.common-news a:hover:before,
.common-news a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.sdlg-news-list li {
  margin-bottom: 42px;
}
.sdlg-news-list li:last-child {
  margin-bottom: 0;
}
.sdlg-news-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sdlg-news-list li a:hover .sdlg-imgs figure img {
  transform: scale(1.06);
}
.sdlg-news-list li a:hover .sdlg-info strong {
  color: #FBC400;
}
.sdlg-imgs {
  width: 43.63%;
}
.sdlg-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 55.5555%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.sdlg-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sdlg-imgs figure img {
  transition: 0.6s;
}
.sdlg-info {
  width: 51.66%;
}
.sdlg-info time {
  display: block;
  margin-bottom: 14px;
  position: relative;
  padding-left: 18px;
  line-height: 1.2;
  color: #686868;
  font-size: 14px;
}
.sdlg-info time:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 6px;
  height: 6px;
  background: #FBC400;
}
.sdlg-info strong {
  display: block;
  margin-bottom: 2.08vw;
  line-height: 1.2;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.38s;
}
.sdlg-info p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.campaings {
  padding-top: 6.77vw;
}
.campaings-slide {
  box-sizing: border-box;
  padding: 12px 12px 22px;
  width: 33.333%;
  border: 1px solid #dcdcdc;
  transition: background 0.4s;
}
.campaings-slide:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
}
.campaings-slide:hover figure img {
  transform: scale(1.06);
}
.campaings-slide figure {
  position: relative;
  display: block;
  padding-bottom: 55.58%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.campaings-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.campaings-slide figure img {
  transition: 0.65s;
}
.campaings-down {
  padding: 2.24vw 12px 0;
}
.campaings-in time {
  display: block;
  position: relative;
  padding-left: 18px;
  margin-bottom: 14px;
  line-height: 1.1;
  color: #686868;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.campaings-in time:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 6px;
  height: 6px;
  background: #FBC400;
}
.campaings-in strong {
  display: block;
  line-height: 1.4;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.35s;
}
.campaings-in strong:hover {
  color: #FBC400;
}
.campaings-share {
  margin-top: 2.5vw;
  display: block;
  align-items: center;
}
.campaings-share a {
  display: inline-block;
  margin-right: 1.04vw;
  color: #e6e6e6;
  font-size: 25px;
}
.campaings-share a:hover {
  color: #FBC400;
}
.campaings-swiper .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 3.85vw;
  line-height: 1;
}
.campaings-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #74787b;
  border-radius: 0;
  opacity: 1;
  transition: 0.3s;
}
.campaings-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FBC400;
}
.customer-stories {
  padding-top: 2.71vw;
}
.customer-list {
  display: flex;
  flex-wrap: wrap;
}
.customer-list li {
  margin-right: 5%;
  margin-bottom: 30px;
  width: 47.5%;
}
.customer-list li:nth-child(2n+2) {
  margin-right: 0;
}
.customer-list li a:hover figure img {
  transform: scale(1.05);
}
.customer-list li a:hover .sdlg-info strong {
  color: #FBC400;
}
.customer-list li a:hover .sdlg-info span i {
  left: 4px;
}
.customer-list li figure {
  position: relative;
  display: block;
  padding-bottom: 56.27%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.customer-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customer-list li figure img {
  transition: 0.68s;
}
.customer-list li .sdlg-info {
  padding: 48px 20px 0;
  width: 100%;
  box-sizing: border-box;
}
.customer-list li .sdlg-info strong {
  margin-bottom: 0;
  transition: 0.3s;
}
.sdlg-info span {
  display: inline-flex;
  margin-top: 1.67vw;
  align-items: center;
  line-height: 1.2;
  color: #FBC400;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sdlg-info span i {
  display: inline;
  position: relative;
  left: 0;
  transition: 0.3s;
  margin-left: 10px;
  font-size: 12px;
  font-style: normal;
}
.news-fix {
  padding: 4.9vw 0 6.25vw;
}
.news-select {
  display: flex;
  margin-left: 7.55vw;
  width: 0;
  flex: 1;
}
.news-select .text {
  background: none;
}
.nselect {
  flex: 1;
  margin-right: 1.56vw;
  width: 0;
  box-sizing: border-box;
  padding-left: 12px;
  border: 2px solid #FBC400;
  height: 50px;
  line-height: 46px;
  color: #666666;
  font-size: 16px;
  background: url(../images/arrow1.png) 94% center no-repeat;
  outline: none;
}
.select-search {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  background: #FBC400;
  height: 50px;
  cursor: pointer;
  transition: 0.4s;
}
.select-search:hover {
  background: rgba(241, 175, 0, 0.8);
}
.select-search span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}
.select-search b {
  display: inline-block;
  margin-left: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.news-swiper-list {
  position: relative;
}
.news-swiper {
  position: relative;
  margin-top: 3.65vw;
  z-index: 2;
}
.news-swiper:before {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  content: "";
  width: 200px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.news-swiper .banner-prev {
  z-index: 10;
}
.news-swiper .banner-prev.prev {
  left: -94px;
  margin-left: 0;
}
.news-swiper .banner-prev.next {
  right: -94px;
  margin-right: 0;
}
.news-slides {
  width: 50vw;
}
.news-slides a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-slides a .sdlg-info {
  margin-left: 2.5vw;
  width: 0;
  flex: 1;
}
.news-imgs {
  width: 46.875%;
}
.news-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 55.555%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.news-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sdlg-news-fix {
  padding-bottom: 5.47vw;
}
.sdlg-news-li {
  position: relative;
  margin-bottom: 4.17vw;
}
.sdlg-news-li li {
  position: relative;
  z-index: 2;
  padding: 45px 0;
  border-bottom: 1px solid #dddddd;
}
.sdlg-news-li li:before {
  content: "";
  width: 100%;
  height: 0;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}
.sdlg-news-li li:hover,
.sdlg-news-li li.active {
  color: #f5f5f5;
}
.sdlg-news-li li:hover:before,
.sdlg-news-li li.active:before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.sdlg-news-li li:hover .sdlg-wrs figure img {
  transform: scale(1.06);
}
.sdlg-wrs a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sdlg-wrs a .news-imgs {
  width: 31.666%;
}
.sdlg-wrs a .news-imgs img {
  transition: 0.6s;
}
.sdlg-wrs a .sdlg-info {
  margin-left: 78px;
  flex: 1;
  width: 0;
}
.pages {
  display: flex;
  justify-content: center;
}
.pages a {
  display: inline-block;
  margin-right: 18px;
  width: 48px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border: 2px solid #e3e3e3;
  background: #e3e3e3;
  color: #fff;
  font-size: 20px;
  font-family: "BNo2.1a";
  font-weight: bold;
}
.pages a:hover,
.pages a.active {
  background: #fff;
  border-color: #FBC400;
  color: #FBC400;
}
.pages a:last-child {
  margin-right: 0;
}
.pages .dit {
  display: inline-block;
  margin-right: 18px;
  color: #e3e3e3;
  line-height: 42px;
  font-size: 20px;
  font-weight: bold;
}
.news-inner {
  padding: 0 0 130px;
  border-top: 2px solid #FBC400;
}
.news-view-v {
  margin-top: 4.58vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.news-view-left {
  width: 59.09%;
}
.news-view-top {
  padding-bottom: 1.88vw;
  border-bottom: 1px solid #dddddd;
}
.news-view-top time {
  display: block;
  margin-bottom: 1.25vw;
  line-height: 1;
  color: #686868;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}
.news-view-top strong {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 2.5vw;
  font-weight: bold;
  font-family: "RBNo2.1a";
}
.news-shares {
  margin-top: 2.08vw;
  display: flex;
}
.news-shares a {
  display: inline-block;
  margin-right: 1.25vw;
  line-height: 1;
  color: #53565a;
  font-size: 22px;
}
.news-shares a:hover {
  color: #FBC400;
}
.news-shares a:last-child {
  margin-right: 0;
}
.news-v-info {
  padding: 40px 0 70px;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.news-v-info img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.news-view-page {
  display: flex;
}
.news-page-item {
  width: 0;
  flex: 1;
}
.news-page-item:last-child a {
  flex-direction: row-reverse;
}
.news-page-item:last-child a p {
  margin-left: 0;
  margin-right: 1.35vw;
  text-align: right;
}
.news-page-item a {
  display: flex;
  align-items: center;
  background: #3d3d3d;
}
.news-page-item a:hover {
  background: #FBC400;
}
.news-page-item a:hover i {
  background: #d79c00;
}
.news-page-item a i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #2f2f2f;
  transition: 0.3s;
}
.news-page-item a p {
  flex: 1;
  margin-left: 1.35vw;
  width: 0;
  color: #fff;
  font-size: 1.56vw;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.hot-news {
  padding-top: 2.81vw;
  width: 29.54%;
}
.hot-news-tt {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 2.19vw;
  font-weight: bold;
  font-family: "RBNo2.1a";
}
.hot-list {
  margin-top: 40px;
}
.hot-list li {
  margin-bottom: 2.81vw;
  border-bottom: 1px solid #dddddd;
}
.hot-list li:last-child {
  border-bottom: none;
}
.hot-list li figure {
  position: relative;
  display: block;
  padding-bottom: 56.52%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.hot-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-list li figure img {
  transition: 0.65s;
}
.hot-list li:hover figure img {
  transform: scale(1.06);
}
.hot-list li:hover .hot-text strong {
  color: #FBC400;
}
.hot-text {
  padding: 1.88vw 0 2.34vw;
}
.hot-text time {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.hot-text strong {
  display: block;
  line-height: 1.3;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  transition: 0.35s;
}
.campaigns {
  padding: 100px 0 105px;
}
.campaigns-title {
  line-height: 1;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.campaigns-list {
  margin-top: 54px;
  padding-bottom: 30px;
}
.campaigns-item {
  margin-bottom: 3.8542vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.campaigns-item:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.campaigns-info {
  position: relative;
  width: 50%;
}
.campaigns-info:hover figure img {
  transform: scale(1.06);
}
.campaigns-info figure {
  position: relative;
  display: block;
  padding-bottom: 71.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.campaigns-info figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.campaigns-info figure img {
  transition: 0.68s;
}
.campaigns-info figure:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 12.2396vw;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.campaigns-in {
  position: absolute;
  left: 1.7708vw;
  right: 1.5625vw;
  bottom: 30px;
  z-index: 3;
}
.campaigns-in strong {
  display: block;
  margin-bottom: 14px;
  line-height: 1.2;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  font-family: "RBNo2.1a";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaigns-in p {
  color: #ffffff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
}
.campaigns-wr {
  width: 42.42%;
}
.campaigns-li li {
  border-bottom: 1px solid #ebebeb;
}
.campaigns-li li:last-child {
  border-bottom: none;
}
.campaigns-li li a {
  display: block;
  padding: 20px 0;
}
.campaigns-li li a time {
  display: block;
  position: relative;
  padding-left: 16px;
  line-height: 1;
  color: #686868;
  font-size: 16px;
}
.campaigns-li li a time:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 6px;
  height: 6px;
  background: #FBC400;
}
.campaigns-li li a:hover strong {
  color: #FBC400;
}
.campaigns-li li a strong {
  display: block;
  margin-bottom: 12px;
  line-height: 1.2;
  color: #53565a;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.35s;
}
.reliability {
  padding: 44px 0 98px;
}
.unveiled {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.unveiled-imgs {
  width: 50%;
}
.unveiled-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 68.09%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.unveiled-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.unveiled-info {
  width: 44.69%;
}
.unveiled-in {
  margin-top: 40px;
  color: #686868;
  font-size: 16px;
}
.campaigns-fix {
  padding: 0 0 10.0521vw;
  background: #f2f2f2;
}
.related-news {
  padding-top: 94px;
}
.related-li {
  margin-top: 42px;
  padding-bottom: 46px;
}
.related-li li {
  margin-bottom: 32px;
}
.related-li li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 13px;
  background: #fff;
}
.related-li li a:hover figure img {
  transform: scale(1.06);
}
.related-li li a:hover .sdlg-info strong {
  color: #FBC400;
}
.related-li li a .sdlg-info {
  margin-left: 3.2292vw;
  width: 0;
  flex: 1;
}
.related-li li a .sdlg-info strong {
  margin-bottom: 1.1458vw;
}
.related-imgs {
  width: 31%;
}
.related-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.related-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-imgs figure img {
  transition: 0.6s;
}
.related-more {
  text-align: center;
}
.related-more a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 206px;
  height: 46px;
  line-height: 46px;
  border: 2px solid #FBC400;
  color: #53565a;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.related-more a:hover {
  color: #FBC400;
}
.related-more a:hover i {
  left: 3px;
}
.related-more a i {
  display: inline-block;
  position: relative;
  left: 0;
  margin-left: 13px;
  font-size: 12px;
  color: #FBC400;
  font-style: normal;
  transition: 0.3s;
}
.photos {
  padding-top: 88px;
}
.photos-list {
  margin-top: 42px;
  padding-bottom: 20px;
}
.photos-row {
  display: flex;
}
.photos-item {
  margin-right: 3%;
  margin-bottom: 2.8125vw;
  width: 48.5%;
}
.photos-item:last-child {
  margin-right: 0;
}
.photos-item:hover figure img {
  transform: scale(1.06);
}
.photos-item:hover strong {
  color: #FBC400;
}
.photos-item figure {
  position: relative;
  display: block;
  padding-bottom: 73.47%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.photos-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photos-item figure img {
  transition: 0.65s;
}
.photos-item strong {
  display: block;
  margin-top: 30px;
  text-align: center;
  line-height: 1.2;
  color: #53565a;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  transition: 0.35s;
}
.photos-row1 {
  flex-wrap: wrap;
}
.photos-row1 .photos-item {
  margin-right: 2%;
  width: 32%;
}
.photos-row1 .photos-item:nth-child(3n+3) {
  margin-right: 0;
}
.video-fixs {
  padding-top: 106px;
}
.customer-stories {
  padding-top: 5.1042vw;
  overflow: hidden;
}
.customer-title {
  color: #53565a;
  font-size: 48px;
  line-height: 1;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.stories-tab {
  margin-top: 60px;
}
.stories-wrap {
  position: relative;
  left: 50%;
  margin-left: -60%;
  width: 120%;
}
.stories-wrap .banner-prev.prev {
  margin-left: -90px;
}
.stories-wrap .banner-prev.next {
  margin-right: -90px;
}
.stories-slide {
  position: relative;
}
.stories-slide.swiper-slide-active .stories-wr {
  opacity: 1;
  transform: scale(1);
}
.stories-slide.swiper-slide-prev .stories-wr {
  transform-origin: right center;
}
.stories-slide.swiper-slide-next .stories-wr {
  transform-origin: left center;
}
.stories-slide figure {
  position: relative;
  display: block;
  padding-bottom: 66.76%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.stories-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stories-slide figure:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: "";
  width: 100%;
  height: 70%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.stories-info {
  position: absolute;
  left: 32px;
  right: 2.2917vw;
  bottom: 30px;
  z-index: 5;
}
.stories-info strong {
  display: block;
  margin-bottom: 14px;
  line-height: 1.2;
  color: #fff;
  font-size: 30px;
  font-family: "RBNo2.1a";
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stories-info p {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
}
.stories-info .news-shares {
  margin-top: 24px;
}
.stories-info .news-shares a {
  color: #fff;
}
.stories-info .news-shares a:hover {
  color: #FBC400;
}
.stories-wr {
  opacity: 0.2;
  transition: 0.5s;
  transform: scale(0.9);
}
.stories-boxs {
  padding: 120px 0 100px;
}
.stories-boxs .sdlg-news-list {
  padding-bottom: 104px;
}
.about-datas {
  padding: 6.6667vw 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about-datas-info {
  width: 64.84%;
}
.about-datas-info strong {
  display: block;
  margin-bottom: 40px;
  line-height: 1.2;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.about-datas-info p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.about-data-list {
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
}
.about-data-item {
  width: 50%;
  margin-bottom: 2.5vw;
  text-align: center;
}
.about-data-item b {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 89px;
  height: 89px;
  border: 1px solid #fbe7b2;
  line-height: 1;
}
.about-data-item b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.about-data-item strong {
  display: block;
  margin-top: 18px;
  margin-bottom: 18px;
  line-height: 1;
  color: #53565a;
  font-size: 3.125vw;
  font-family: 'RBNo2.1a';
}
.about-data-item small {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.about-video {
  position: relative;
  overflow: hidden;
}
.about-video figure {
  position: relative;
  display: block;
  padding-bottom: 39.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about-video figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-video .videobtns {
  cursor: pointer;
}
.avideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.machinery {
  padding: 7.5521vw 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.machinery-wrap {
  margin-left: 15.625vw;
  width: 856px;
}
.machinery-wrap strong {
  display: block;
  line-height: 1.2;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.machinery-info {
  margin-top: 40px;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.concepts {
  padding: 5.4688vw 0;
}
.concepts-tt {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.concepts-list {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.concepts-list li {
  margin-right: 1.25%;
  width: 32.5%;
}
.concepts-list li:nth-child(3n+3) {
  margin-right: 0;
}
.concepts-list li figure {
  position: relative;
  display: block;
  padding-bottom: 56.04%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.concepts-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.concepts-list li figure img {
  transition: 0.65s;
}
.concepts-list li a:hover figure img {
  transform: scale(1.06);
}
.concepts-list li a:hover .concepts-text strong {
  color: #FBC400;
}
.concepts-text {
  padding: 32px 18px 0;
}
.concepts-text strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1.1;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.35s;
}
.concepts-text p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.history-box {
  margin-top: 6.25vw;
}
.history-tab {
  position: relative;
}
.history-tab:before {
  position: absolute;
  left: 0;
  bottom: 28px;
  content: "";
  width: 100%;
  height: 5px;
  background: #FBC400;
  pointer-events: none;
}
.history-tab .banner-prev.prev {
  left: -96px;
  margin-left: 0;
}
.history-tab .banner-prev.next {
  right: -96px;
  margin-right: 0;
}
.history-swiper {
  padding-bottom: 33px;
}
.history-item {
  height: auto;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding: 26px 0 24px 2.9167vw;
  width: 25%;
  cursor: pointer;
  transition: 0.5s;
}
.history-item:before {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 5px;
  content: "";
  width: 56px;
  height: 29px;
  background: url(../images/arrow2.png) center no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.history-item:hover,
.history-item.swiper-slide-active {
  background: #FBC400;
}
.history-item:hover time,
.history-item.swiper-slide-active time,
.history-item:hover p,
.history-item.swiper-slide-active p {
  color: #fff;
}
.history-item.swiper-slide-active:before {
  opacity: 1;
  visibility: visible;
}
.history-item time {
  display: block;
  margin-bottom: 8px;
  line-height: 1;
  color: #51565a;
  font-size: 40px;
  font-family: "RBNo2.1a";
  transition: 0.3s;
}
.history-item p {
  line-height: 1.2;
  color: #686868;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  transition: 0.3s;
}
.history-list {
  margin-top: 90px;
  padding-bottom: 6.7708vw;
}
.history-li {
  display: none;
}
.history-li:first-child {
  display: block;
}
.history-ri li {
  position: relative;
  transition: 0.5s;
}
.history-ri li:hover {
  background: #f1f2f2;
}
.history-ri li:hover .history-imgs {
  background: #FBC400;
}
.history-ri li:hover .history-imgs figure img {
  transform: scale(1.06);
}
.history-ri li:hover .history-infos {
  background: #FBC400;
}
.history-ri li:hover .history-dit {
  background: rgba(251, 196, 0, 0.2);
}
.history-ri li:first-child .history-wraps:before {
  height: 50%;
  top: auto;
  bottom: 0;
}
.history-ri li:last-child .history-wraps:before {
  height: 50%;
}
.history-wraps {
  position: relative;
  box-sizing: border-box;
  padding: 44px 0;
}
.history-wraps:before {
  position: absolute;
  left: -1px;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: rgba(251, 196, 0, 0.2);
}
.history-fixs {
  display: flex;
  margin: auto;
  width: 980px;
}
.history-imgs {
  position: relative;
  padding: 16px;
  width: 68%;
  transition: 0.6s;
}
.history-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 59.91%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.history-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-imgs figure img {
  transition: 0.65s;
}
.history-infos {
  margin-left: -16px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 1.8229vw;
  padding-right: 12px;
  padding-bottom: 2.3438vw;
  display: flex;
  align-items: flex-end;
  flex: 1;
  width: 0;
  background: #51565a;
  transition: 0.5s;
}
.history-infos time {
  display: block;
  margin-bottom: 2.1875vw;
  line-height: 1;
  color: #fff;
  font-size: 48px;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.history-infos p {
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.history-dit {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: -26px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  transition: 0.4s;
}
.history-dit:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FBC400;
}
.responsibility {
  margin-top: 5.21vw;
}
.maintenance-class-i {
  display: none;
}
.maintenance-class-i:first-child {
  display: block;
}
.responsibility-list li {
  margin-bottom: 8.19vw;
  display: flex;
  justify-content: space-between;
}
.responsibility-list li strong {
  display: block;
  margin-bottom: 50px;
  line-height: 1.1;
  color: #53565a;
  font-size: 36px;
  font-family: "RBNo2.1a";
}
.responsibility-list li:hover .responsibility-imgs img {
  transform: scale(1.06);
}
.responsibility-imgs {
  width: auto;
  overflow: hidden;
}
.responsibility-imgs img {
  display: inline-block;
  width: auto;
  max-height: 400px;
  min-height: 340px;
  transition: 0.68s;
}
.responsibility-info {
  width: 0;
  flex: 1;
  display: flex;
  padding: 0 2.19vw;
  align-items: center;
  background: #f5f5f5;
}
.responsibility-text p {
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  /*height: 170px;*/
  overflow-y: auto;
}
.philanthropic {
  padding-top: 5.21vw;
  padding-bottom: 5.21vw;
}
.philanthropic-tab {
  margin-top: 40px;
  position: relative;
}
.philanthropic-slide {
  overflow: hidden;
}
.philanthropic-slide figure {
  display: block;
  height: 374px;
  line-height: 1;
  overflow: hidden;
}
.philanthropic-slide figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.philanthropic-li {
  position: absolute;
  left: 3.23vw;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4.48vw 0;
  z-index: 10;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.philanthropic-item.active a i {
  background: rgba(241, 175, 0, 0.2);
}
.philanthropic-item.active a span {
  opacity: 1;
}
.philanthropic-item a {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
}
.philanthropic-item a i {
  display: inline-block;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -13px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  transition: 0.35s;
}
.philanthropic-item a i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FBC400;
}
.philanthropic-item a span {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0.3;
  transition: 0.4s;
}
.actions {
  padding: 5.42vw 0 6.25vw;
}
.actions-list {
  margin-top: 2.81vw;
  display: flex;
  flex-wrap: wrap;
}
.actions-list li {
  margin-right: 2.3%;
  margin-bottom: 30px;
  position: relative;
  width: 31.8%;
}
.actions-list li:nth-child(3n+3) {
  margin-right: 0;
}
.actions-list li:hover figure img {
  transform: scale(1.06);
}
.actions-list li:hover strong {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.actions-list li figure {
  position: relative;
  display: block;
  padding-bottom: 66.9%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.actions-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.actions-list li figure img {
  transition: 0.65s;
}
.actions-list li strong {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  margin-top: 30px;
  transition: 0.58s;
}
.impression {
  padding: 4.79vw 0 0;
}
.impression-list {
  margin-top: 35px;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.impression-list li {
  margin-right: 2.51%;
  margin-bottom: 30px;
  position: relative;
  width: 31.66%;
}
.impression-list li:nth-child(3n+3) {
  margin-right: 0;
}
.impression-list li:hover figure img {
  transform: scale(1.06);
}
.impression-list li figure {
  position: relative;
  display: block;
  padding-bottom: 71.94%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.impression-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.impression-list li figure img {
  transition: 0.68s;
}
.impression-list li strong {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 3.91vw 10px 12px;
  z-index: 4;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.concepts-center {
  text-align: center;
}
.impression-video {
  padding-bottom: 80px;
}
.impression-video .related-more {
  margin-top: 70px;
}
.impression-photos {
  padding-bottom: 8.85vw;
}
.impress-video {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 3.33vw 1.25vw 18px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.impress-video i {
  display: inline-block;
  font-style: normal;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: lighter;
}
.impress-video p {
  margin-left: 16px;
  width: 0;
  flex: 1;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.videoShow .video-pops {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.video-pops {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  transform: translateY(100%);
  transition: 0.8s;
}
.pop-bgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.video-pop-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 74%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.video-pop-wrap.showIframe video {
  opacity: 0;
  visibility: hidden;
}
.video-pop-wrap.showIframe .iframvideo {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.video-pop-wrap video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 88vh;
}
.video-pop-wrap .iframvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.video-close {
  position: absolute;
  right: -48px;
  top: 0;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
  font-size: 32px;
}
.video-close:hover {
  transform: rotate(180deg);
}
.future {
  padding: 14.84vw 15.1vw;
  text-align: center;
  background-attachment: local;
  background-position: center;
  background-size: cover;
}
.future-wrap {
  text-align: center;
}
.future-wrap strong {
  display: block;
  margin-bottom: 42px;
  line-height: 1.2;
  color: #fff;
  font-size: 2.5vw;
  font-family: "RBNo2.1a";
}
.future-wrap p {
  display: inline-block;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  background: #FBC400;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.working-top {
  padding: 5.21vw 0 54px;
  text-align: center;
}
.working-top strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.working-top p {
  color: #686868;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.working-list {
  display: flex;
}
.working-list li {
  flex: 1;
  position: relative;
  z-index: 2;
  margin-right: 4px;
  padding: 75px 2.6vw 60px;
  background: #f1f2f2;
  text-align: center;
}
.working-list li:before {
  content: "";
  width: 100%;
  height: 0;
  background: #f1af00;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.66s;
  z-index: -1;
}
.working-list li:hover,
.working-list li.active {
  color: #f1af00;
}
.working-list li:hover:before,
.working-list li.active:before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.working-list li:hover b,
.working-list li:hover strong,
.working-list li:hover p {
  color: #fff;
}
.working-list li b {
  display: inline-block;
  color: #53565a;
  font-weight: normal;
  font-size: 4.58vw;
  line-height: 1;
  transition: 0.38s;
}
.working-list li strong {
  display: block;
  margin-top: 2.5vw;
  margin-bottom: 25px;
  line-height: 1.2;
  color: #53565a;
  font-size: 36px;
  font-family: "RBNo2.1a";
  transition: 0.38s;
}
.working-list li p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  transition: 0.38s;
}
.working-list li:last-child {
  margin-right: 0;
}
.joining {
  padding: 5.21vw 0 6.56vw;
}
.joining-list {
  margin-top: 3.91vw;
  margin-bottom: 40px;
}
.joining-list li {
  margin-bottom: 60px;
  border: 2px solid #e1e1e1;
  transition: 0.5s;
}
.joining-list li:hover {
  border-color: #FBC400;
}
.joining-list li:last-child {
  margin-bottom: 0;
}
.joining-tops {
  padding: 0 3.54vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 76px;
  border-bottom: 1px solid #f0f0f0;
}
.joining-tops strong {
  display: inline-block;
  color: #333333;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.joining-tops span {
  display: flex;
  align-items: center;
  color: #FBC400;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.joining-tops span i {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
  background: #FBC400;
}
.joining-down {
  padding: 2.29vw 3.54vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.joining-item {
  width: 44.91%;
}
.joining-item strong {
  display: block;
  margin-bottom: 4px;
  color: #333333;
  font-size: 16px;
}
.joining-item p {
  color: #686868;
  font-size: 16px;
}
.message-boxs {
  padding: 5.21vw 0;
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.message-tt {
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.message-list {
  margin-top: 60px;
}
.message-row {
  display: flex;
  justify-content: space-between;
}
.message-items {
  margin-bottom: 34px;
  width: 49.24%;
}
.message-items .text {
  box-sizing: border-box;
  padding-left: 30px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: none;
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
  outline: none;
}
.message-items .text::-webkit-input-placeholder {
  color: #fff;
}
.message-items .text option {
  color: #686868;
}
.message-items .text.message-select {
  background: rgba(255, 255, 255, 0.2) url(../images/arrow1.png) 96% center no-repeat;
}
.message-sub {
  padding-top: 23px;
  text-align: center;
}
.message-sub .val {
  display: inline-block;
  width: 300px;
  height: 60px;
  line-height: 60px;
  border: none;
  outline: none;
  background: #FBC400;
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
}
.jobs {
  padding: 4.0625vw 0 90px;
}
.jobs-posite {
  margin-bottom: 4.6875vw;
}
.jobs-title {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.jobs-select {
  margin-top: 30px;
  padding: 35px 0 0;
  border-top: 1px solid #ebecee;
  border-bottom: 1px solid #ebecee;
}
.jobs-select-item {
  display: flex;
  align-items: flex-start;
}
.jobs-select-item dt {
  display: block;
  width: 158px;
  text-align: right;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.jobs-select-item dd {
  margin-left: 2.0833vw;
  width: 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.select-check {
  margin-right: 36px;
  margin-bottom: 26px;
}
.select-check.active label span {
  border-color: #FBC400;
  background: url(../images/arrow3.png) center no-repeat;
}
.select-check label {
  display: inline-flex;
  position: relative;
  align-items: center;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.select-check label span {
  display: inline-flex;
  position: relative;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  border: 1px solid #dadddd;
  transition: border 0.3s;
}
.select-check label .check {
  position: absolute;
  margin: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  opacity: 0;
}
.job-category-tops {
  display: flex;
  margin-bottom: 10px;
}
.job-category-tops span {
  display: inline-flex;
  line-height: 1;
  color: #333333;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.job-category-tops span:nth-child(1) {
  padding-left: 22px;
  box-sizing: border-box;
  width: 36.2%;
}
.job-category-tops span:nth-child(2) {
  width: 31.36%;
}
.job-category-tops span:nth-child(3) {
  width: 20.45%;
}
.job-category-tops span:nth-child(4) {
  flex: 1;
}
.job-category-list {
  margin-bottom: 85px;
}
.job-category-list li {
  width: 100%;
  margin-top: -1px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  height: 86px;
  transition: 0.4s;
}
.job-category-list li a {
  display: flex;
  align-items: center;
  height: 100%;
}
.job-category-list li:hover {
  background: #f1f2f2;
}
.job-category-list li span {
  display: inline-flex;
  line-height: 1.4;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.job-category-list li span:nth-child(1) {
  padding-left: 22px;
  box-sizing: border-box;
  width: 36.2%;
  font-weight: bold;
}
.job-category-list li span:nth-child(2) {
  width: 31.36%;
}
.job-category-list li span:nth-child(3) {
  width: 20.45%;
}
.job-category-list li span:nth-child(4) {
  flex: 1;
}
.career-view {
  padding: 3.8542vw 0 3.9063vw;
}
.career-back {
  margin-left: 20px;
}
.career-back a {
  display: inline-flex;
  align-items: center;
}
.career-back a i {
  display: inline-block;
  margin-right: 22px;
  color: #FBC400;
  font-size: 12px;
  font-style: normal;
}
.career-back a span {
  display: inline-block;
  color: #FBC400;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.career-view-v {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3.0208vw;
}
.career-view-left {
  width: 63.93%;
}
.career-view-top {
  padding-left: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dddddd;
}
.career-view-top strong {
  display: block;
  margin-bottom: 24px;
  line-height: 1.2;
  color: #53565a;
  font-size: 40px;
  font-family: "RBNo2.1a";
}
.career-view-top p {
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.career-view-infos {
  padding-left: 20px;
  padding-top: 55px;
}
.career-v-info {
  margin-bottom: 3.5417vw;
  color: #666666;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.career-v-info strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #53565a;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
}
.career-email p {
  margin-bottom: 10px;
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.career-email span {
  display: block;
  color: #f1af00;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2;
}
.career-view-right {
  width: 28.03%;
}
.career-view-right .message-tt {
  color: #53565a;
  font-size: 32px;
}
.career-view-right .message-list {
  margin-top: 34px;
}
.career-view-right .message-row {
  display: block;
}
.career-view-right .message-row .message-items {
  width: 100%;
}
.career-view-right .message-row .message-items .text {
  background: #f1f2f2;
  color: #686868;
}
.career-view-right .message-row .message-items .text::-webkit-input-placeholder {
  color: #686868;
}
.career-view-right .message-sub {
  padding-top: 0;
}
.career-view-right .message-sub .val {
  width: 100%;
}
.flex-product {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px 0;
  width: 100%;
  z-index: 90;
  background: #2c2c2c;
  opacity: 0;
  visibility: hidden;
  bottom: -100px;
  transition: 0.6s;
}
.flex-product.show {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.flex-product-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-product-list {
  margin-right: 2.71vw;
  width: 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.flex-product-list li {
  margin-right: 8.85vw;
  padding: 12px 0;
  display: flex;
  align-items: center;
}
.flex-product-list li span {
  display: inline-block;
  margin-right: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.flex-product-list li b {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  background: #fff;
  cursor: pointer;
  color: #51565a;
  font-size: 12px;
  transition: 0.2s;
  font-weight: normal;
}
.flex-product-list li b:hover {
  background: #FBC400;
  color: #fff;
  transform: rotate(180deg);
}
.flex-product-btn {
  padding: 8px 0 8px 46px;
  display: flex;
  border-left: 1px solid rgba(255, 255, 255, 0.11);
}
.flex-product-btn a {
  display: inline-block;
  margin-right: 38px;
  width: 178px;
  height: 42px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  transition: 0.35s;
  text-align: center;
  line-height: 42px;
}
.flex-product-btn a:last-child {
  margin-right: 0;
}
.flex-product-btn a:hover {
  background: #FBC400;
  border-color: #FBC400;
  color: #fff;
}
.compare-btns {
  background: #2c2c2c;
}
.compare-select {
  position: relative;
  margin: auto;
  width: 676px;
}
.compare-btns-defaul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  cursor: pointer;
}
.compare-btns-defaul p {
  margin-right: 26px;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.compare-btns-defaul i {
  display: inline-block;
  transform: rotate(90deg);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  transition: 0.35s;
}
.compare-down {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 3;
  background: #2c2c2c;
  display: none;
}
.compare-menu li {
  border-top: 1px solid #fff;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  text-align: center;
}
.compare-boxs {
  padding: 7.19vw 0 96px;
}
.compare-pro {
  display: flex;
  align-items: flex-start;
}
.compare-title {
  width: 25%;
  color: #53565a;
  font-size: 3.23vw;
  line-height: 1.1;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.compare-imgs {
  width: 25%;
}
.compare-imgs figure img {
  display: inline-block;
  max-width: 90%;
  height: auto;
}
.compare-table {
  margin-top: 64px;
}
.compare-head {
  display: flex;
  align-items: center;
  height: 60px;
}
.compare-head span {
  display: inline-block;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.compare-head span:nth-child(1) {
  width: 31.21%;
}
.compare-head span:nth-child(2) {
  width: 31.2%;
}
.compare-head span:nth-child(3) {
  flex: 1;
}
.compare-head span:nth-child(4) {
  flex: 1;
}
.compare-list li {
  margin-top: 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.compare-wr {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 12px 0;
}
.compare-wr span {
  display: inline-block;
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.compare-wr span:nth-child(1) {
  width: 31.21%;
}
.compare-wr span:nth-child(2) {
  width: 31.2%;
}
.compare-wr span:nth-child(3) {
  flex: 1;
}
.compare-wr span:nth-child(4) {
  flex: 1;
}
.office-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6.25vw 0 5.1042vw;
}
.office-address-left {
  box-sizing: border-box;
  padding-left: 20px;
  width: 40.15%;
}
.office-address-item {
  margin-bottom: 2.6042vw;
}
.office-address-item strong {
  display: block;
  margin-bottom: 1.3542vw;
  line-height: 1.1;
  color: #53565a;
  font-size: 30px;
  font-family: "RBNo2.1a";
}
.office-address-item p {
  color: #53565a;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.office-address-item:last-child {
  margin-bottom: 0;
}
.office-map {
  width: 54.09%;
  height: 550px;
}
.bm_bottomLeftOverlay {
  display: none !important;
}
.contact-share {
  margin-bottom: 4.8438vw;
}
.contact-share-list {
  display: flex;
  border-top: 1px solid #f1f2f2;
  border-bottom: 1px solid #f1f2f2;
}
.contact-share-list li {
  flex: 1;
}
.contact-share-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 178px;
}
.contact-share-list li a:hover {
  background: #f1f2f2;
}
.contact-share-list li a figure {
  display: block;
  line-height: 1;
  width: 75px;
}
.contact-share-list li a figure img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.contact-share-list li a span {
  display: inline-block;
  margin-left: 32px;
  color: #53565a;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.line-message {
  padding: 60px 54px 48px;
  margin-bottom: 83px;
  box-sizing: border-box;
  background: #f1f2f2;
}
.line-message .message-tt {
  color: #53565a;
}
.message-form {
  margin-top: 30px;
}
.message-rows {
  display: flex;
}
.message-input {
  margin-right: 34px;
  margin-bottom: 26px;
  flex: 1;
}
.message-input:last-child {
  margin-right: 0;
}
.message-input .text {
  box-sizing: border-box;
  padding-left: 20px;
  height: 56px;
  line-height: 56px;
  background: #fff;
  width: 100%;
  border: none;
  color: #cccccc;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.message-input .text::-webkit-input-placeholder {
  color: #ccc;
}
.message-input .text:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.message-area .textaree {
  box-sizing: border-box;
  padding: 18px 20px;
  height: 182px;
  line-height: 1.8;
  background: #fff;
  width: 100%;
  border: none;
  color: #cccccc;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  resize: none;
}
.message-area .textaree::-webkit-input-placeholder {
  color: #ccc;
}
.message-area .textaree:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.message-subs {
  margin-top: 54px;
  text-align: center;
}
.message-subs .sub {
  box-sizing: border-box;
  border: none;
  width: 300px;
  height: 52px;
  line-height: 52px;
  background: #FBC400;
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s;
}
.message-subs .sub:hover {
  background: rgba(251, 196, 0, 0.8);
}
#network a {
  transition: 0s;
}
.amap-copyright,
.amap-logo {
  display: none !important;
}
.network-box {
  display: flex;
  justify-content: space-between;
}
.network-left {
  display: flex;
  flex-direction: column;
  width: 31.77%;
}
.network-select-wr {
  display: flex;
  width: 31.77%;
}
.network-wrs .network-select {
  padding: 44px 40px;
}
.network-btns {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 500px;
}
.network-btns-item {
  display: flex;
  flex: 1;
}
.network-btns-item:hover a i,
.network-btns-item.active a i,
.network-btns-item:hover a span,
.network-btns-item.active a span {
  color: #e88909;
}
.network-btns-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.network-btns-item a i {
  display: inline-block;
  color: #53565a;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  transition: 0.3s;
}
.network-btns-item a span {
  display: inline-block;
  margin-top: 15px;
  color: #53565a;
  font-size: 26px;
  line-height: 1.1;
  width: 26px;
  transition: 0.3s;
}
.network-wrs {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.network-select {
  padding: 44px 4.27vw;
  background: #ededed;
}
.network-select-row {
  display: flex;
  justify-content: space-between;
}
.network-select-item {
  margin-right: 10px;
  width: 0;
  flex: 1;
}
.network-select-item:last-child {
  margin-right: 0;
}
.network-select-item .selectitem {
  box-sizing: border-box;
  padding-left: 12px;
  margin-bottom: 20px;
  height: 48px;
  line-height: 48px;
  background: #fff url(../images/arrow1.png) 92% center no-repeat;
  background-size: 14px auto;
  color: #cccccc;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  width: 100%;
  outline: none;
}
.network-select-item .selectitem::-webkit-input-placeholder {
  color: #cccccc;
}
.optionselect {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  margin-left: -100px;
}
.network-search {
  position: relative;
}
.network-search .text {
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  height: 48px;
  line-height: 48px;
  color: #ccc;
  font-size: 16px;
  background: #fff;
  border: none;
  outline: none;
}
.network-search .text::-webkit-input-placeholder {
  color: #ccc;
}
.network-search .text:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.network-search .subn {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  outline: none;
  width: 46px;
  height: 48px;
  line-height: 48px;
  color: #FBC400;
  font-size: 16px;
  background: none;
  cursor: pointer;
}
.network-hide {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(50vw - 204px);
}
.network-list li {
  position: relative;
  padding: 2.34vw 3.65vw 1.88vw 6.15vw;
  border-bottom: 1px solid #f1f2f2;
  cursor: pointer;
}
.network-list li.active i {
  transform: rotate(90deg);
}
.network-list li strong {
  display: block;
  position: relative;
  line-height: 1.2;
  color: #53565a;
  font-size: 30px;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.network-list li strong:before {
  position: absolute;
  left: -35px;
  top: 50%;
  margin-top: -13px;
  content: "";
  width: 21px;
  height: 27px;
  background: url(../images/map1.png) center no-repeat;
}
.network-list li i {
  display: inline-block;
  position: absolute;
  right: 2.4vw;
  top: 2.71vw;
  color: #FBC400;
  line-height: 1;
  font-weight: lighter;
  transition: 0.3s;
}
.network-text {
  margin-top: 18px;
  display: none;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.network-ico {
  display: flex;
  margin-top: 12px;
}
.network-ico span {
  display: inline-block;
  position: relative;
  margin-right: 12px;
  color: #FBC400;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.network-ico span:before {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -7px;
  content: "";
  width: 1px;
  height: 14px;
  background: #FBC400;
}
.network-ico span:last-child:before {
  display: none;
}
.network-list1 li {
  padding: 44px 38px 32px 74px;
}
.network-list1 li strong {
  font-size: 22px;
  font-weight: bold;
}
.network-list1 li i {
  transform: rotate(90deg);
}
.network-list1 li .network-text {
  display: block !important;
}
.network-map {
  flex: 1;
  width: 0;
  height: 50vw;
}
.product-introducts {
  padding-bottom: 6.25vw;
}
.product-intro-tt {
  margin: 5.4167vw 0 3.9583vw;
  position: relative;
  z-index: 3;
  text-align: center;
}
.product-intro-tt:before {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -2.2396vw;
  z-index: -1;
  content: "";
  width: 19.4271vw;
  height: 10.5208vw;
  background: url(../img/line2.png) center no-repeat;
  background-size: 100% auto;
}
.product-intro-tt strong {
  display: block;
  margin-bottom: 30px;
  line-height: 1;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.product-intro-tt p {
  margin: auto;
  max-width: 100%;
  width: 1020px;
  color: #686868;
  font-size: 16px;
  line-height: 1.5;
}
.product-introducts-list {
  display: flex;
  flex-wrap: wrap;
}
.product-introducts-list li {
  margin-right: 1.25%;
  width: 32.5%;
  background: #f5f5f5;
}
.product-introducts-list li:hover figure img {
  transform: scale(1.05);
}
.product-introducts-list li figure {
  position: relative;
  display: block;
  padding-bottom: 62.79%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.product-introducts-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-introducts-list li figure img {
  transition: 0.68s;
}
.product-introducts-list li:nth-child(3n+3) {
  margin-right: 0;
}
.product-introducts-info {
  padding: 2.0833vw 24px 24px;
}
.product-introducts-info strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #53565a;
  font-size: 36px;
  font-family: "RBNo2.1a";
}
.product-introducts-info p {
  color: #686868;
  font-size: 16px;
  height: 106px;
}
.spare-parts {
  padding: 6.3542vw 0;
  background: #f5f5f5;
}
.spare-title {
  display: block;
  text-align: center;
  line-height: 1;
  color: #53565a;
  font-size: 48px;
  font-family: "RBNo2.1a";
}
.spare-parts-list {
  margin-top: 3.4375vw;
  margin-bottom: 4vw;
}
.spare-parts-list li {
  display: flex;
  margin-bottom: 22px;
  align-items: center;
  background: #fff;
}
.spare-parts-list li:last-child {
  margin-bottom: 0;
}
.spare-parts-list li:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.spare-imgs {
  width: 320px;
}
.spare-imgs figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.68s;
}
.spare-info {
  flex: 1;
  padding: 0 3.9063vw 0 3.4375vw;
  width: 0;
}
.spare-info strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
  color: #333333;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
}
.spare-info p {
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
.service-wrap {
  padding: 5.9896vw 0 5.5208vw;
}
.digitalizate {
  margin-top: 2.8125vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.digitalizate-max {
  width: 81.13%;
}
.digitalizate-slide figure {
  position: relative;
  display: block;
  padding-bottom: 52.47%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.digitalizate-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.digitalizate-list {
  margin-right: 0.4167vw;
  flex: 1;
  width: 0;
}
.digitalizate-list li {
  position: relative;
  margin-bottom: 0.3646vw;
}
.digitalizate-list li figure {
  position: relative;
  display: block;
  padding-bottom: 56.198%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.digitalizate-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.digitalizate-list li figure img {
  transition: 0.5s;
}
.digitalizate-list li:hover figure img {
  transform: scale(1.05);
}
.digitalizate-list li strong {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
  padding-bottom: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.2;
  width: 100%;
  height: 100%;
  z-index: 3;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.supports-tt {
  margin: 0;
  text-align: center;
}
.supports-tt:before {
  display: none;
}
.service-support {
  margin-top: 6.5104vw;
}
.support-maps {
  margin: auto;
  margin-top: 38px;
  position: relative;
  max-width: 100%;
  width: 1100px;
}
.support-map-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.support-map-item {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  display: none;
}
.support-map-item img {
  display: block;
  width: 100%;
  height: auto;
}
.support-map-btn {
  margin-top: 42px;
  display: flex;
  justify-content: center;
}
.support-map-btn span {
  display: inline-block;
  margin-right: 40px;
  width: 278px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  border: 1px solid #bfbfbf;
  transition: 0.4s;
}
.support-map-btn span:hover {
  border-color: #FBC400;
}
.support-map-btn span:last-child {
  margin-right: 0;
}
.service-app {
  padding: 84px 0 0;
}
.service-app-tab {
  position: relative;
  padding: 0 9.2708vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.service-swipers {
  box-sizing: border-box;
  padding: 0.2604vw;
  margin: 0;
  width: 10.5208vw;
}
.service-swipers-left:before,
.service-swipers-right:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/mobile1.png) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.service-app-mobile {
  position: absolute;
  left: 50%;
  margin-left: -6.25vw;
  top: -0.2729vw;
  z-index: 3;
  width: 12.5vw;
  pointer-events: none;
}
.service-app-mobile img {
  display: block;
  width: 100%;
  height: auto;
}
.services-slide {
  overflow: hidden;
}
.services-slide figure {
  position: relative;
  display: block;
  padding-bottom: 215.45%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.7292vw;
}
.services-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-swipers-middle {
  width: 11.4583vw;
}
.service-prev.prev {
  left: 0;
  margin-left: 0;
}
.service-prev.next {
  right: 0;
  margin-right: 0;
}
.service-app-list {
  margin-top: 4.5833vw;
  display: flex;
  flex-wrap: wrap;
}
.service-app-list li {
  margin-right: 3.5%;
  margin-bottom: 44px;
  box-sizing: border-box;
  padding: 1.7188vw 1.9792vw 2.5vw;
  width: 31%;
  border: 1px solid #e1e1e1;
  transition: 0.4s;
}
.service-app-list li:hover {
  border: 1px solid #FBC400;
}
.service-app-list li:nth-child(3n+3) {
  margin-right: 0;
}
.service-app-list li b {
  display: flex;
  align-items: center;
  height: 47px;
}
.service-app-list li b img {
  width: auto;
  max-height: 100%;
}
.service-app-list li strong {
  display: block;
  margin-top: 24px;
  margin-bottom: 16px;
  line-height: 1.2;
  color: #53565a;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.service-app-list li p {
  line-height: 1.5;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.box-concept-hide {
  overflow: hidden;
  margin-top: 70px;
  padding-left: 15.625vw;
}
.box-concept-swiper {
  overflow: visible;
}
.box-concept-slide {
  display: flex;
}
.box-concept-imgs {
  width: 43.7%;
}
.box-concept-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.box-concept-info {
  flex: 1;
  margin-left: 35px;
  padding: 4.1667vw 2.7604vw;
  width: 0;
  background: #f5f5f5;
}
.box-concept-info strong {
  display: block;
  margin-bottom: 2.5vw;
  line-height: 1.2;
  color: #53565a;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
}
.box-concept-info p {
  margin-bottom: 10px;
  position: relative;
  padding-left: 26px;
  color: #686868;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.box-concept-info p:before {
  position: absolute;
  left: 0;
  top: 11px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #53565a;
}
.stakeholder {
  padding: 112px 0 113px;
}
.stakeholder-tt {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.stakeholder-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.stakeholder-list li {
  padding: 2.2917vw 0 2.5vw;
  margin-right: 2.6666%;
  width: 23%;
  background: #f5f5f5;
}
.stakeholder-list li:nth-child(4n+4) {
  margin-right: 0;
}
.stakeholder-list li strong {
  display: block;
  position: relative;
  margin-left: -20px;
  width: 190px;
  height: 52px;
  line-height: 52px;
  background: #FBC400;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}
.stakeholder-list li strong:before {
  position: absolute;
  left: 0;
  top: 100%;
  content: "";
  border-left: 20px solid transparent;
  border-top: 20px solid #FBC400;
}
.stakeholder-info {
  padding: 2.7083vw 1.6667vw 0 3.2292vw;
}
.stakeholder-info p {
  position: relative;
  margin-bottom: 0.9375vw;
  color: #686868;
  font-size: 16px;
  line-height: 1.5;
}
.stakeholder-info p:before {
  position: absolute;
  left: -20px;
  top: 8px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #53565a;
}
.user-guide {
  padding: 5vw 0 0;
}
.user-guide-fix {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.8125vw;
}
.user-guide-info {
  width: 39.5833vw;
}
.user-guide-info strong {
  display: block;
  margin-bottom: 14px;
  line-height: 1.2;
  color: #53565a;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.user-guide-info p {
  color: #686868;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
.user-eq {
  width: 148px;
}
.user-eq img {
  display: block;
  width: 100%;
  height: auto;
}
.gallary-wraps {
  padding-bottom: 130px;
}
.service-spps {
  padding-top: 0;
}
.gallary-hide {
  position: relative;
  margin-top: 52px;
}
.gallary-slide {
  height: auto;
  line-height: 1;
}
.gallary-slide figure {
  margin-bottom: 26px;
  position: relative;
  display: block;
  padding-bottom: 56.29%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.gallary-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallary-slide figure:last-child {
  margin-bottom: 0;
}
.gallary-prev {
  background: #dcddde;
  transition: 0.38s;
}
.gallary-prev:hover {
  background: #FBC400;
}
.gallary-prev.prev {
  left: -96px;
  margin-left: 0 !important;
}
.gallary-prev.next {
  right: -96px;
  margin-right: 0 !important;
}
.amap-info-content {
  padding: 20px 22px;
  color: #53565a;
  font-size: 14px;
  box-sizing: border-box;
}
.amap-info-content strong {
  display: block;
  line-height: 1.2;
  font-size: 30px;
  font-family: "RBNo2.1a";
  font-weight: normal;
}
.head_search {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.head_search .search_box {
  padding: 24px 0;
  position: relative;
  z-index: 10;
  background: #fff;
}
.head_search .search_box input {
  border: none;
  padding-left: 50px;
  line-height: 40px;
  flex: 1;
}
.head_search .search_box .icon {
  cursor: pointer;
  position: absolute;
  top: 32px;
  color: #FBC400;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.head_search .search_box .icon i {
  font-size: 24px;
}
.head_search .search_box button {
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'he';
  text-transform: uppercase;
}
.head_search .search_box button i {
  font-size: 14px;
}
.head_search .search_close {
  margin-left: 40px;
  float: right;
  margin-top: 7px;
  cursor: pointer;
  line-height: 1;
  color: #FBC400;
  position: relative;
  margin-right: 20px;
  font-size: 30px;
  transition: 0.4s;
}
.head_search .search_close:hover {
  transform: rotate(180deg);
}
.head_search .bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.head_search.active {
  opacity: 1;
  visibility: visible;
}
.head_search.active .bg {
  opacity: 1;
  visibility: visible;
}
.channel_content {
  min-height: 300px;
  padding: 50px 0;
}
.mwrap {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.search-wrs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-btns {
  position: relative;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  padding: 10px 30px;
  font-size: 16px;
  background: #FBC400;
  text-align: center;
  color: #fff;
}
.common-btns span {
  display: block;
  text-align: center;
}
.wrap {
  width: 1260px;
  margin-right: auto;
  margin-left: auto;
}
body .searchArea {
  padding: 50px 0;
}
.searchArea {
  padding: 100px 0;
}
.searchArea .infor {
  text-align: center;
  color: #000000;
}
.searchArea .infor .tit {
  font-size: 36px;
  line-height: 46px;
  font-weight: bold;
}
.searchArea .content_form {
  padding: 0 8%;
  margin-top: 60px;
}
.searchArea .content_form .form_box .searchTit {
  font-size: 58px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.searchArea .content_form .form_box .search {
  position: relative;
  overflow: visible;
}
.searchArea .content_form .form_box .search .input_wrap {
  position: relative;
  width: 80%;
  line-height: 68px;
  height: 68px;
}
.searchArea .content_form .form_box .search .input_wrap input {
  width: 98%;
  padding: 0 0 0 2%;
  height: 68px;
  line-height: 68px;
  border: 1px solid #e1e1e1;
}
.searchArea .content_form .form_box .search .input_wrap .textDelBtn {
  display: none;
}
:root .searchArea .content_form .form_box .search .input_wrap .textDelBtn {
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  width: 30px;
  height: 30px;
}
.searchArea .content_form .form_box .search .btn_wrap {
  width: 20%;
  text-align: center;
  vertical-align: middle;
}
.searchArea .content_form .form_box .search .btn_wrap .btns {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  height: 70px;
  line-height: 70px;
  width: 100%;
  border: none;
  outline: none;
  background: #0d1233;
  color: #fff;
  cursor: pointer;
  transition: 0.4s;
}
.searchArea .content_form .form_box .search .input_wrap input {
  font-size: 16px;
}
.searchArea .content_form .form_box .search .btn_wrap .btns:hover {
  background: #FBC400;
}
.searchArea .content_form .list {
  margin-top: 20px;
}
.searchArea .content_form .list a {
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  color: #93949e;
  position: relative;
}
.searchArea .content_form .list a:after {
  content: '';
  width: 1px;
  height: 14px;
  background: #93949e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.searchArea .content_form .list a:first-child:after {
  display: none;
}
/*搜索结果区域*/
.resultArea .infor {
  text-align: center;
}
.resultArea .infor .tit {
  font-size: 30px;
  color: #181818;
}
.resultArea .infor .tit span {
  color: #ff0000;
}
.resultArea .content_form {
  margin-top: 60px;
  border-top: 10px solid #f4f4f4;
  /*border-bottom:10px solid #f4f4f4;*/
  padding: 60px 0;
}
.resultArea .content_form h3 {
  font-size: 30px;
  color: #181818;
  font-weight: bold;
  margin-bottom: 30px;
}
.resultArea .content_form .area {
  border-bottom: 1px solid #dddddd;
  padding: 40px 0;
}
/*.resultArea .content_form .area:last-child{border-bottom:none;}*/
/*搜索结果区域 -- 产品部分*/
#productList {
  flex-wrap: wrap;
}
.resultArea .content_form .piclist_area .srchList li {
  width: 32.33333333%;
  margin-right: 1%;
  margin-bottom: 40px;
}
.resultArea .content_form .piclist_area .srchList li:nth-child(3n+3) {
  margin-right: 0;
}
.srchList li .rect-695 {
  position: relative;
  padding-bottom: 69.5%;
}
.srchList li .rect-695 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resultArea .content_form .piclist_area .srchList li .intro {
  margin-top: 10px;
}
.resultArea .content_form .piclist_area .srchList li .intro .t {
  font-size: 28px;
  text-align: center;
  color: #484848;
  line-height: 1.4;
}
.resultArea .content_form .piclist_area .srchList li:hover .intro .t {
  color: #FBC400;
}
/*搜索结果区域 -- 信息部分*/
.resultArea .content_form .content_area li {
  margin-bottom: 20px;
}
.resultArea .content_form .content_area li a {
  display: block;
}
.resultArea .content_form .content_area li .t {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #333333;
}
.resultArea .content_form .content_area li .c {
  margin-top: 10px;
  color: #484848;
}
.resultArea .content_form .area.content_video li {
  cursor: pointer;
}
.dib {
  margin-top: 20px;
}
.searchfixs {
  display: flex;
}
.sear_filt label {
  display: inline-flex;
  margin-right: 12px;
  align-items: center;
  color: #484848;
  font-size: 15px;
}
.sear_filt label input {
  margin: 0;
}
/*搜索结果区域 -- 加载更多按钮*/
.about-fixs {
  padding: 70px 0 80px;
  border-top: 2px solid #f1af00;
}
.about-fixs .product-info figure {
  padding-bottom: 45.45%;
}
.about-company {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 23px;
}
.about-company-list {
  width: 39.39%;
}
.about-company-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.08vw 0 1.67vw;
  border-bottom: 1px solid #dadddd;
}
.about-company-left strong {
  display: block;
  margin-bottom: 12px;
  line-height: 1.2;
  color: #666666;
  font-size: 24px;
  font-family: "RBNo2.1a";
}
.about-company-left p {
  color: #666666;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.about-company-left p i {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: url(../images/arrow5.png) center no-repeat;
}
.about-com-dara {
  display: flex;
  align-items: center;
}
.about-com-dara b {
  display: block;
  line-height: 1;
  color: #53565a;
  font-size: 3.33vw;
  font-weight: normal;
  font-family: "RBNo2.1a";
}
.about-com-dara i {
  display: inline-block;
  margin-left: 13px;
  color: #FBC400;
  font-style: normal;
  font-size: 3.03vw;
  line-height: 1;
}
.about-company-profile {
  padding-left: 3.13vw;
  width: 40%;
  text-align: left;
}
.about-company-profile strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1.2;
  color: #53565a;
  font-size: 40px;
  font-family: "RBNo2.1a";
}
.about-company-profile p {
  color: #686868;
  font-size: 16px;
}
.about-company-top {
  margin-bottom: 26px;
}
.common-btn1 {
  justify-content: flex-start;
}
.sdlg-culture-list li {
  display: flex;
  align-items: center;
}
.sdlg-culture-list li:hover .sdlg-culture-imgs figure img {
  transform: scale(1.05);
}
.sdlg-culture-list li:nth-child(2n+2) {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.sdlg-culture-list li:nth-child(2n+2) .about-company-profile {
  margin-left: 15.63vw;
  padding-left: 3.13vw;
}
.sdlg-culture-imgs {
  width: 50%;
}
.sdlg-culture-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 62.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.sdlg-culture-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sdlg-culture-imgs figure img {
  transition: 0.68s;
}
.about-company-profile {
  padding-left: 5.1vw;
  width: 29.17vw;
}
.honor-history {
  position: relative;
  overflow: hidden;
}
.honor-history .bvideo {
  width: 100%;
  height: 31.25vw;
  object-fit: cover;
}
.honor-title {
  position: absolute;
  right: 50%;
  margin-right: -660px;
  top: 42.5%;
  z-index: 3;
  line-height: 1;
  color: #fff;
  font-size: 40px;
  font-family: "RBNo2.1a";
  font-weight: bold;
}
.honor-swipers {
  position: absolute;
  left: 50%;
  margin-left: -660px;
  padding: 10px 60px 0;
  bottom: 40px;
  box-sizing: border-box;
}
.honors-slide.swiper-slide-active a:before {
  transform: scaleX(1);
}
.honors-slide.swiper-slide-active a {
  font-size: 20px;
  opacity: 1;
}
.honors-slide a {
  display: flex;
  align-items: center;
  position: relative;
  height: 44px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  opacity: 0.8;
}
.honors-slide a:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  transform: scaleX(0);
  transition: 0.7s;
}
.honor-prevs {
  position: absolute;
  top: 0;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  transition: 0.4s;
}
.honor-prevs.prev {
  left: 0;
}
.honor-prevs.next {
  right: 0;
}
.social-responsibility {
  padding: 80px 0 6.25vw;
}
.social-top {
  padding: 0 8.33vw;
  text-align: center;
  width: auto;
}
.social-tab {
  position: relative;
  margin-top: 40px;
}
.social-slide {
  position: relative;
  width: 50%;
}
.social-slide figure {
  position: relative;
  display: block;
  padding-bottom: 56.3%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.social-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.social-slide figure img {
  transition: 0.68s;
}
.social-slide:hover figure img {
  transform: scale(1.05);
}
.social-prev {
  background: #dadddd;
  transition: 0.4s;
  top: 153px;
  margin-top: 0;
}
.social-prev:hover {
  background: #FBC400;
}
.social-prev.prev {
  left: 0;
  margin-left: -70px;
}
.social-prev.next {
  right: 0;
  margin-right: -70px;
}
.sales-network {
  padding: 48px 0 40px;
  text-align: center;
  background: #dadddd;
}
.sales-network-wrap {
  padding: 0;
  margin: auto;
  width: 584px;
  max-width: 90%;
  text-align: center;
}
.sales-network-wrap .common-btn a {
  background: #fff;
}
.cookies {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background: #FBC400;
  padding: 20px 0;
}
.cookie-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cookie-wrap p {
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  width: 0;
  flex: 1;
}
.cookie-wrap p a:hover {
  text-decoration: underline;
}
.cookie-wrap .common-btn {
  margin-left: 50px;
}
.cookie-wrap .common-btn a {
  border-color: #fff;
  color: #fff;
}
.cookie-wrap .common-btn a:hover span {
  color: #fff;
}
.cookie-wrap .common-btn a i {
  color: #fff;
}
.imaging-center {
  margin-top: 5.83vw;
}
.imaging-list {
  display: flex;
  flex-wrap: wrap;
}
.imaging-list li {
  margin-right: 2%;
  position: relative;
  cursor: pointer;
  width: 32%;
}
.imaging-list li:nth-child(3n+3) {
  margin-right: 0;
}
.imaging-list li:hover figure img {
  transform: scale(1.06);
}
.imaging-list li figure {
  display: block;
  padding-bottom: 71.94%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.imaging-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imaging-list li figure img {
  transition: 0.68s;
}
.imaging-list li figure:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 112px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 100%);
}
.imaging-info {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.imaging-info i {
  display: inline-block;
  color: #fff;
  line-height: 1;
  font-style: normal;
  font-weight: lighter;
  font-size: 32px;
  transition: 0.25s;
}
.imaging-info p {
  flex: 1;
  margin-left: 18px;
  width: 0;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaigns-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.campaigns-name {
  display: flex;
}
.campaigns-name a {
  display: inline-block;
  margin-right: 11px;
  text-align: center;
  width: 126px;
  height: 38px;
  line-height: 38px;
  color: #53565a;
  font-size: 16px;
  border: 2px solid #d8d8d8;
}
.campaigns-name a:last-child {
  margin-right: 0;
}
.campaigns-name a:hover,
.campaigns-name a.active {
  border-color: #FBC400;
}
.amap-info-content figure {
  display: block;
  margin-bottom: 26px;
  width: 363px;
  height: 200px;
}
.amap-info-content figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.amap-info-content strong {
  display: block;
  margin-bottom: 12px;
  line-height: 1.2;
  color: #53565a;
  font-size: 22px;
  font-weight: bold;
}
.amap-info-content span {
  display: block;
  margin-bottom: 14px;
  line-height: 1.2;
  color: #53565a;
  font-size: 16px;
}
.amap-info-content p {
  color: #686868;
  font-size: 18px;
  line-height: 1.8;
}
.amap-info-content .maphref {
  display: block;
  text-align: center;
  margin-top: 22px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: #f1af00;
  font-size: 18px;
}
.network-list1 li {
  transition: 0.4s;
}
.network-list1 li.active {
  background: #f4f4f4;
}
.impression-btns {
  margin-bottom: 48px;
  display: flex;
  justify-content: center;
}
.impression-btns a {
  display: inline-block;
  margin-right: 10px;
  width: 126px;
  height: 38px;
  line-height: 38px;
  border: 2px solid #d8d8d8;
  color: #53565a;
  font-size: 16px;
  text-align: center;
}
.impression-btns a:last-child {
  margin-right: 0;
}
.impression-btns a:hover,
.impression-btns a.active {
  border-color: #f1af00;
}
.provacy {
  color: #666666;
  font-size: 16px;
}
.link__names {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}
.link__names span,
.link__names a {
  color: #686868;
  font-size: 16px;
}
.link__names span {
  margin-right: 10px;
}
.link__names a:hover {
  color: #FBC400;
}