@charset "utf-8";
/* =====================内页样式======================== */
.indTitle {
  width: auto;
  overflow: hidden;
}
.indTitle .name {
  background: url(../images/index/tbg.png) left no-repeat;
  background-size: 26px 18px;
  padding-left: 36px;
  font-family: 'SamsungOne700';
  line-height: 1.1;
  color: var(--thm-base);
  text-transform: uppercase;
  font-size: 30px;
/*  font-family: 'Times New Roman', Times, serif;*/
}
.indTitle .text {
  padding-left: 36px;
  line-height: 40px;
  color: #222;
  font-size: 30px;
  margin-top: 10px;
  font-weight: bold;
}
.indys {
  background: #fff;
}
.indys-item {
  height: 100%;
  background: #fff;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.indys-item img {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: auto;
  transition: all 0.6s ease;
}
.indys-item:hover img {
  transform: scale(1.04);
}
.indys-item-text {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  transition: all 0.4s ease;
}
.indys-item-text h2 {
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}
.indys-item-text p {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  line-height: 1.7;
}
.indys-item:hover .indys-item-text {
  background: rgba(0, 0, 0, 0.6);
}
/* 分页 */
.paging {
  width: 100%;
  font-size: 0;
  text-align: center;
  user-select: none;
}
.paging-menu,
.paging-menu a {
  display: inline-block;
  vertical-align: middle;
}
.paging-menu li {
  display: inline-block;
}

.paging-menu a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0 3px;
  font-family: Arial;
  font-size: 18px;
  color: #666;
  transition: all 0.4s ease;
  border-radius: 6px;
  background-color: #fff;
}
.paging-menu li:first-child a,
.paging-menu li:last-child a {
  width: 88px;
}
.paging-menu a:hover,
.paging-menu li.active a,
.paging li.on a {
  background-color: var(--thm-base);
  color: #fff;
}
@media all and (max-width: 1279px) {
  .paging-menu a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .paging-menu a:first-child,
  .paging-menu a:last-child {
    background-size: 18px;
  }
}
@media all and (max-width: 1000px) {
  .paging-menu a {
    margin: 0 2px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .paging-menu a:first-child,
  .paging-menu a:last-child {
    background-size: 16px;
  }
}

/* 搜索页面 */
.search {
  width: 100%;
}
.search .contain {
  max-width: 1300px;
}
.search-info {
  width: 100%;
  font-size: 30px;
  color: #333;
  font-family: 'SamsungOne700';
}
.search-info span {
  color: var(--thm-base);
}
.search-list {
  width: 100%;
  margin-top: 30px;
}
.search-link {
  display: block;
  width: 100%;
  padding: 32px 0;
  border-bottom: 1px solid #ededed;
}
.search-link h2 {
  font-size: 20px;
  color: #333;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s ease;
  font-family: 'SamsungOne700';
}
.search-link p {
  width: 100%;
  font-size: 16px;
  margin-top: 16px;
  color: #666;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.search-link .highlightRow span {
  color: var(--thm-base) !important;
}
.search-link:hover h2 {
  color: var(--thm-base);
}
@media all and (max-width: 1599px) {
  .search-info {
    font-size: 28px;
  }
  .search-link {
    padding: 28px 0;
  }
  .search-list {
    margin-top: 18px;
  }
}
@media all and (max-width: 1279px) {
  .search-info {
    font-size: 24px;
  }
  .search-link {
    padding: 24px 0;
  }
  .search-list {
    margin-top: 12px;
  }
}
@media all and (max-width: 1000px) {
  .search-info {
    font-size: 20px;
  }
  .search-link {
    padding: 20px 0;
  }
  .search-list {
    margin-top: 8px;
  }
  .search-link h2 {
    font-size: 18px;
  }
  .search-link p {
    margin-top: 12px;
  }
}
@media all and (max-width: 640px) {
  .search-link {
    padding: 16px 0;
  }
  .search-link p {
    font-size: 15px;
    margin-top: 8px;
    line-height: 22px;
    max-height: 44px;
  }
}

.sonBan {
  width: 100%;
  position: relative;
}
.sonBan-img {
  width: 100%;
  object-fit: cover;
  min-height: 340px;
}
.sonBan-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  color: #fff;
  opacity: 0;
}
.sonBan-cont .name {
  line-height: 1.1;
  opacity: 0;
  animation: sonBanRun 1s ease both 0.4s;
}
.sonBan-cont .name br {
  content: '';
  display: block;
  height: 6px;
}
.sonBan-cont .text {
  line-height: 1.28;
  opacity: 0;
  animation: sonBanRun 1s ease both 0.6s;
}

.sonBan-cont .link {
  display: flex;
  align-items: center;
  width: 152px;
  height: 44px;
  border-radius: 22px;
  background: rgba(169, 35, 52, 0.9);
  transition: all 0.4s ease;
  justify-content: center;
  font-family: 'SamsungOne700';
  opacity: 0;
  animation: sonBanRun 1s ease both 0.6s;
  cursor: pointer;
}
.sonBan-cont .link span {
  padding-right: 26px;
  background: url('../images/common/play.svg') no-repeat right center/20px auto;
}
.sonBan-cont .link:hover {
  background: var(--thm-base);
}
@media all and (max-width: 640px) {
  .sonBan-cont .link {
    width: 136px;
    height: 40px;
  }
}

@keyframes sonBanRun {
  0% {
    opacity: 0;
    transform: translateX(120px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.sonBan-hint {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
}
.sonBan-hint .contain {
  justify-content: flex-end;
  align-items: center;
  color: #fff;
}
.sonBan-hint a {
  position: relative;
  display: flex;
  height: 60px;
  align-items: center;
  margin-right: 24px;
  transition: all 0.4s ease;
}
.sonBan-hint a::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 100%;
  background: url('../images/common/arrRW.svg') no-repeat center/100% auto;
  top: 0;
  right: -18px;
}
.sonBan-hint a:last-child {
  margin-right: 0;
}
.sonBan-hint a:last-child::after {
  display: none;
}
.sonBan-hint a:hover {
  color: var(--thm-base);
}

.sonMenu {
  width: 100%;
  position: relative;
  background: #fff;
  z-index: 999;
}
.sonMenu::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ededed;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.sonMenu-scroll {
  flex-wrap: nowrap;
  justify-content: center;
}
body.PAD .sonMenu-scroll,
body.PC .sonMenu-scroll {
  width: 100% !important;
}
.sonMenu a {
  display: flex;
  height: 80px;
  align-items: center;
  margin: 0 32px;
  color: #666;
  transition: all 0.4s ease;
}
.sonMenu a:first-child {
  margin-left: 0;
}
.sonMenu a:last-child {
  margin-right: 0;
}
.sonMenu a:hover,
.sonMenu a.active {
  color: #AE1027;
}
.sonMenu.fixed {
  position: sticky;
  top: 0;
  left: 0;
}
.sonMenu-blank {
  display: none;
  width: 100%;
  height: 80px;
}

.sonTitle {
  width: auto;
}
.sonTitle .name {
  font-family: 'SamsungOne700';
  line-height: 1.1;
  color: var(--thm-base);
  text-transform: uppercase;
}
.sonTitle .text {
  line-height: 40px;
  color: #222;
  margin-top: 10px;
}

/* 新闻 */
.news {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news-head {
  width: 100%;
}
.news-head-img {
  display: block;
  overflow: hidden;
  width: 780px;
  position: relative;
}
.news-head-img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.news-head-img i,
.news-link-img i {
  position: absolute;
  width: 62px;
  height: 62px;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -31px;
  background: url('../images/pages/vidplay.png') no-repeat center/100% auto;
}
.news-head-img:hover i,
.news-link-img:hover i {
  animation: newsRun 0.8s ease-in-out both;
}
@keyframes newsRun {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.news-head-img:hover img {
  transform: scale(1.04);
}
.news-head-cont {
  width: calc(100% - 780px);
  padding-left: 90px;
  position: relative;
}
.news-head-cont::after {
  content: '';
  position: absolute;
  width: calc(100% - 90px);
  height: 1px;
  background: #e8e8e8;
  right: 0;
  bottom: 0;
}
.news-head-cont .head {
  color: #222;
  line-height: 40px;
  max-height: 120px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.news-head-cont .head a {
  transition: all 0.4s ease;
}
.news-head-cont .head a:hover {
  color: var(--thm-base);
}
.news-head-cont .text {
  line-height: 32px;
  color: #777;
  max-height: 96px;
  margin: 34px 0 88px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.news-head-cont .link {
  width: 92px;
  align-items: center;
  color: #505050;
  font-family: 'SamsungOne700';
}
.news-head-cont .link span {
  transition: all 0.4s ease;
  margin-right: 8px;
}
.news-head-cont .link i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #303030 url('../images/common/arrRW.svg') no-repeat center/16px auto;
  transition: all 0.4s ease;
}
.news-head-cont .link:hover span {
  color: var(--thm-base);
}
.news-head-cont .link:hover i {
  background-color: var(--thm-base);
}
.news-list {
  width: 100%;
}
.news-list-ul {
  margin: -76px 0 0 -76px;
}
.news-link {
  display: block;
  width: calc(33.3333% - 76px);
  margin: 76px 0 0 76px;
}
.news-link-img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.news-link-img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.news-link-cont {
  width: 100%;
  margin-top: 26px;
  font-family: 'SamsungOne700';
}
.news-link-cont .name {
  color: #333;
  line-height: 24px;
  height: 48px;
  transition: all 0.4s ease;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.news-link-cont .time {
  color: #888;
  margin-top: 14px;
  line-height: 20px;
  padding-left: 22px;
  background: url('../images/pages/newsic.png') no-repeat left center;
}
.news-link:hover .news-link-img img {
  transform: scale(1.04);
}
.news-link:hover .news-link-cont .name {
  color: var(--thm-base);
}
.indxw-head-hint {
  width: 100%;
  margin-bottom: 60px;
}
.indxw-head-hint-li {
  width: 100%;
  font-family: 'SamsungOne700';
  margin-top: 24px;
}
.indxw-head-hint-li .name {
  color: #555;
  margin-bottom: 4px;
}
.indxw-head-hint-li .text {
  color: #888;
  margin: 0 !important;
  line-height: 20px !important;
  padding-left: 22px;
  background: url('../images/index/indxwic1.png') no-repeat left center;
}
.indxw-head-hint-li:first-child {
  margin-top: 0;
}
.indxw-head-hint-li:last-child .text {
  background-image: url('../images/index/indxwic2.png');
}

/* 新闻详情 */
.newsxq {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.newsxq .contain {
  max-width: 1300px;
}
.newsxq-title {
  width: 100%;
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
}
.newsxq-title .name {
  line-height: 1.2;
  color: #222;
}
.newsxq-title .tags {
  justify-content: center;
  line-height: 1.1;
  color: #888;
  margin-top: 28px;
}
.newsxq-title .tags p {
  margin-left: 24px;
}
.newsxq-title .tags p:first-child {
  margin-left: 0;
}
.newsxq-cont {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  line-height: 30px;
  color: #666;
  padding: 40px 0;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  text-align: justify;
  text-justify: inter-word;
}
.newsxq-cont p {
  line-height: inherit;
}
.newsxq-recom {
  width: 100%;
}
.newsxq-recom-head {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.newsxq-recom-head .name {
  color: #333;
}
.newsxq-recom-head .link {
  display: flex;
  align-items: center;
  color: #555;
  text-transform: uppercase;
}
.newsxq-recom-head .link span {
  padding-right: 20px;
  background: url('../images/pages/btnArr.png') no-repeat right center;
  transition: all 0.4s ease;
}
.newsxq-recom-head .link:hover span {
  color: var(--thm-base);
  background-image: url('../images/pages/btnArrR.png');
}
.newsxq-recom .news-list-ul {
  margin: -46px 0 0 -46px;
}
.newsxq-recom .news-link {
  width: calc(33.3333% - 46px);
  margin: 46px 0 0 46px;
}

/* 技术服务 */
.tech {
  width: 100%;
  overflow: hidden;
}
.tech-support {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(to bottom, #fff, #f8f8f8);
}
.tech-support-info {
  width: 100%;
}
.tech-support-info .text {
  align-items: center;
  color: var(--thm-base);
  margin-top: 14px;
}
.tech-support-info .text:first-child {
  margin-top: 0;
}
.tech-support-info .text p {
  margin-left: 14px;
}
.tech-support-list {
  width: 100%;
}
.tech-support-list ul {
  margin: -40px 0 0 -40px;
}
.tech-support-list li {
  width: calc(33.3333% - 40px);
  margin: 40px 0 0 40px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.6s ease;
  padding: 0 50px;
  height: 252px;
}
.tech-support-list li .icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  position: relative;
  margin-bottom: 24px;
}
.tech-support-list li .icon img {
  position: absolute;
  transition: all 0.4s ease;
  top: 0;
  left: 0;
}
.tech-support-list li .icon img.s {
  opacity: 1;
}
.tech-support-list li .icon img.h {
  opacity: 0;
}
.tech-support-list li .name {
  color: var(--thm-base);
  line-height: 1.1;
  margin-bottom: 8px;
  transition: all 0.4s ease;
  width: 100%;
}
.tech-support-list li .text {
  line-height: 20px;
  min-height: 40px;
  color: #777;
  transition: all 0.4s ease;
  width: 100%;
}
.tech-support-list li:hover {
  background: var(--thm-base);
}
.tech-support-list li:hover .icon img.s {
  opacity: 0;
}
.tech-support-list li:hover .icon img.h {
  opacity: 1;
}
.tech-support-list li:hover .name {
  color: #fff;
}
.tech-support-list li:hover .text {
  color: #fff;
}
.tech-service {
  width: 100%;
  overflow: hidden;
}
.tech-service .sonTitle {
  width: 100%;
  text-align: center;
}
.tech-service-list {
  width: 100%;
}
.tech-service-list ul {
  margin: -1px 0 0 -1px;
}
.tech-service-list li {
  width: calc(16.6666% - 1px);
  margin: 1px 0 0 1px;
  position: relative;
  overflow: hidden;
}
.tech-service-list li img {
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.tech-service-list li .name {
  color: #fff;
  position: absolute;
  z-index: 4;
  width: 100%;
  line-height: 1.1;
  left: 0;
  bottom: 34px;
  padding: 0 14px;
  text-align: center;
  transition: all 0.4s ease;
}
.tech-service-list li:hover .name {
  transform: translateY(-6px);
}
.tech-download {
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.tech-download-head {
  align-items: flex-end;
  justify-content: space-between;
}
.tech-download-head .more {
  width: 92px;
  align-items: center;
  color: #505050;
  font-family: 'SamsungOne700';
}
.tech-download-head .more span {
  transition: all 0.4s ease;
  margin-right: 8px;
}
.tech-download-head .more i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #303030 url('../images/common/arrRW.svg') no-repeat center/16px auto;
  transition: all 0.4s ease;
}
.tech-download-head .more:hover span {
  color: var(--thm-base);
}
.tech-download-head .more:hover i {
  background-color: var(--thm-base);
}
.tech-download-list {
  width: 100%;
}
.tech-download-ul {
  margin: -36px 0 0 -36px;
}
.tech-download-link {
  display: block;
  width: calc(25% - 36px);
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.05);
  position: relative;
  margin: 36px 0 0 36px;
  background: #fff;
  transition: all 0.6s ease;
  padding: 36px 20px;
}
.tech-download-link .img {
  width: 100%;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tech-download-link .img img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.6s ease;
}
.tech-download-link .name {
  margin-top: 12px;
  text-align: center;
  color: #555;
  transition: all 0.4s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tech-download-link .img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: all 0.4s ease;
}
.tech-download-link .icon {
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  z-index: 2;
  background: var(--thm-base) url('../images/pages/techDown.png') no-repeat center;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease;
}
.tech-download-link:hover {
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1);
}
.tech-download-link:hover .img img {
  transform: scale(1.02);
}
.tech-download-link:hover .img::after {
  opacity: 1;
}
.tech-download-link:hover .name {
  color: var(--thm-base);
}
.tech-download-link:hover .icon {
  opacity: 1;
  transform: scale(1);
}
.tech-contact {
  width: 100%;
  overflow: hidden;
}
.tech-contact-from {
  max-width: 1020px;
}
.tech-contact-from li {
  width: 100%;
  margin-top: 26px;
  justify-content: space-between;
}
.tech-contact-items {
  width: calc(50% - 8px);
}
.tech-contact-items p {
  font-size: 16px;
  color: #555;
  height: 30px;
}
.tech-contact-items input,
.tech-contact-items textarea {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  color: #666;
  font-family: 'SamsungOne700';
  padding: 0 12px;
  height: 50px;
  transition: border 0.4s ease;
}
.tech-contact-items input:focus,
.tech-contact-items textarea:focus {
  border: 1px solid #666;
}
.tech-contact-from li.textarea .tech-contact-items {
  width: 100%;
}
.tech-contact-from li.textarea .tech-contact-items textarea {
  padding: 6px 12px;
  height: 114px;
}
.tech-contact-from li.code .tech-contact-items {
  justify-content: space-between;
}
.tech-contact-from li.code .tech-contact-items input {
  width: calc(100% - 130px);
}
.tech-contact-from li.code .tech-contact-items span {
  display: flex;
  transition: border 0.4s ease;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 50px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  padding: 4px;
}
.tech-contact-from li.code .tech-contact-items span img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.tech-contact-from li.code .tech-contact-items span:hover {
  border: 1px solid #666;
}
.tech-contact-from li button {
  width: 256px;
  color: #fff;
  cursor: pointer;
  height: 44px;
  border-radius: 22px;
  text-transform: uppercase;
  background: var(--thm-base);
  transition: all 0.4s ease;
  font-family: 'SamsungOne700';
}

/* 技术服务-下载 */
.techxz {
  width: 100%;
  position: relative;
}
.techxz .tech-download {
  background: #fff;
}
.techxz-head {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.techxz-head .name {
  padding-left: 28px;
  border-left: 3px solid var(--thm-base);
  color: #222;
  line-height: 1;
}
.techxz .tech-download:first-child .techxz-head {
  flex-direction: row-reverse;
}
.techxz-head-search {
  width: 416px;
  position: relative;
}
.techxz-head-search input {
  width: 100%;
  border-radius: 23px;
  height: 46px;
  background: #f7f7f7;
  padding: 0 58px 0 28px;
  color: #666;
  font-family: 'SamsungOne700';
  font-size: 16px;
  border: 1px solid #f7f7f7;
  transition: border 0.4s ease;
}
.techxz-head-search input:focus {
  border: 1px solid #666;
}
.techxz-head-search button {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 4px;
  top: 2px;
  cursor: pointer;
  z-index: 2;
  background: url('../images/common/searchR.svg') no-repeat center/20px auto;
}

/* 联系我们 */
.reldt {
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.reldt .contain {
  flex-direction: row-reverse;
}
.reldt-wrap {
  width: calc(100% - 740px);
  padding-right: 110px;
}
.reldt-list {
  width: 100%;
}
.reldt-list li {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding: 28px 0;
  display: flex;
  align-items: center;
}
.reldt-list li .icon {
  width: 28px;
}
.reldt-list li .icon img {
  width: 100%;
  object-fit: cover;
}
.reldt-list li .name {
  width: calc(100% - 28px);
  padding-left: 26px;
  color: #444;
  line-height: 24px;
}
.reldt-map {
  width: 740px;
  height: 450px;
  border: 10px solid #fff;
  position: relative;
  background: #fff;
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.05);
}
.reldt-map #map {
  width: 100%;
  height: 100%;
}
.reldt-map #map .amap-logo,
.reldt-map #map .amap-copyright {
  display: none !important;
}
.relxx {
  width: 100%;
  overflow: hidden;
  background: #f7f7f7;
}
.relxx-list {
  width: 100%;
}
.relxx-list ul {
  margin: -60px 0 0 -36px;
}
.relxx-list li {
  width: calc(33.3333% - 36px);
  margin: 60px 0 0 36px;
  padding: 44px 40px;
  background: #fff;
  transition: all 0.6s ease;
}
.relxx-list li:hover {
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1);
}
.relxx-list li .name {
  color: #333;
  line-height: 1.1;
  transition: all 0.4s ease;
}
.relxx-list li .list {
  width: 100%;
  margin-top: 22px;
  color: #666;
  line-height: 1.1;
}
.relxx-list li .list p {
  line-height: inherit;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.relxx-list li .list p:first-child {
  margin-top: 0;
}
.relxx-list li .list p img {
  width: 16px;
}
.relxx-list li .list p span,
.relxx-list li .list p a {
  display: block;
  width: calc(100% - 16px);
  padding-left: 12px;
  word-break: break-all;
}
.relxx-list li:hover .name {
  color: var(--thm-base);
}
.relxx-list li .list p a {
  transition: all 0.4s ease;
}
.relxx-list li .list p a:hover {
  color: var(--thm-base);
}

/* 解决方案 */
.case {
  width: 100%;
  position: relative;
  overflow: visible;
}
.case-features {
  width: 100%;
  overflow: hidden;
}
.case-features .sonTitle {
  width: 100%;
  text-align: center;
}
.case-features-img {
  width: 100%;
}
.case-features-img img {
  display: block;
  width: 50%;
}
.case-features-list {
  width: 100%;
}
.case-features-list ul {
  margin-top: -60px;
  justify-content: center;
}
.case-features-list li {
  width: 33.3333%;
  margin-top: 60px;
  padding: 0 20px;
  text-align: center;
}
.case-features-list.items4 li {
  width: 25%;
}
.case-features-list li .icon {
  width: 76px;
  height: 76px;
  background: var(--thm-base);
  transition: all 0.4s ease;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.case-features-list li .icon img {
  max-width: 100%;
  max-height: 100%;
}
.case-features-list li .name {
  color: #222;
  font-family: 'SamsungOne700';
  line-height: 1.1;
  margin: 16px 0 4px;
}
.case-features-list li .text {
  line-height: 24px;
  color: #666;
}
.case-features-list li:hover .icon {
  transform: translateY(-6px);
}
.case-app {
  width: 100%;
  overflow: hidden;
  height: 790px;
  position: relative;
  background: url('../images/pages/case2bg.jpg') no-repeat center/cover;
  display: flex;
  align-items: center;
}
.case-app.noheight {
  height: auto;
  background: none !important;
}
.case-app.noheight .contain {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  padding: 0 4%;
  height: 100%;
  display: flex;
  align-items: center;
}
.case-app-cont {
  max-width: 620px;
  color: #fff;
}
.case-app.noheight .case-app-cont {
  background: rgba(0, 0, 0, 0);
  max-width: none;
  padding: 0 60px;
  height: 80%;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.case-app-cont .name {
  line-height: 1.1;
}
.case-app-cont .text {
  line-height: 30px;
}
.case-app-img {
  width: auto;
  position: absolute;
  bottom: 0;
  height: 85%;
  right: 8%;
}
.case-app-img img {
  height: 100%;
  object-fit: cover;
}
.case-operations {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.case-operations .sonTitle {
  width: 100%;
  text-align: center;
}
.case-operations-img {
  width: 100%;
  text-align: center;
}
.case-operations-img img {
  max-width: 100%;
  object-fit: cover;
}
.case-application {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.case-application-scene {
  width: 100%;
  overflow: hidden;
}
.case-application-scene .sonTitle {
  width: 100%;
  padding-right: 4%;
}
.case-application-scene > .contain {
  float: right;
}
.case-application-scene-loop {
  width: 100%;
}
.case-application-scene-loop .swiper-pagination {
  display: none;
}
.case-application-scene-loop .items {
  width: 100%;
  position: relative;
}
.case-application-scene-loop .items img {
  width: 100%;
  object-fit: cover;
}
.case-application-scene-loop .cont {
  position: absolute;
  z-index: 2;
  padding: 0 70px;
  bottom: 44px;
  left: 0;
  color: #fff;
}
.case-application-scene-loop .cont .name {
  line-height: 1.1;
}
.case-application-scene-loop .cont .text {
  line-height: 24px;
  max-width: 550px;
  margin-top: 18px;
}
.case-application-core {
  width: 100%;
}
.case-application-core > .contain {
  flex-direction: row-reverse;
  align-items: flex-start;
}
.case-application-core-wrap {
  width: calc(100% - 800px);
  padding: 60px 108px 0 0;
}
.case-application-core-wrap .cont {
  width: 100%;
}
.case-application-core-wrap .cont .text {
  line-height: 35px;
  color: #777;
  height: 70px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.case-application-core-wrap .cont .link {
  width: 90px;
  margin-top: 130px;
  align-items: center;
  color: #505050;
  font-family: 'SamsungOne700';
}
.case-application-core-wrap .cont .link span {
  transition: all 0.4s ease;
  margin-right: 8px;
}
.case-application-core-wrap .cont .link i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #303030 url('../images/common/arrRW.svg') no-repeat center/16px auto;
  transition: all 0.4s ease;
}
.case-application-core-wrap .cont .link:hover span {
  color: var(--thm-base);
}
.case-application-core-wrap .cont .link:hover i {
  background-color: var(--thm-base);
}
.case-application-core-loop {
  width: 800px;
  position: relative;
  padding: 0 80px;
}
.case-application-core-loop .link {
  display: flex;
  width: 100%;
  height: 520px;
  justify-content: center;
  align-items: center;
}
.case-application-core-loop .link img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.6s ease;
}
.case-application-core-loop .link:hover img {
  transform: scale(1.02);
}
.case-application-core-loop .prev,
.case-application-core-loop .next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background: #f4f4f4 url('../images/common/arrLH.svg') no-repeat center/20px auto;
  cursor: pointer;
  transition: all 0.4s ease;
}
.case-application-core-loop .prev {
  left: 0;
}
.case-application-core-loop .next {
  right: 0;
  transform: rotate(180deg);
}
.case-application-core-loop .prev:hover,
.case-application-core-loop .next:hover {
  background-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}
.case-application-core-wrap-loop {
  width: 100%;
}
.case-application-core-wrap-loop .sonTitle .text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.case-cases {
  width: 100%;
  overflow: hidden;
}
.case-cases .sonTitle {
  width: 100%;
}
.case-cases-list {
  width: 100%;
}
.case-cases-li {
  margin: -64px 0 0 -48px;
}
.case-cases-link {
  display: block;
  width: calc(33.3333% - 48px);
  margin: 64px 0 0 48px;
}
.case-cases-link .img {
  width: 100%;
  overflow: hidden;
}
.case-cases-link .img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.case-cases-link .name {
  color: #444;
  margin-top: 28px;
  width: 100%;
  transition: all 0.4s ease;
}
.case-cases-link:hover .img img {
  transform: scale(1.04);
}
.case-cases-link:hover .name {
  color: var(--thm-base);
}
.case-cases-ul .swiper-wrapper {
  padding-bottom: 80px;
}
.case-cases-ul .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #c9c9c9;
  position: relative;
  opacity: 1;
  margin: 0 12px !important;
}
.case-cases-ul .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid var(--thm-base);
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  opacity: 0;
  transition: all 0.4s ease;
  border-radius: 50%;
}
.case-cases-ul .swiper-pagination-bullet-active {
  background: var(--thm-base);
}
.case-cases-ul .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.case-application-scene-head {
  width: 100%;
}
.case-application-scene-head .contain {
  justify-content: space-between;
  align-items: flex-end;
}
.case-application-scene-head .sonTitle {
  width: calc(100% - 140px);
}
.case-application-scene-btn {
  width: 110px;
  display: flex;
  justify-content: space-between;
}
.case-application-scene-btn > div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f4f4f4 url('../images/common/arrLH.svg') no-repeat center/20px auto;
  transition: all 0.4s ease;
  cursor: pointer;
}
.case-application-scene-btn > div.next {
  transform: rotate(180deg);
}
.case-application-scene-btn > div:hover {
  background-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}
.case-application-info {
  width: 100%;
  overflow: hidden;
  margin-top: 140px;
  border-top: 1px solid #ebebeb;
}
.case-application-info .contain {
  flex-direction: row-reverse;
}
.case-application-info-cont {
  width: 50%;
  padding-right: 110px;
}
.case-application-info-cont .desc {
  width: 100%;
  margin-top: 24px;
  line-height: 35px;
}
.case-application-info-cont .desc p {
  line-height: inherit;
  color: #777;
}
.case-application-info-img {
  width: 50%;
}
.case-application-info-img img {
  width: 100%;
  object-fit: cover;
}
.case-app-pic {
  width: 100%;
  position: relative;
}
.case-app-pic img {
  width: 100%;
  object-fit: cover;
}
.case-app-pic img.pc {
  display: block;
  min-height: 500px;
}
.case-app-pic img.mb {
  display: none;
  min-height: 320px;
}

/* 产品中心 */
.proban {
  width: 100%;
  background: #f7f7f7;
  align-items: center;
  position: relative;
}
.proban-img {
  width: 960px;
}
.proban-img img {
  width: 100%;
  object-fit: cover;
}
.proban-cont {
  width: calc(100% - 960px);
  padding: 0 160px;
}
.proban-cont .name {
  color: #222;
  line-height: 1.1;
}
.proban-cont .text {
  color: #666;
  line-height: 30px;
  margin-top: 24px;
}
.proban .sonBan-hint {
  position: absolute;
  z-index: 4;
  right: 24px;
  bottom: 0;
  width: auto;
}
.proban .sonBan-hint .contain {
  width: auto;
  margin: 0;
  color: #888;
}
.proban .sonBan-hint a::after {
  background-image: url('../images/common/arrRG.svg');
}
.pro {
  width: 100%;
  overflow: hidden;
}
.pro-meet {
  width: 100%;
  overflow: hidden;
}
.pro-meet-wrap {
  width: 100%;
  text-align: center;
  padding: 0 4%;
}
.pro-meet-wrap .sonTitle {
  width: 100%;
}
.pro-meet-wrap-text {
  max-width: 840px;
  margin: 30px auto 0;
  line-height: 30px;
  color: #777;
}
.pro-meet-list {
  width: 100%;
  background: var(--thm-base);
}
.pro-meet-ul {
  margin-top: -40px;
  justify-content: center;
}
.pro-meet-items {
  width: 33.3333%;
  padding: 0 20px;
  margin-top: 40px;
  color: #fff;
  text-align: center;
}
.pro-meet-ul.items4 .pro-meet-items {
  width: 25%;
}
.pro-meet-items .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  transition: all 0.4s ease;
}
.pro-meet-items .icon img {
  max-height: 100%;
}
.pro-meet-items .name {
  line-height: 1.24;
  font-family: 'SamsungOne700';
  margin: 18px 0 6px;
}
.pro-meet-items .text {
  line-height: 24px;
}
.pro-meet-items:hover .icon {
  transform: translateY(-6px);
}
.pro-scene {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.pro-scene .sonTitle {
  width: 100%;
  text-align: center;
}
.pro-scene-list {
  width: 100%;
}
.pro-scene-items {
  width: 100%;
  align-items: center;
  background: #fff;
}
.pro-scene-items:nth-child(2n) {
  flex-direction: row-reverse;
}
.pro-scene-img {
  width: 50%;
}
.pro-scene-img img {
  width: 100%;
  object-fit: cover;
  min-height: 180px;
}
.pro-scene-cont {
  width: 50%;
  padding: 40px 160px;
}
.pro-scene-cont .name {
  line-height: 1.1;
  color: #444;
}
.pro-scene-cont .text {
  color: #777;
  line-height: 27px;
  margin-top: 10px;
}
.pro-parameter {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.pro-parameter .sonTitle {
  width: 100%;
}
.pro-parameter-wrap {
  width: 100%;
  flex-direction: row-reverse;
  align-items: flex-start;
}
.pro-parameter-info {
  width: calc(100% - 700px);
  padding-right: 100px;
}
.pro-parameter-info-menu {
  width: 100%;
}
.pro-parameter-info-menu a {
  display: flex;
  align-items: center;
  width: calc(25% - 14px);
  justify-content: center;
  height: 44px;
  border: 1px solid #ececec;
  color: #777777;
  font-family: 'SamsungOne700';
  transition: all 0.4s ease;
  margin-right: 14px;
  margin-top: 4px;
}
.pro-parameter-info-menu a.active,
.pro-parameter-info-menu a:hover {
  color: #fff;
  border: 1px solid var(--thm-base);
  background: var(--thm-base);
}
.pro-parameter-info-data {
  width: 100%;
}
.pro-parameter-info-data > div {
  display: none;
  width: 100%;
}
.pro-parameter-info-data > div.active {
  display: block;
}
.pro-parameter-info-items ul {
  margin: -28px 0 0 -28px;
}
.pro-parameter-info-items li {
  width: calc(50% - 28px);
  margin: 28px 0 0 28px;
}
.pro-parameter-info-items li .name {
  line-height: 1.1;
  color: #333;
}
.pro-parameter-info-items li .text {
  line-height: 22px;
  color: #777;
  margin-top: 4px;
}
.pro-parameter-info-download {
  display: flex;
  height: 46px;
  font-family: 'SamsungOne700';
  justify-content: center;
  width: 256px;
  align-items: center;
  border: 1px solid var(--thm-base);
  color: var(--thm-base);
  transition: all 0.4s ease;
}
.pro-parameter-info-download span {
  padding-right: 26px;
  background: url('../images/pages/proDown.png') no-repeat right center;
  transition: background 0.4s ease;
}
.pro-parameter-info-download:hover {
  background: var(--thm-base);
  color: #fff;
}
.pro-parameter-info-download:hover span {
  background-image: url('../images/pages/proDownH.png');
}
.pro-parameter-loop {
  width: 700px;
  position: relative;
  padding: 0 60px;
}
.pro-parameter-loop .link {
  display: flex;
  width: 100%;
  height: 560px;
  justify-content: center;
  align-items: center;
}
.pro-parameter-loop .link img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.6s ease;
}
.pro-parameter-loop .prev,
.pro-parameter-loop .next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background: #f4f4f4 url('../images/common/arrLH.svg') no-repeat center/20px auto;
  cursor: pointer;
  transition: all 0.4s ease;
}
.pro-parameter-loop .prev {
  left: 0;
}
.pro-parameter-loop .next {
  right: 0;
  transform: rotate(180deg);
}
.pro-parameter-loop .prev:hover,
.pro-parameter-loop .next:hover {
  background-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}

/* 品牌介绍 */
.brand {
  width: 100%;
  overflow: hidden;
}
.brand-about {
  background: url(../images/about/a1.jpg) bottom center no-repeat;
  background-size:cover;
  width: 100%;
  overflow: hidden;
}
.brand-about-intr {
  width: 100%;
  flex-direction: row-reverse;
}
.brand-about-intr-wrap {
  width: calc(100% - 724px);
  padding-right: 148px;
}
.brand-about-intr-wrap .sonTitle .text::after{
  content: '';
  display:block;
  width:30px;
  height: 4px;
  background: #ae0e28;
  margin-top: 15px;
}
.brand-about-intr-cont {
  width: 100%;
  color: #777;
  line-height: 35px;
}
.brand-about-intr-cont p {
  line-height: inherit;
}
.brand-about-intr-img {
  width: 724px;
}
.brand-about-intr-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.brand-about-num {
  width: 100%;
  background: #013f6f;
  padding: 60px 0;
  text-align:center;
}
.brand-about-num .col-md-4:nth-of-type(1),
.brand-about-num .col-md-4:nth-of-type(2){
  border-right: 1px #fff solid;
}
.brand-about-num-box h2{
  font-weight: bold;
  color:#fff;
  font-family: "Arial Black";
}
.brand-about-num-box h2 span{
  font-weight: normal;
}
.brand-about-num-box p{
  color: #fff;
}
.brand-about-num li .num {
  font-family: 'SamsungOne700';
  color: #444;
  line-height: 1.1;
  justify-content: center;
}
.brand-about-num li .num i {
  font-size: 28px;
  font-style: normal;
}
.brand-about-num li .text {
  line-height: 18px;
  color: #999;
  margin: 10px auto 0;
  max-width: 2420px;
}
.brand-about-num li::before,
.brand-about-num li:last-child:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  left: 0;
  background: #eaeaea;
}
.brand-about-num li:last-child:after {
  left: auto;
  right: 0;
}
.brand-about-map{
  width: 100%;
  background: url(../images/about/a2.jpg) left center no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
.brand-about-map .contain{
  max-width: 1000px;
}
.brand-about-map p:nth-of-type(1){
  color: #292929;
  margin-bottom: 15px;
  line-height:1.7
}
.brand-about-map p:nth-of-type(2){
  color: #666;
}
.brand-about-map h3,
.brand-about-map h4{
  font-weight: bold;
  color:#333;
  margin-bottom: 15px;
  line-height:1.7;
  font-family: 'SamsungOne700';
}
.brand-about-sapelem{
  background: url(../images/about/a8.jpg) top center no-repeat;
  background-size:cover;
  width: 100%;
  overflow: hidden;
}
.brand-about-sapelem .sonTitle{
  margin-bottom:40px;
}
.brand-about-sapelem .sonTitle .text::after{
  content: '';
  display:block;
  width:30px;
  height: 4px;
  background: #ae0e28;
  margin-top: 15px;
  margin: 10px auto;
}
.brand-about-sapelem-box{
  position: relative;
}
.brand-about-sapelem-box p{
  position: absolute;
  top: 35px;
  left:35px;
  color: #fff;
}
.brand-phylogeny {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.brand-phylogeny-loop {
  width: 100%;
  position: relative;
}
.brand-phylogeny-loop img {
  width: 100%;
  object-fit: cover;
  min-height: 400px;
}
.brand-phylogeny-loop-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  color: #fff;
}
.brand-phylogeny-loop-cont .name {
  font-family: 'SamsungOne700';
  font-size: 100px;
  line-height: 1.1;
}
.brand-phylogeny-loop-cont .hint {
  line-height: 1.1;
  margin: 58px 0 16px;
}
.brand-phylogeny-loop-cont .text {
  max-width: 450px;
  line-height: 24px;
}
.brand-phylogeny-loop-cont .name,
.brand-phylogeny-loop-cont .hint,
.brand-phylogeny-loop-cont .text {
  opacity: 0;
}
.swiper-slide-active .brand-phylogeny-loop-cont .name {
  animation: phylogenyRun 1s ease both 0.8s;
}
.swiper-slide-active .brand-phylogeny-loop-cont .hint {
  animation: phylogenyRun 1s ease both 0.9s;
}
.swiper-slide-active .brand-phylogeny-loop-cont .text {
  animation: phylogenyRun 1s ease both 1s;
}
@keyframes phylogenyRun {
  0% {
    opacity: 0;
    transform: translateY(120px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.brand-phylogeny-menu {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.brand-phylogeny-menu .contain {
  display: flex;
  justify-content: flex-end;
}
.brand-phylogeny-menu li {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  pointer-events: auto;
  margin-top: 88px;
  color: #fff;
}
.brand-phylogeny-menu li:first-child {
  margin-top: 0;
}
.brand-phylogeny-menu li i {
  margin-left: 32px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.brand-phylogeny-menu li i::after {
  content: '';
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #fff;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -21px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: scale(0);
}
.brand-phylogeny-menu li.active i::after {
  opacity: 1;
  transform: scale(1);
}
.brand-phylogeny-menu li span {
  min-width: 118px;
  text-align: right;
}
.brand-phylogeny .sonTitle {
  width: 100%;
  text-align: center;
}
.brand-phylogeny-more {
  width: 100%;
}
.brand-phylogeny .thumbs {
  width: 100%;
  position: relative;
  padding: 0 46px 20px;
}
.brand-phylogeny .thumbs-year {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #787878;
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
  line-height: 1;
  height: 40px;
}
.brand-phylogeny .thumbs-year::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 10px;
  bottom: 0;
  background: #cdcdcd;
  left: 50%;
  margin-left: -1px;
  transition: all 0.4s ease;
}
.brand-phylogeny .thumbs-year:hover,
.brand-phylogeny .thumbs-year.active {
  color: var(--thm-base);
}
.brand-phylogeny .thumbs-year.active::after {
  height: 14px;
  background: var(--thm-base);
}
.brand-phylogeny .thumbs::after {
  content: '';
  position: absolute;
  width: calc(100% - 92px);
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
  background: #cdcdcd;
  height: 1px;
}
.brand-phylogeny .thumbs-prev,
.brand-phylogeny .thumbs-next {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  border: 2px solid #666;
  background: url('../images/common/arrL.svg') no-repeat center/18px auto;
  transition: all 0.4s ease;
}
.thumbs-prev {
  left: 0;
}
.thumbs-next {
  right: 0;
  transform: rotate(180deg);
}
.brand-phylogeny .thumbs-prev:hover,
.brand-phylogeny .thumbs-next:hover {
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}
.brand-phylogeny .gallery {
  width: 100%;
  position: relative;
}
.brand-phylogeny-cont {
  width: 100%;
  text-align: center;
}
.brand-phylogeny-cont .name {
  font-family: 'SamsungOne700';
  line-height: 1.1;
  color: var(--thm-base);
  margin-bottom: 14px;
}
.brand-phylogeny-cont .text {
  color: #777;
  line-height: 32px;
}
.brand-qualification {
  width: 100%;
  overflow: hidden;
}
.brand-qualification-head {
  width: 100%;
}
.brand-qualification-head .contain {
  justify-content: space-between;
  align-items: flex-end;
}
.brand-qualification-loop {
  width: 100%;
  overflow: hidden;
}
.brand-qualification-loop .swiper-honor1{
  max-width: 1150px;
  margin: 0 auto;
}
.brand-qualification-loop .swiper-honor1 .swiper-slide a{
  background: #eeeeee;
  padding: 20px;
  border-radius: 40px;
}
.brand-qualification-loop .contain {
/*  float: right;*/
}
.brand-qualification-loop .link {
  display: block;
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
}
.brand-qualification-loop .link .img {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.brand-qualification-loop .link .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
  opacity: 0;
}
.brand-qualification-loop .link .img img {
  width: 100%;
  height: 100%;
}
.brand-qualification-loop .link .img i {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--thm-base) url('../images/pages/brand3ic.png') no-repeat center;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.6s ease;
}
.brand-qualification-loop .link .name {
  
  width: 100%;
  color: #000000;
}
.brand-qualification-loop .link .name{
  color: #666;
  line-height:1.7
}
.brand-qualification-loop .link .img{
  transition: all 0.4s ease;
}
.brand-qualification-loop .link:hover .img::after {
  opacity: 1;
}
.brand-qualification-loop .link:hover .img{
  transform: scale(1.03);
  transition: all 0.4s ease;
}
.brand-qualification-loop .link:hover .img i {
  opacity: 1;
  transform: scale(1);
}
.brand-qualification-loop .link:hover .name {
  color: #AE1027!important;
}
.brand-qualification-loop .link:hover .text {
  color: #333!important;
}
.brand-qualification-loop .swiper-honor2{
  margin-top: 60px;
}
.brand-qualification-loop .swiper-honor2 .swiper-slide .name{
  border-top: 1px #eee solid;
  text-align: center;
  margin-top:50px
}
.brand-qualification-loop .swiper-honor2 .swiper-slide span{
  display:block;
  width: 10px;
  height:10px;
  background: #e5e5e5;
  border-radius: 50%;
  margin: -6px auto 20px;
}
.brand-qualification-loop .swiper-honor2 .swiper-slide.swiper-slide-thumb-active span{
  background: #013f6f;
  width: 18px;
  height:18px;
  border: 4px #ccd9e2 solid;
  margin-top: -10px;
}
.brand-qualification-loop .swiper-honor2 .swiper-slide.swiper-slide-thumb-active p{
  color:#013f6f;
}
.aboutadv_box .link {
  display: block;
  width: 100%;
  background: #f6f6f6;
  padding: 0 20px 0;
}
.aboutadv_box .link .img {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  position: relative;
}
.aboutadv_box .link .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
  opacity: 0;
}
.aboutadv_box .link .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutadv_box .link .img i {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--thm-base) url('../images/pages/brand3ic.png') no-repeat center;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.6s ease;
}
.aboutadv_box .link .name {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  border-top: 1px solid #ebebeb;
  width: 100%;
  height: 74px;
  color: #555555;
}
.aboutadv_box .link:hover .img::after {
  opacity: 1;
}
.aboutadv_box .link:hover .img i {
  opacity: 1;
  transform: scale(1);
}
.aboutadv_box .link:hover .name {
  color: var(--thm-base);
}

.brand-qualification-head-link {
  width: 400px;
  position: relative;
  height: 2px;
  background: #e6e6e6;
}
.brand-qualification-head-link span {
  background: var(--thm-base) !important;
}
.brand-social {
  width: 100%;
  overflow: hidden;
}
.brand-social .sonTitle {
  width: 100%;
}
.brand-social-desc {
  width: 100%;
  margin-top: 20px;
  line-height: 30px;
  color: #777;
}
.brand-social-list {
  width: 100%;
}
.brand-social-list ul {
  margin-left: -6px;
  flex-wrap: nowrap;
}
.brand-social-list li {
  width: 206px;
  margin-left: 6px;
  position: relative;
  height: 472px;
  overflow: hidden;
  border-radius: 10px;
}
.brand-social-list li img {
  position: absolute;
  height: 472px;
  left: 0;
  top: 0;
  object-fit: fill;
  max-width: none;
}
.brand-social-list li.active {
  width: calc(100% - 206px);
}
.brand-social-list-hint {
  position: absolute;
  z-index: 4;
  transition: all 0.4s ease;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  white-space: nowrap;
  color: #fff;
  width: 32px;
  bottom: 32px;
  text-align: center;
  left: 50%;
  margin-left: -16px;
}
.brand-social-list-cont {
  position: absolute;
  z-index: 5;
  width: 100%;
  bottom: 32px;
  padding: 0 54px;
  color: #fff;
}
.brand-social-list-cont .name {
  line-height: 1.1;
  width: 100%;
  opacity: 0;
}
.brand-social-list li.active .brand-social-list-cont .name {
  animation: indalRun 1s ease both 0.4s;
  line-height: 1.7;
}
@keyframes indalRun {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.brand-social-list li.active .brand-social-list-hint {
  opacity: 0;
}
.brand-development {
  width: 100%;
  position: relative;
}
.brand-development img {
  width: 100%;
  object-fit: cover;
}
.brand-development-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 2;
}
.brand-development-width {
  max-width: 600px;
}
.brand-development-cont .name {
  line-height: 1.1;
}
.brand-development-cont .text {
  line-height: 28px;
  margin-top: 28px;
  max-width: 1100px;
}
.brand-qualification-head-more {
  align-items: flex-end;
}
.brand-qualification-head-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.brand-qualification-head-btn > div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f4f4f4 url('../images/common/arrLH.svg') no-repeat center/20px auto;
  transition: all 0.4s ease;
  cursor: pointer;
  margin-top: -78px;
  position: relative;
  z-index:100000;
}
.brand-qualification-head-btn > div.next {
  transform: rotate(180deg);
}
.brand-qualification-head-btn > div:hover {
  background-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}

/* 加入我们 */
.join {
  width: 100%;
  overflow: hidden;
}
.joinlm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 68px;
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
}
.joinlm:first-child {
  margin-top: 0;
}
.joinlm:nth-child(2n) {
  flex-direction: row-reverse;
}
.joinlm-img,
.joinlm-cont {
  width: 50%;
  background: #fff;
  overflow: hidden;
}
.joinlm-img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.joinlm-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 150px;
}
.joinlm-cont-desc {
  line-height: 35px;
  color: #777;
  margin-top: 24px;
}
.joinlm-cont-desc p {
  line-height: inherit;
}
.joinlm:hover {
  box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.08);
}
.joinlm:hover .joinlm-img img {
  transform: scale(1.04);
}

/* 加入我们-详情 */
.joinxq {
  width: 100%;
  overflow: hidden;
}
.joinxq-head {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.joinxq-head .sonTitle .text {
  align-items: center;
}
.joinxq-head .sonTitle .text i {
  display: block;
  background: #bfbfbf;
  width: 1px;
  height: 28px;
  margin: 0 30px;
}
.joinxq-head .sonTitle .text span {
  display: block;
  font-size: 15px;
  color: #888;
}
.joinxq-head .sonTitle .text a {
  font-size: 14px;
  color: #777;
  margin-left: 26px;
  padding-left: 22px;
  background: url('../images/pages/joinicon.png') no-repeat left center;
  transition: all 0.4s ease;
}
.joinxq-head .sonTitle .text a:hover {
  color: var(--thm-base);
  background-image: url('../images/pages/joiniconH.png');
}
.joinxq-search {
  width: 380px;
  position: relative;
  overflow: hidden;
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
}
.joinxq-search input {
  width: 100%;
  height: 46px;
  border-radius: 23px;
  font-size: 15px;
  color: #888;
  background: #fff;
  padding: 0 58px 0 28px;
  color: #666;
  font-size: 16px;
  border: 1px solid #dedede;
  transition: border 0.4s ease;
}
.joinxq-search input:focus {
  border-color: #888;
}
.joinxq-search input::-webkit-input-placeholder {
  color: #a8adb6;
  font-size: 15px;
  font-family: '微软雅黑';
}
.joinxq-search input:-moz-placeholder {
  color: #a8adb6;
  font-size: 15px;
  font-family: '微软雅黑';
}
.joinxq-search input::-moz-placeholder {
  color: #a8adb6;
  font-size: 15px;
  font-family: '微软雅黑';
}
.joinxq-search input:-ms-input-placeholder {
  color: #a8adb6;
  font-size: 15px;
  font-family: '微软雅黑';
}
.joinxq-search button {
  position: absolute;
  width: 46px;
  height: 46px;
  right: 0;
  top: 0;
  background: var(--thm-base) url('../images/common/searchW.svg') no-repeat center/18px auto;
  cursor: pointer;
}
.joinxq-list,
.joinxq-list-body {
  width: 100%;
}
.joinxq-list {
  border: 1px solid #f0f0f0;
}
.joinxq-list-head,
.joinxq-list-body a {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.4s ease;
}
.joinxq-list-head li,
.joinxq-list-body a li {
  display: flex;
  align-items: center;
  height: 68px;
  width: 300px;
  padding: 0 12px;
}
.joinxq-list-head li:first-child,
.joinxq-list-body a li:first-child {
  width: calc(100% - 800px);
  padding: 0 36px;
}
.joinxq-list-head li:last-child,
.joinxq-list-body a li:last-child {
  width: 200px;
  justify-content: center;
}
.joinxq-list-head li p,
.joinxq-list-body a li p {
  display: block;
  font-size: 15px;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s ease;
}
.joinxq-list-body a:last-child {
  border-bottom: none;
}
.joinxq-list-body a li:first-child p {
  font-size: 16px;
}
.joinxq-list-head {
  background: #fafafa;
}
.joinxq-list-head li p {
  font-size: 18px;
}
.joinxq-list-body a:hover {
  background: #fafafa;
}
.joinxq-list-body a:hover li:first-child p {
  color: var(--thm-base);
}
.toPlace2 {
  position: relative;
  top: -78px;
  display: block;
  height: 0;
  overflow: hidden;
}

.pro-parameter {
  overflow: visible;
}
.pro-parameter-info .customSelect {
  display: block;
  width: 256px;
  position: relative;
  user-select: none;
  margin-top: 44px;
  font-family: 'SamsungOne700';
}
.pro-parameter-info .customSelect-name {
  display: flex;
  align-items: center;
  height: 46px;
  position: relative;
  border: 1px solid var(--thm-base);
  padding: 0 14px;
  font-size: 14px;
  color: var(--thm-base);
  cursor: pointer;
}
.pro-parameter-info .customSelect-name::after {
  content: '';
  position: absolute;
  width: 20px;
  top: 50%;
  right: 10px;
  height: 20px;
  background: url('../images/common/arrRWH.svg') no-repeat center/20px auto;
  transform: rotate(90deg);
  margin-top: -11px;
}
.pro-parameter-info .customSelect-drop {
  display: none;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 46px;
  max-height: 200px;
  border: 1px solid var(--thm-base);
  border-top: none;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  background: #fff;
  cursor: pointer;
}
.pro-parameter-info .customSelect-drop > div {
  width: 100%;
  position: relative;
}
.pro-parameter-info .customSelect-drop > div::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ebebeb;
}
.pro-parameter-info .customSelect-drop > div:last-child::after {
  display: none;
}
.pro-parameter-info .customSelect-drop > div:hover a,
.pro-parameter-info .customSelect-drop > div.active a {
  background-color: #fff7f7;
  color: var(--thm-base);
}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar {
  width: 2px;
  height: 4px;
}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar-thumb {
  background: #7a8896;
}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar-track {
  background: #fff;
}
.pro-parameter-info .customSelect-name.noRadius {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pro-parameter-info .customSelect-name.noRadius::after {
  transform: rotate(-90deg);
}
.pro-parameter-info .customSelect-drop > div a {
  padding: 0 14px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  color: var(--thm-base);
  transition: all 0.4s ease;
  padding-right: 36px;
  background: url('../images/pages/proDown.png') no-repeat right 11px center;
}
@media all and (max-width: 1599px) {
  .pro-parameter-info .customSelect {
    margin-top: 34px;
  }
}
@media all and (max-width: 1599px) {
  .pro-parameter-info .customSelect {
    margin-top: 20px;
    width: 250px;
  }
  .pro-parameter-info .customSelect-name {
    height: 40px;
  }
  .pro-parameter-info .customSelect-drop {
    top: 40px;
  }
  .pro-parameter-info .customSelect-drop > div a {
    height: 35px;
  }
}
.solutionlist .row {
  margin-bottom: 120px;
}
.solutionlist .row .col-lg-8 {
  z-index: 100;
}
.solutionlist .row .col-lg-5 {
  z-index: 10;
  margin-left: -8.333333%;
}
.solutionlist .row .col-lg-5 a {
  background: #f5f5f5;
  padding-left: 25% !important;
}

.solutionlist .row:nth-child(2n) .col-lg-8 {
  order: 2;
  z-index: 100;
}
.solutionlist .row:nth-child(2n) .col-lg-5 {
  order: 1;
  margin-right: -8.333333%;
  margin-left: 0 !important;
}

.solutionlist .row:nth-child(2n) .col-lg-5 a {
  padding-left: 3rem !important;
  padding-right: 25% !important;
}

.solutionlist .row .col-lg-5 a:hover {
  text-decoration: none;
}
.solutionlist .row .col-lg-5 a:hover div.name {
  color: #000;
}
.solutionlist .row .col-lg-5 a:hover p {
  color: #666;
}
.solutionlist .row .col-lg-5 a .link {
  padding-left: 0;
}
.solutionlist .row .col-lg-5 a .link i {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #303030 url(../images/common/arrRW.svg) no-repeat center / 16px auto;
  transition: all 0.4s ease;
  margin-left: 10px;
}
.solutionlist .row .col-lg-5 a:hover .link {
  color: var(--thm-base);
}
.solutionlist .row .col-lg-5 a:hover .link i {
  background: var(--thm-base) url(../images/common/arrRW.svg) no-repeat center / 16px auto;
}
/* -------------------------PC端--------------------------- */
@media all and (max-width: 1700px) {
  /* 1600 × (900) */
  .news-head-cont {
    padding-left: 76px;
  }
  .news-head-cont::after {
    width: calc(100% - 76px);
  }
  .case-app {
    height: 680px;
  }
  .proban-cont {
    padding: 0 90px;
  }
  .brand-about-intr-wrap {
    padding-right: 90px;
  }
  .case-application-info {
    margin-top: 120px;
  }
}

@media all and (max-width: 1599px) {
  /* 1440 × (700)  */
  .sonTitle .text {
    line-height: 32px;
  }
  .sonMenu a {
    height: 70px;
    margin: 0 28px;
  }
  .sonMenu-blank {
    height: 70px;
  }
  .news-head-img {
    width: 680px;
  }
  .news-head-cont {
    width: calc(100% - 680px);
    padding-left: 60px;
  }
  .news-head-cont::after {
    width: calc(100% - 60px);
  }
  .news-list-ul {
    margin: -50px 0 0 -50px;
  }
  .news-link {
    width: calc(33.3333% - 50px);
    margin: 50px 0 0 50px;
  }
  .news-head-cont .head {
    line-height: 36px;
    max-height: 108px;
  }
  .tech-support-list ul {
    margin: -30px 0 0 -30px;
  }
  .tech-support-list li {
    width: calc(33.3333% - 30px);
    margin: 30px 0 0 30px;
    padding: 0 40px;
    height: 250px;
  }
  .tech-download-ul {
    margin: -28px 0 0 -28px;
  }
  .tech-download-link {
    width: calc(25% - 28px);
    margin: 28px 0 0 28px;
    padding: 30px 20px;
  }
  .reldt-map {
    width: 640px;
    height: 362px;
  }
  .reldt-wrap {
    width: calc(100% - 640px);
    padding-right: 80px;
  }
  .relxx-list ul {
    margin: -40px 0 0 -30px;
  }
  .relxx-list li {
    width: calc(33.3333% - 30px);
    margin: 40px 0 0 30px;
    padding: 32px 30px;
  }
  .case-app {
    height: 600px;
  }
  .case-app-cont {
    max-width: 520px;
  }
  .case-app-img {
    height: 80%;
  }
  .case-application-core-loop {
    width: 680px;
    padding: 0 70px;
  }
  .case-application-core-wrap {
    width: calc(100% - 680px);
    padding: 60px 80px 0 0;
  }
  .case-cases-li {
    margin: -44px 0 0 -36px;
  }
  .case-cases-link {
    width: calc(33.3333% - 36px);
    margin: 44px 0 0 36px;
  }
  .case-application-scene-loop .cont {
    padding: 0 50px;
    bottom: 32px;
  }
  .proban-img {
    width: 750px;
  }
  .proban-cont {
    width: calc(100% - 750px);
    padding: 0 80px;
  }
  .pro-scene-cont {
    padding: 30px 100px;
  }
  .pro-parameter-info {
    padding-right: 70px;
  }
  .brand-about-intr-img {
    width: 660px;
  }
  .brand-about-intr-wrap {
    width: calc(100% - 660px);
    padding-right: 60px;
  }
  .brand-about-intr-cont {
    line-height: 28px;
  }
  .brand-phylogeny-loop-cont .name {
    font-size: 60px;
  }
  .brand-phylogeny-loop-cont .hint {
    margin: 40px 0 12px;
  }
  .brand-phylogeny-menu li {
    margin-top: 60px;
  }
  .brand-social-list li {
    width: 140px;
  }
  .brand-social-list li.active {
    width: calc(100% - 444px);
  }
  .brand-social-list li,
  .brand-social-list li img {
    height: 374px;
  }
  .brand-qualification-head-link {
    width: 300px;
  }
  .case-cases-ul .swiper-wrapper {
    padding-bottom: 68px;
  }
  .case-application-info {
    margin-top: 100px;
  }
  .case-application-info-cont {
    padding-right: 60px;
  }
  .case-application-info-cont .desc {
    margin-top: 24px;
    line-height: 30px;
  }
  .case-app.noheight .case-app-cont {
    padding: 0 40px;
  }
  .pro-parameter-info-menu a {
    width: calc(33.3333% - 8px);
    margin-right: 8px;
  }
  .indxw-head-hint-li {
    margin-top: 16px;
  }
  .indxw-head-hint {
    margin-bottom: 50px;
  }
  .joinlm-cont {
    padding: 20px 80px;
  }
  .joinlm-cont-desc {
    line-height: 28px;
    margin-top: 18px;
  }
  .joinlm {
    margin-top: 50px;
  }
  .joinxq-list-head li,
  .joinxq-list-body a li {
    height: 58px;
    width: 230px;
  }
  .joinxq-list-head li:last-child,
  .joinxq-list-body a li:last-child {
    width: 160px;
  }
  .joinxq-list-head li:first-child,
  .joinxq-list-body a li:first-child {
    width: calc(100% - 620px);
    padding: 0 20px;
  }
  .joinxq-head .sonTitle .text i {
    height: 22px;
    margin: 0 24px;
  }
  .toPlace2 {
    top: -68px;
  }
}

@media all and (max-width: 1439px) {
  /* 1360 */
}

@media all and (max-width: 1359px) {
  /* 1280 */
}

@media all and (max-width: 1279px) {
  /* 1152 × (700) */
  .sonMenu a {
    height: 60px;
    margin: 0 24px;
  }
  .sonMenu-blank {
    height: 60px;
  }
  .news-head-img {
    width: 540px;
  }
  .news-head-cont {
    width: calc(100% - 540px);
    padding-left: 40px;
  }
  .news-head-cont::after {
    width: calc(100% - 40px);
  }
  .news-list-ul {
    margin: -30px 0 0 -30px;
  }
  .news-link {
    width: calc(33.3333% - 30px);
    margin: 30px 0 0 30px;
  }
  .news-head-cont .head {
    line-height: 34px;
    max-height: 68px;
    -webkit-line-clamp: 2;
  }
  .news-head-cont .text {
    line-height: 28px;
    max-height: 84px;
    margin: 30px 0 58px;
  }
  .newsxq-recom .news-list-ul {
    margin: -24px 0 0 -24px;
  }
  .newsxq-recom .news-link {
    width: calc(33.3333% - 24px);
    margin: 24px 0 0 24px;
  }
  .newsxq-cont {
    line-height: 28px;
    padding: 36px 0;
  }
  .newsxq-title .tags p {
    margin-left: 20px;
  }
  .tech-support-list ul {
    margin: -24px 0 0 -24px;
  }
  .tech-support-list li {
    width: calc(33.3333% - 24px);
    margin: 24px 0 0 24px;
    padding: 0 20px;
    height: 250px;
  }
  .tech-download-ul {
    margin: -24px 0 0 -24px;
  }
  .tech-download-link {
    width: calc(50% - 24px);
    margin: 24px 0 0 24px;
    padding: 24px 20px;
  }
  .tech-service-list li {
    width: calc(33.3333% - 1px);
  }
  .reldt-map {
    width: 450px;
    height: 324px;
  }
  .reldt-wrap {
    width: calc(100% - 450px);
    padding-right: 40px;
  }
  .reldt-list li {
    padding: 22px 0;
  }
  .relxx-list li {
    width: calc(50% - 30px);
    margin: 40px 0 0 30px;
    padding: 32px 30px;
  }
  .case-features-list ul {
    margin-top: -44px;
  }
  .case-features-list li {
    margin-top: 44px;
  }
  .case-app {
    height: 490px;
  }
  .case-app-img {
    right: 6%;
  }
  .case-application-scene-loop .cont .text {
    margin-top: 14px;
  }
  .case-application-scene-loop .cont {
    padding: 0 30px;
    bottom: 24px;
  }
  .case-application-core-loop .link {
    height: 420px;
  }
  .case-application-core-loop {
    width: 560px;
    padding: 0 64px;
  }
  .case-application-core-wrap {
    width: calc(100% - 560px);
    padding: 0 50px 0 0;
  }
  .case-application-core-wrap .cont .text {
    line-height: 28px;
    height: 56px;
  }
  .case-application-core-wrap .cont .link {
    margin-top: 100px;
  }
  .case-cases-li {
    margin: -30px 0 0 -28px;
  }
  .case-cases-link {
    width: calc(33.3333% - 28px);
    margin: 30px 0 0 28px;
  }
  .case-cases-link .name {
    margin-top: 20px;
  }
  .case-app-cont {
    max-width: 450px;
  }
  .proban-img {
    width: 600px;
  }
  .proban-cont {
    width: calc(100% - 600px);
    padding: 0 60px;
  }
  .pro-scene-cont {
    padding: 30px 60px;
  }
  .pro-parameter-loop .link {
    height: 490px;
  }
  .pro-parameter-loop {
    width: 500px;
    padding: 0 60px;
  }
  .pro-parameter-info {
    width: calc(100% - 500px);
    padding-right: 40px;
  }
  .pro-parameter-info-items ul {
    margin: -20px 0 0 -20px;
  }
  .pro-parameter-info-items li {
    width: calc(50% - 20px);
    margin: 20px 0 0 20px;
  }
  .brand-about-intr-img {
    width: 100%;
  }
  .brand-about-intr-wrap {
    width: 100%;
    padding-right: 0;
    margin-top: 50px;
  }
  .brand-phylogeny-loop-cont .name {
    font-size: 44px;
  }
  .brand-phylogeny-loop-cont .hint {
    margin: 30px 0 8px;
  }
  .brand-phylogeny-menu li {
    margin-top: 48px;
  }
  .brand-qualification-head-link {
    width: 200px;
  }
  .brand-social-list li {
    width: 100px;
  }
  .brand-social-list li.active {
    width: calc(100% - 324px);
  }
  .brand-social-list li,
  .brand-social-list li img {
    height: 316px;
  }
  .brand-development-cont .text {
    line-height: 24px;
    margin-top: 20px;
  }
  .news-head-img i,
  .news-link-img i {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
  }
  .case-application-info {
    margin-top: 80px;
  }
  .case-application-info-cont .desc {
    margin-top: 18px;
    line-height: 26px;
  }
  .case-application-info-cont {
    padding-right: 40px;
  }
  .case-app.noheight .case-app-cont {
    padding: 0 30px;
    width: 60%;
  }
  .indxw-head-hint {
    margin-top: 16px;
  }
  .indxw-head-hint-li {
    margin-top: 8px;
  }
  .indxw-head-hint-li .name {
    margin-bottom: 0;
  }
  .indxw-head-hint {
    margin-bottom: 40px;
  }
  .joinlm-cont {
    padding: 20px 40px;
  }
  .joinlm-cont-desc {
    line-height: 26px;
    margin-top: 14px;
  }
  .joinlm {
    margin-top: 32px;
  }
  .joinxq-head .sonTitle .text i {
    height: 20px;
    margin: 0 18px;
  }
  .joinxq-head .sonTitle .text a {
    margin-left: 20px;
  }
  .joinxq-search {
    width: 340px;
    border-bottom-right-radius: 23px;
  }
  .joinxq-search input {
    height: 42px;
    padding: 0 54px 0 20px;
  }
  .joinxq-list-head li,
  .joinxq-list-body a li {
    height: 50px;
    width: 200px;
  }
  .joinxq-list-head li:last-child,
  .joinxq-list-body a li:last-child {
    width: 150px;
  }
  .joinxq-list-head li:first-child,
  .joinxq-list-body a li:first-child {
    width: calc(100% - 550px);
    padding: 0 16px;
  }
  .toPlace2 {
    top: -58px;
  }
}

@media all and (max-width: 1151px) {
  /* 1024 */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) {
  /* 平板设备 720 适配 */
  .sonBan-img{
    min-height: auto;
  }
  .sonMenu a {
    margin: 0 20px;
  }
  .sonMenu.fixed {
    top: 60px;
  }
  .news-head-img {
    width: 100%;
  }
  .news-head-cont {
    width: 100%;
    padding: 32px 0;
  }
  .news-head-cont::after {
    width: 100%;
  }
  .news-head-cont .text {
    line-height: 26px;
    max-height: 78px;
    margin: 24px 0 32px;
  }
  .news-link {
    width: calc(50% - 30px);
  }
  .newsxq-title .tags {
    margin-top: 20px;
  }
  .tech-support-list ul {
    margin: -24px 0 0;
  }
  .tech-support-list li {
    width: 100%;
    margin: 24px 0 0;
    padding: 24px 20px;
    height: auto;
  }
  .techxz-head-search {
    width: 100%;
    margin-bottom: 40px;
  }
  .techxz-head .name {
    width: 100%;
  }
  .reldt-map {
    width: 100%;
    height: 320px;
  }
  .reldt-wrap {
    width: 100%;
    padding: 40px 0 0;
  }
  .relxx-list ul {
    margin: -28px 0 0;
  }
  .relxx-list li {
    width: 100%;
    margin: 28px 0 0;
    padding: 30px 28px;
  }
  .case-features-list ul {
    margin-top: -32px;
  }
  .case-features-list li {
    margin-top: 32px;
  }
  .case-app {
    height: auto;
    padding-top: 80px;
  }
  .case-app-cont {
    max-width: 100%;
  }
  .case-app-img {
    position: static;
    margin-top: 40px;
    text-align: center;
  }
  .case-app-img img {
    height: auto;
    max-width: 60%;
  }
  .case-application-core-loop {
    width: 100%;
  }
  .case-application-core-wrap {
    width: 100%;
    padding: 0;
    margin-top: 40px;
  }
  .case-application-core-wrap .cont .link {
    margin-top: 40px;
  }
  .case-cases-link {
    width: calc(50% - 28px);
  }
  .proban-img {
    width: 100%;
  }
  .proban-cont {
    width: 100%;
    padding: 40px 4% 70px;
  }
  .proban-cont .text {
    line-height: 28px;
    margin-top: 12px;
  }
  .pro-meet-ul {
    margin-top: -30px;
  }
  .pro-meet-items {
    margin-top: 30px;
  }
  .pro-scene-img {
    width: 100%;
  }
  .pro-scene-cont {
    width: 100%;
    padding: 28px 0;
  }
  .pro-scene-items:last-child .pro-scene-cont {
    padding-bottom: 0;
  }
  .pro-parameter-loop {
    width: 100%;
  }
  .pro-parameter-info {
    width: 100%;
    padding: 40px 0 0;
  }
  .brand-phylogeny-loop-cont .name {
    font-size: 36px;
  }
  .brand-social-list ul {
    flex-wrap: wrap;
    margin-top: -6px;
  }
  .brand-social-list li {
    width: calc(50% - 6px) !important;
    margin-top: 6px;
    height: auto;
  }
  .brand-social-list li img {
    position: static;
    height: auto;
    width: 100%;
    object-fit: cover;
  }
  .brand-social-list-hint {
    display: none;
  }
  .brand-social-list-cont .name {
    opacity: 1;
    animation: none !important;
  }
  .brand-development img {
    min-height: 320px;
  }
  .brand-social-list-cont {
    bottom: 22px;
    padding: 0 32px;
  }
  .sonMenu a:hover {
    color: #666;
  }
  .sonMenu a.active {
    color: var(--thm-base);
  }
  .case-application-info-img {
    width: 100%;
  }
  .case-application-info-cont {
    width: 100%;
    margin-top: 40px;
    padding-right: 0;
  }
  .case-app.noheight .case-app-cont {
    padding: 0 30px;
    width: 100%;
    height: 70%;
  }
  .joinlm-img,
  .joinlm-cont {
    width: 100%;
  }
  .joinlm-cont {
    padding: 20px;
  }
  .joinxq-search {
    width: 100%;
    margin-top: 16px;
  }
  .joinxq-list-head li,
  .joinxq-list-body a li {
    height: 46px;
    width: 150px;
  }
  .joinxq-list-head li:last-child,
  .joinxq-list-body a li:last-child {
    width: 120px;
  }
  .joinxq-list-head li:first-child,
  .joinxq-list-body a li:first-child {
    width: calc(100% - 420px);
  }
  .toPlace2 {
    top: -118px;
  }
  .solutionlist .row .col-lg-5 {
    margin-left: 0;
  }
  .solutionlist .row .col-lg-5 a {
    background: #f5f5f5;
    padding-left: 3rem !important;
    margin-top: 0 !important;
  }

  .solutionlist .row:nth-child(2n) .col-lg-8 {
    order: 2;
    z-index: 100;
  }
  .solutionlist .row:nth-child(2n) .col-lg-5 {
    order: 1;
    margin-right: 0;
    margin-left: 0 !important;
  }

  .solutionlist .row:nth-child(2n) .col-lg-5 a {
    padding-left: 3rem !important;
    padding-right: 0 !important;
  }
}
@media all and (max-width: 640px) {
  /* 移动终端以上 360 适配 */
  .sonTitle .text {
    line-height: 24px;
    margin-top: 6px;
  }
  .sonBan-cont .text {
    font-size: 14px;
    margin-top: 10px;
  }
  .sonBan-hint a {
    height: 42px;
  }
  .sonMenu {
    overflow-x: auto;
    border-bottom: 1px solid #ededed;
  }
  .sonMenu::after {
    display: none;
  }
  .sonMenu-scroll {
    display: block;
    overflow: hidden;
    height: 48px;
    min-width: 100%;
  }
  .sonMenu a {
    margin: 0;
    padding: 0 14px;
    float: left;
    height: 48px;
  }
  .sonMenu-blank {
    height: 48px;
  }
  .news-head-cont {
    padding: 24px 0;
  }
  .news-head-cont .head {
    line-height: 24px;
    max-height: 48px;
  }
  .news-head-cont .text {
    line-height: 22px;
    max-height: 66px;
    margin: 14px 0 16px;
  }
  .news-list-ul {
    margin: -24px 0 0;
  }
  .news-link {
    width: 100%;
    margin: 24px 0 0;
  }
  .news-link-cont .name {
    line-height: 20px;
    height: 40px;
  }
  .news-link-cont {
    margin-top: 16px;
  }
  .news-link-cont .time {
    margin-top: 10px;
  }
  .newsxq-title .tags p {
    margin-left: 14px;
  }
  .newsxq-title .tags {
    margin-top: 16px;
  }
  .newsxq-title {
    padding-bottom: 12px;
  }
  .newsxq-cont {
    line-height: 26px;
    padding: 24px 0;
  }
  .newsxq-recom .news-list-ul {
    margin: -24px 0 0;
  }
  .newsxq-recom .news-link {
    width: 100%;
    margin: 24px 0 0;
  }
  .tech-support-info .text p {
    margin-left: 10px;
  }
  .tech-support-info .text {
    margin-top: 10px;
  }
  .tech-support-list ul {
    margin: -16px 0 0;
  }
  .tech-support-list li {
    margin: 16px 0 0;
    padding: 20px 16px;
  }
  .tech-support-list li .icon {
    margin-bottom: 16px;
  }
  .tech-support-list li .name {
    margin-bottom: 6px;
  }
  .tech-service-list li {
    width: calc(50% - 1px);
  }
  .tech-service-list li .name {
    bottom: 24px;
  }
  .tech-service .sonTitle .text {
    font-size: 19px;
  }
  .tech-download-head .more {
    margin-top: 14px;
  }
  .tech-download-ul {
    margin: -20px 0 0;
  }
  .tech-download-link {
    width: 100%;
    margin: 20px 0 0;
    padding: 20px 20px;
  }
  .tech-download-link .img {
    height: 120px;
  }
  .tech-contact-from li {
    margin-top: 16px;
  }
  .tech-contact-items {
    width: 100%;
    margin-top: 16px;
  }
  .tech-contact-items:first-child {
    margin-top: 0;
  }
  .tech-contact-items p {
    height: 26px;
  }
  .tech-contact-items input,
  .tech-contact-items textarea {
    height: 40px;
  }
  .tech-contact-from li.code .tech-contact-items span {
    height: 40px;
    width: 94px;
  }
  .tech-contact-from li button {
    width: 100%;
  }
  .tech-contact-from li.code .tech-contact-items input {
    width: calc(100% - 104px);
  }
  .techxz-head-search {
    margin-bottom: 28px;
  }
  .techxz-head-search input {
    border-radius: 21px;
    height: 42px;
    padding: 0 50px 0 20px;
  }
  .techxz-head-search button {
    width: 40px;
    height: 40px;
  }
  .techxz .tech-download-link {
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);
  }
  .techxz-head .name {
    padding-left: 16px;
  }
  .reldt-map {
    height: 250px;
    border: 4px solid #fff;
  }
  .reldt-wrap {
    padding: 30px 0 0;
  }
  .relxx-list ul {
    margin: -12px 0 0;
  }
  .relxx-list li {
    margin: 12px 0 0;
    padding: 20px 16px;
  }
  .reldt-list li {
    padding: 16px 0;
  }
  .reldt-list li .name {
    padding-left: 18px;
  }
  .relxx .sonTitle .text {
    font-size: 19px;
  }
  .relxx-list li .list p {
    margin-top: 8px;
  }
  .relxx-list li .list {
    margin-top: 16px;
  }
  .relxx-list li .list p span,
  .relxx-list li .list p a {
    padding-left: 8px;
  }
  .relxx-list {
    margin-top: 28px;
  }
  .reldt-list {
    margin-top: 14px;
  }
  .tech .toPlace {
    top: -108px;
  }
  .case .toPlace {
    top: -100px;
  }
  .pro .toPlace {
    top: -106px;
  }
  .brand .toPlace {
    top: -106px;
  }
  .case-features-img img {
    width: 100%;
    margin-top: 4px;
  }
  .case-features-img img:first-child {
    margin-top: 0;
  }
  .case-features-list ul {
    margin-top: -20px;
  }
  .case-features-list li {
    width: 50% !important;
    margin-top: 20px;
    padding: 0 10px;
  }
  .case-features-list li .text {
    line-height: 20px;
  }
  .case-app {
    padding-top: 40px;
  }
  .case-app-cont .text {
    line-height: 22px;
    font-size: 15px;
  }
  .case-app-img {
    margin-top: 24px;
  }
  .case-application-scene-loop .items img {
    min-height: 180px;
  }
  .case-application-scene-loop .cont {
    padding: 0 16px;
    bottom: 16px;
  }
  .case-application-scene-loop .cont .text {
    margin-top: 6px;
    line-height: 20px;
  }
  .case-application-core-loop .link,
  .pro-parameter-loop .link {
    height: 300px;
  }
  .case-application-core-loop .prev,
  .case-application-core-loop .next,
  .pro-parameter-loop .prev,
  .pro-parameter-loop .next {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    background-size: 16px;
  }
  .case-application-core-loop,
  .pro-parameter-loop {
    padding: 0 54px;
  }
  .case-application-core-wrap {
    margin-top: 32px;
  }
  .case-application-core-wrap .cont .text {
    line-height: 22px;
    height: 44px;
  }
  .case-application-core-wrap .cont .link {
    margin-top: 24px;
  }
  .case-cases-li {
    margin: -16px 0 0 -15px;
  }
  .case-cases-link {
    width: calc(50% - 15px);
    margin: 16px 0 0 15px;
  }
  .case-cases-link .name {
    margin-top: 8px;
    font-size: 12px;
  }
  .proban-cont .name {
    font-size: 26px;
  }
  .proban-cont .text {
    line-height: 24px;
    margin-top: 10px;
  }
  .proban-cont {
    padding: 32px 4% 58px;
  }
  .pro-meet-wrap-text {
    margin: 16px auto 0;
    line-height: 26px;
  }
  .pro-meet-ul {
    margin-top: -24px;
  }
  .pro-meet-items {
    width: 50% !important;
    padding: 0 10px;
    margin-top: 24px;
  }
  .pro-meet-items .name {
    margin: 8px 0 4px;
  }
  .pro-meet-items .text {
    line-height: 20px;
  }
  .pro-scene-cont .text {
    line-height: 22px;
    margin-top: 8px;
  }
  .pro-scene-cont {
    padding: 24px 0;
  }
  .pro-parameter-info-menu {
    justify-content: space-between;
  }
  .pro-parameter-info-menu a {
    height: 38px;
    margin: 4px 0 0;
    width: 49%;
    justify-content: center;
  }
  .pro-parameter-info-items ul {
    margin: -15px 0 0 -15px;
  }
  .pro-parameter-info-items li {
    width: calc(50% - 15px);
    margin: 15px 0 0 15px;
  }
  .pro-parameter-info-download {
    height: 40px;
    width: 240px;
  }
  .brand-about-intr-wrap {
    margin-top: 28px;
  }
  .brand-about-num ul {
    margin-top: -20px;
  }
  .brand-about-num li {
    flex: auto;
    width: 50%;
    margin-top: 20px;
    padding: 0;
    text-align: left;
  }
  .brand-about-num li::before,
  .brand-about-num li:last-child:after {
    display: none;
  }
  .brand-about-num li .num {
    justify-content: flex-start;
  }
  .brand-about-num li .text {
    margin-top: 6px;
  }
  .brand-phylogeny-loop-cont .name {
    font-size: 32px;
  }
  .brand-phylogeny-loop-cont .hint {
    margin: 18px 0 6px;
  }
  .brand-phylogeny-menu {
    height: auto;
    top: auto;
    bottom: 24px;
    left: 0;
  }
  @keyframes phylogenyRun {
    0% {
      opacity: 0;
      transform: translateY(60px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .brand-phylogeny-menu .contain {
    justify-content: center;
  }
  .brand-phylogeny-menu ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .brand-phylogeny-menu li {
    margin: 0 12px;
  }
  .brand-phylogeny-menu li i::after {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
  }
  .brand-phylogeny-menu li span {
    display: none;
  }
  .brand-phylogeny-menu li i {
    margin-left: 0;
  }
  .brand-qualification-head-link {
    width: calc(100% - 120px);
  }
  .brand-qualification-loop .link {
    padding: 10px 24px 0;
  }
  .brand-about-num {
    margin-top: 26px;
  }
  .brand-phylogeny-loop img {
    min-height: 360px;
  }
  .brand-social-desc {
    line-height: 24px;
  }
  .brand-social-list ul {
    margin-left: 0;
  }
  .brand-social-list li {
    width: 100% !important;
    margin-left: 0;
  }
  .brand-social-list-cont {
    bottom: 16px;
    padding: 0 20px;
  }
  .brand-development-cont .text {
    line-height: 24px;
    margin-top: 14px;
  }
  .brand-development img {
    min-height: 380px;
  }
  .brand-development::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .case-cases-ul .swiper-wrapper {
    padding-bottom: 50px;
  }
  .case-cases-ul .swiper-pagination-bullet {
    margin: 0 8px !important;
  }
  .case-application-scene-head .sonTitle {
    width: 100%;
  }
  .case-application-scene-btn > div,
  .brand-qualification-head-btn > div {
    width: 42px;
    height: 42px;
    background-size: 16px;
    margin-left: 8px;
  }
  .case-application-scene-btn > div:first-child,
  .brand-qualification-head-btn > div:first-child {
    margin-left: 0;
  }
  .case-application-scene-btn {
    width: 100%;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .case-application-scene-loop {
    margin-top: 16px;
  }
  .brand-qualification-head .sonTitle {
    width: 100%;
  }
  .brand-qualification-head-btn {
    width: 120px;
    margin-left: 0;
    padding-left: 30px;
  }
  .brand-qualification-head-more {
    margin-top: 20px;
    width: 100%;
  }
  .brand-qualification-loop {
    margin-top: 16px;
  }
  .case-application-info {
    margin-top: 42px;
  }
  .case-application-info-cont {
    margin-top: 30px;
  }
  .case-application-info-cont .desc {
    margin-top: 14px;
    line-height: 24px;
  }
  .case-app-pic img.pc {
    display: none;
  }
  .case-app-pic img.mb {
    display: block;
  }
  .case-app.noheight .case-app-cont {
    padding: 0 14px;
  }
  .indxw-head-hint-li .text {
    font-size: 12px;
  }
  .indxw-head-hint {
    margin-bottom: 30px;
  }
  .brand-phylogeny-cont .text {
    line-height: 24px;
  }
  .brand-phylogeny-cont .name {
    margin-bottom: 10px;
  }
  .brand-phylogeny .thumbs-prev,
  .brand-phylogeny .thumbs-next {
    width: 34px;
    height: 34px;
    bottom: 3px;
  }
  .brand-phylogeny .gallery {
    margin-top: 4px;
  }
  .joinlm-cont {
    padding: 20px 16px;
  }
  .joinlm {
    margin-top: 24px;
  }
  .joinlm-cont-desc {
    line-height: 24px;
    margin-top: 12px;
  }
  .joinxq-head .sonTitle .text i {
    display: none;
  }
  .joinxq-head .sonTitle .text span {
    font-size: 14px;
    margin-left: 10px;
  }
  .joinxq-head .sonTitle .text a {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .joinxq-list-head li:nth-child(2),
  .joinxq-list-body a li:nth-child(2) {
    display: none;
  }
  .joinxq-list-head li:nth-child(3),
  .joinxq-list-body a li:nth-child(3) {
    display: none;
  }
  .joinxq-list-head li p {
    font-size: 16px;
  }
  .joinxq-list-head li:last-child,
  .joinxq-list-body a li:last-child {
    width: 100px;
  }
  .joinxq-list-head li:first-child,
  .joinxq-list-body a li:first-child {
    width: calc(100% - 100px);
  }
  .toPlace2 {
    top: -106px;
  }
}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots {
  position: absolute;
  top: 50%;
  padding: 0;
  text-align: left;
  width: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 50%;
  background: #d3d3d3;
  display: inline-block;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.owl-carousel .owl-dots .owl-dot.active span {
  width: 16px;
  height: 8px;
  background: #000;
  border-radius: 20px;
}
.owl-carousel .owl-nav i {
  font-size: 23px;
  color: #fff;
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  background: #000;
  width: 42px;
  height: 42px;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
}
.owl-carousel .owl-nav .owl-prev {
  background: #000;
  left: 20px;
  right: auto;
}
.owl-carousel .owl-nav .owl-next {
  right: 20px;
}
/* owl-carousel轮播插件 */

/* 产品详细页begin */
.product-description .padding-large {
  padding: 30px 0 0 30px;
}
.product-description .padding-large-top {
  padding: 0;
}
.product-description p {
  line-height: 24px;
}
.product-description .zoomimg {
  width: 474px;
} /* PC端独有 */

/* 产品详情TAB begin */
.product-overview .tab-head {
  border-radius: 0;
  font-size: 0;
  -webkit-text-size-adjust: none;
  width: 100%;
  border-bottom: 1px solid #efefef;
}
.product-overview .tab .tab-nav li {
  display: inline-block;
  width: 12%;
}
.product-overview .tab .tab-nav li a {
  margin-bottom: -1px;
  color: #6e6e6e;
  padding: 20px 0;
  display: block;
  line-height: 24px;
  border: 0;
  border-radius: 0;
  font-size: 18px;
  text-align: center;
}
.product-overview .tab .tab-nav .active {
  border-radius: 0px;
}
.product-overview .tab .tab-nav .active a {
  cursor: default;
  color: #ff9600;
  background: #fff;
  border-bottom: 3px solid #ff9600;
}
.product-overview .tab .tab-nav li a,
.product-overview .tab .tab-nav .active a:focus {
  outline: none;
}
.product-overview .tab .tab-body {
  padding: 0;
  border-radius: 0;
  border-top: solid 0px #ebebeb;
}
/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg {
  cursor: pointer;
  display: block;
}
.pro-thumb .item img {
  border: 1px solid #ececec;
}
.pro-thumb .item:hover img {
  border: 1px solid #ff9600;
}
.pro-thumb:hover .owl-nav .owl-prev,
.pro-thumb:hover .owl-nav .owl-next {
  opacity: 0.6;
}
/* 放大镜 end */

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar {
  position: sticky;
  top: 80px;
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}
.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 23px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.sidebar__title.clr-white {
  color: #ffffff;
  padding-bottom: 3px;
}
.sidebar__search {
  background-color: var(--thm-base);
  padding: 20px 30px;
}
.sidebar__search-form {
  position: relative;
}
.sidebar__search-form input[type='search'] {
  display: block;
  border: none;
  outline: none;
  background-color: #ffffff;
  color: var(--thm-gray);
  font-size: 16px;
  font-weight: 400;
  padding-left: 30px;
  height: 78px;
  border-radius: 0px;
  width: 100%;
  padding-right: 70px;
}
.sidebar__search-form ::-webkit-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}
.sidebar__search-form ::-moz-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}
.sidebar__search-form :-ms-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}
.sidebar__search-form ::-ms-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}
.sidebar__search-form ::placeholder {
  color: var(--thm-gray);
  opacity: 1;
}
.sidebar__search-form :-ms-input-placeholder {
  color: var(--thm-gray);
}
.sidebar__search-form ::-ms-input-placeholder {
  color: var(--thm-gray);
}
.sidebar__search-form button[type='submit'] {
  background-color: transparent;
  color: var(--thm-base);
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 70px;
  outline: none;
  border: none;
}
.sidebar__post {
  position: relative;
  display: block;
  padding: 45px 30px 20px;
  background-color: #f4f4f4;
}
.sidebar__post .sidebar__title {
  padding-left: 20px;
  margin-bottom: 5px;
}
.sidebar__post-list {
  margin: 0;
}
.sidebar__post-list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
  padding-bottom: 15px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post-list li:hover {
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.sidebar__post-list li:hover a,
.sidebar__post-list li a:hover {
  color: var(--thm-base);
}
.sidebar__post-list li + li {
  margin-top: 11px;
}
.sidebar__post-image {
  margin-right: 20px;
}
.sidebar__post-image > img {
  width: 70px;
  border-radius: 0px;
}
.sidebar__post-content h3 {
  color: var(--thm-black);
  font-size: 18px;
  margin: 0;
  line-height: 28px;
  font-weight: 400;
}
.sidebar__post-content .sidebar__post-content_meta {
  color: var(--thm-gray);
  font-size: 14px;
  display: block;
  font-weight: 400;
}
.sidebar__post-content .sidebar__post-content_meta i {
  margin-right: 5px;
  color: var(--thm-base);
}
.sidebar__post-content h3 {
  text-transform: unset;
}
.sidebar__post-content h3 a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-transform: uppercase;
  font-weight: 500;
}
.sidebar__post-content h3 a:hover {
  color: var(--thm-base);
}
.sidebar__category {
  position: relative;
  display: block;
  background: #f4f4f4;
  padding: 46px 30px 34px;
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 11px;
}
.sidebar__category-list {
  margin: 0;
}
.sidebar__category-list li + li {
  margin-top: 3px;
}
.sidebar__category-list li a {
  color: var(--thm-gray);
  font-size: 16px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 10px 20px;
  border-radius: 0px;
}
.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);
  color: var(--thm-base);
}
.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--thm-black);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  opacity: 0;
}
.sidebar__category-list li a:hover span {
  opacity: 1;
}

.product-overview .tab-head {
  border-radius: 0;
  font-size: 0;
  -webkit-text-size-adjust: none;
  width: 100%;
  border-bottom: 1px solid #efefef;
}
.product-overview .tab .tab-nav li {
  display: inline-block;
  width: 12%;
}
.product-overview .tab .tab-nav li a {
  margin-bottom: -1px;
  color: #6e6e6e;
  padding: 20px 0;
  display: block;
  line-height: 24px;
  border: 0;
  border-radius: 0;
  font-size: 18px;
  text-align: center;
}
.product-overview .tab .tab-nav .active {
  border-radius: 0px;
}
.product-overview .tab .tab-nav .active a {
  cursor: default;
  color: var(--thm-base);
  background: #fff;
  border-bottom: 3px solid var(--thm-base);
}
.product-overview .tab .tab-nav li a,
.product-overview .tab .tab-nav .active a:focus {
  outline: none;
}
.product-overview .tab .tab-body {
  padding: 0;
  border-radius: 0;
  border-top: solid 0px #ebebeb;
}
.indys {
  background:  url(../images/about/a9.jpg) bottom center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}
.brand-qualification .sonTitle .text::after,
.brand-linian .sonTitle .text::after,
.indys .sonTitle .text::after,
.brand-social .sonTitle .text::after {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    background: #ae0e28;
    margin-top: 15px;
    margin: 10px auto;
}
.aboutadv {
  margin-top: 40px;
  overflow: hidden;
}
.aboutadv_box {
  /* border: 1px #777777 solid; */
}
.aboutadv_box .link{
  padding: 0;
}
.aboutadv_box .link .img{
  padding: 0;
}
.aboutadv_box h2 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px #ccc solid;
}
.aboutadv_box p {
  color: #fff;
  line-height: 1.8;
}
.aboutadv-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.aboutadv-btn-next,
.aboutadv-btn-prev {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f4f4f4 url('../images/common/arrLH.svg') no-repeat center/20px auto;
  transition: all 0.4s ease;
  cursor: pointer;
}
.aboutadv-btn-next {
  transform: rotate(180deg);
  margin-left: 30px;
}
.aboutadv-btn-next:hover,
.aboutadv-btn-prev:hover {
  background-color: var(--thm-base);
  background-image: url('../images/common/arrLW.svg');
}
.tablejoblist {
  margin-top: 40px;
}
.tablejoblist thead {
  background: rgba(0, 148, 58, 1);
  color: #fff;
}
.tablejoblist thead td {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tablejoblist thead td:nth-of-type(1) {
  padding-left: 15px;
}
.tablejoblist tbody td {
  font-size: 16px;
}
.brand-social-list{
  border: 1px #eee solid;
}
.brand-social-list-box dl{
  display: flex;
  align-items: center;
  padding-left: 40px;
  margin: 20px 0 40px;
}
.brand-social-list-box dl dt{
  width:74px;
  margin-right: 15px;
}
.brand-social-list-box dl dd{
  color: #333;
}
.brand-social-list-box dl dd p{
  margin-top: 10px;
}

.brand-linian{
  width: 100%;
  background:#013f6f;
  overflow: hidden;
}
.brand-linian .sonTitle .text::after{
  background: #fff;
}
.brand-linian .brand-linian-box{
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  text-align:center;
}
.brand-linian-box-single{
  padding: 40px;
  border: 1px #fff solid;
  text-align: center;

}
.brand-linian-box-single h2{
  margin: 25px 0;
}
.brand-linian-box-single p{
  line-height:1.7
}
.brand-qualification-loop .swiper-container{
  overflow: hidden;
}
@media (max-width: 768px){
  .brand-linian .brand-linian-box{
    grid-template-columns: repeat(2, 1fr);
  }
  .brand-linian-box-single{
    padding: 20px;
  }
}
.indMore2 {
  align-items: center;
  color: #fff;
  font-family: 'SamsungOne700';
  border: 1px var(--thm-base) solid;
  border-radius: 22px;
  padding: 6px 20px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  transition: all 0.4s ease;
  width: 140px;
  font-size: 16px;
  background: var(--thm-base);
}
.indMore2 span {
  transition: all 0.4s ease;
  margin-right: 8px;
}
.indMore2 i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: url('../images/common/arrRW.svg') no-repeat center/16px auto;
  transition: all 0.4s ease;
}
.indMore2:hover {
  border-color: var(--thm-base);
  text-decoration: none;
  background: #fff;
}
.indMore2:hover span {
  color: var(--thm-base);
}
.indMore2:hover i {
  background-color: var(--thm-base);
}

.indMore2 {
  align-items: center;
  color: #fff;
  font-family: 'SamsungOne700';
  border: 1px var(--thm-base) solid;
  border-radius: 22px;
  padding: 6px 20px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  transition: all 0.4s ease;
  width: 140px;
  font-size: 16px;
  background: var(--thm-base);
}
.indMore2 span {
  transition: all 0.4s ease;
  margin-right: 8px;
}
.indMore2 i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: url('../images/common/arrRW.svg') no-repeat center/16px auto;
  transition: all 0.4s ease;
}
.indMore2:hover {
  border-color: var(--thm-base);
  text-decoration: none;
  background: #fff;
}
.indMore2:hover span {
  color: var(--thm-base);
}
.indMore2:hover i {
  background-color: var(--thm-base);
}
.newsxq-joblist {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  font-size: 16px;
}
.newsxq-joblist li {
  background: #f2f2f2;
  padding: 10px 0 10px 10px;
}
.newsxq-joblist .box {
  border: 1px #ccc solid;
  padding: 25px;
  background: #fff;
}
.newsxq-joblist .box h4 {
  font-size: 20px;
  margin-bottom: 15px;
}
.prenext-pro {
  font-size: 18px;
}
.prenext-pro a.button {
  height: 70px;
  line-height: 70px;
  padding: 0 25px;
}
.prenext-pro a.button:hover {
  background: var(--thm-base);
  color: #fff;
}
.prenext-pro a.border {
  border: 1px solid #eee;
}
.sonInfo {
  margin-top: 1.5rem;
}
.sonInfo .tag {
  font-size: 20px;
}
.sonInfo .tag a {
  border: 1px var(--thm-base) solid;
  padding: 4px 10px;
  border-radius: 4px;
}
.sonInfo .tag a:hover {
  background: var(--thm-base);
  color: #fff;
}
.page-detail__tel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-detail__tel a {
  display: flex;
  margin: 1.5rem 0;
}
.page-detail__tel .telss {
  margin-left: 15px;
}
.page-detail__tel .telss span {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: var(--thm-base);
}
.page-detail__tel a:hover {
  color: var(--thm-base);
}
.page-detail__tel .page-tel {
  margin-right: 40px;
}



.nprotitle{ margin-bottom:15px; position:relative}
.nprotitle h3{font-size:24px;color: #333; font-weight:bold}
.nprotitle h3 span{color: #e71e1d; font-size:.6em; font-weight:normal}
.nprotitle .anchor{top:-285px}

.nproducts .item{ background:#fff;margin-bottom:60px; position: relative; box-shadow: 0 0 10px #ccc; text-align:center; display:flex; display:-webkit-flex;}
.nproducts .nprotit{background: #575757; line-height:1.2;color:#fff; display:flex; display:-webkit-flex;}
.nproducts .nprotit li{ float:left; width:20%; border-right:solid 1px #797979; padding:5px 10px;height:48px;display: flex;display:-webkit-flex;align-items: center;justify-content: center;}
.nproducts .plleft{ float:left; width:20%;}
.nproducts .plright{ float:right; width:80%}
.nproducts .plcenter{ width:100%}
.nproducts .plleft .nprotit li{width:100%}
.nproducts .nprolist{ position:relative;}

.nproducts .item .ppic{position:relative; overflow:hidden; height:calc(100% - 48px);}
.nproducts .item .ppic:before{content:""; padding-top:75%; display:block}
.nproducts .item .ppic img{position:absolute; left:0;top:0;right:0;bottom:0; max-width:90%; max-height:90%; margin:auto; object-fit:contain;}
.nproducts .nprolist li{ display:block; width:100%;display:flex; display:-webkit-flex;}
.nproducts .nprolist li:nth-child(2n){ background:#f5f5f5;}
.nproducts .nprolist li span, .nproducts .item .nprolist li p{display: flex;display:-webkit-flex;align-items: center;justify-content:center;width:20%;padding:10px;word-break: break-word;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.nproducts .nprolist li a{ font-size:14px; color:#e71e1d;background: url(../images/bnext02.png) no-repeat 90% center;background-size: 6px auto; display:inline-block; padding-right:25px; transition: 0.5s;}
.nproducts .nprolist li:hover a{background: url(../images/bnext02.png) no-repeat right center;background-size: 6px auto;}
.nproducts .nprolist img{ max-width:50%}

.plright .canshu table{ width:100%}
.plright .canshu th{background: #575757;line-height: 1.2;color: #fff; font-weight:normal;}
.plright .canshu th p{padding:5px 10px;height:48px;display: flex;display:-webkit-flex;align-items: center;justify-content: center;}
.plright .canshu th{border:solid 1px #797979;border-top: 0;border-bottom: 0;}
.plright .canshu th:first-child{ border-left:0}
.plright .canshu tr:nth-child(2n){ background:#f5f5f5}
.plright .canshu td{padding:8px 15px; white-space:nowrap; border:1px solid #ebebeb}
.plright-NGS .canshu th.gzjb{line-height:1.4;}
.plright-NGS .canshu .firstRow th.gzjb{border-bottom:solid 1px #797979;}
.plright-NGS .canshu th.gzjb p{ height:auto; padding:0 10px;}


@media screen and (max-width: 1240px){
  .nproducts{ font-size:14px}
.nproducts_2{ font-size:1em}
.nproducts .item{ margin-bottom:40px}
.nproducts .nprolist li a{ font-size:12px;background-size: 4px auto;padding-right: 15px;}
.nproducts .nprolist li:hover a{background-size: 4px auto;}
.plright .canshu th p, .nproducts .nprotit li{ height:auto;min-height:48px}
.plright-NGS .canshu th.gzjb p{min-height: auto;}
.nprotitle .anchor{top:-170px}
.pdetail #npdtabcontent ul img{ max-width:100%}
.plright-NHJ .nproInfor h3{ font-size:1.3em}
.plright-NHJ .nproInfor li{padding-left: 12px;}
.plright-NHJ .nproInfor li:before{top:10px}
.nproducts .plright{ overflow-x:auto}
}
@media screen and (max-width: 768px){
  .tableBox{ overflow-x:auto}
.nproducts .item{ margin-bottom:30px;display: block;}
.nprotitle h3{ font-size:1.5em}
.nproducts .item .plleft{ float:none; width:100%}
.nproducts .item .plleft .nprotit span{ width:100%}
.nproducts .plright{ float:none; width:100%; overflow-x:auto}
.nproducts .plcenter{overflow-x:auto}
.nproducts .item .ppic{ height:auto}
.nproducts .nprotit li, .nproducts .nprolist li span, .nproducts .item .nprolist li p{flex-shrink: 0;}
.nproducts .plright .nprotit li, .nproducts .plcenter .nprotit li{background: #575757;}
.nproducts .nprolist li:nth-child(2n) span, .nproducts .nprolist li:nth-child(2n) p{ background:#f5f5f5}
.nproducts_2 .plleft{ width:48%}
.nproducts_2 .item_2 .nprotit li{ font-size:1.15em}
.plright .canshu{ overflow-x:auto}
.pronav{ overflow:auto;justify-content:flex-start}
.pronav .item{ width:auto; margin-left:1em;}
.pronav .item:last-child{ padding-right:1em}
.pronav .item h3, .pronav .item p{ white-space:nowrap}
.nproducts .nprolist img{ max-width:80%; margin:0 auto; display:block}
.plright-NHJ .nproInfor{ padding:1.5em}
.plright .canshu td{ min-width:60px; padding:8px 10px}
}