.textEellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearF:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.userSelect {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.totalIconCss {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("../fonts/OpenSans/OpenSans-Semibold.ttf") format('opentype');
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Extra-Bold';
  src: url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
.resource-module {
  padding: 80px 0;
}
.resource-module .menu-head {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.resource-module .menu-head .tab-el {
  font-size: 20px;
  line-height: 28px;
  cursor: pointer;
  padding-bottom: 12px;
  position: relative;
}
.resource-module .menu-head .tab-el:after {
  width: 0;
  height: 2px;
  content: '';
  display: block;
  background: #C3181F;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.resource-module .menu-head .tab-el.active {
  color: #C3181F;
  font-family: 'OpenSans-Extra-Bold';
}
.resource-module .menu-head .tab-el.active:after {
  width: 100%;
}
.resource-module .hub-item {
  display: flex;
  gap: 40px;
}
.resource-module .hub-item.news .new-list {
  width: 440px;
  height: 300px;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .new-list:hover {
  border: 1px solid #C3181F;
}
.resource-module .hub-item.news .new-list:hover:before {
  background: #fff;
}
.resource-module .hub-item.news .new-list:hover .new-pic {
  display: none;
}
.resource-module .hub-item.news .new-list:hover .new-info .new-time {
  color: #313131;
}
.resource-module .hub-item.news .new-list:hover .new-info .news-title {
  color: #1d1d1d;
}
.resource-module .hub-item.news .new-list:hover .new-info .mark,
.resource-module .hub-item.news .new-list:hover .new-info .news-des {
  color: #626262;
}
.resource-module .hub-item.news .new-list:hover .new-info .read-more {
  color: #C3181F;
}
.resource-module .hub-item.news .new-list:before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .new-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .new-info {
  width: 100%;
  height: 100%;
  padding: 40px 20px 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.resource-module .hub-item.news .new-time {
  color: #cccccc;
  font-family: 'OpenSans-Extra-Bold';
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .mark {
  color: #cccccc;
  font-family: 'OpenSans-Regular';
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .news-title {
  font-family: 'OpenSans-Extra-Bold';
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .news-des {
  color: #cccccc;
  font-size: 16px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.news .read-more {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.faq {
  flex-direction: column;
}
.resource-module .hub-item.faq .active {
  padding: 40px;
  background: #f8f8f8;
  box-shadow: 8px 8px 20px rgba(51, 51, 51, 0.1) inset, -10px -10px 20px rgba(255, 255, 255, 0.4) inset;
}
.resource-module .hub-item.faq .active .faq-head {
  padding: 0;
}
.resource-module .hub-item.faq .active .add-icon {
  transform: rotate(45deg);
}
.resource-module .hub-item.faq .active .faq-des {
  margin-top: 20px;
  visibility: visible;
  opacity: 1;
  max-height: 200px;
}
.resource-module .hub-item.faq .faq-head {
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.resource-module .hub-item.faq .faq-title {
  color: #313131;
  font-family: 'OpenSans-Extra-Bold';
  font-size: 16px;
  line-height: 24px;
}
.resource-module .hub-item.faq .add-icon {
  background: url("data:image/webp;base64,UklGRkIAAABXRUJQVlA4TDYAAAAvE8AEEB8wowISgv8bXNWoCgSS/SkzOaCdGCBqJDUjAhEYOpwhrYr6Q0FE/4OGOpok+x/FUQM=") no-repeat center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.faq .faq-des {
  color: #626262;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 24px;
}
.resource-module .hub-item.blog {
  display: unset;
}
.resource-module .hub-item.blog .blog-region {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}
.resource-module .hub-item.blog .blog-item {
  width: 440px;
  height: 474px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 6px 6px 20px rgba(51, 51, 51, 0.16);
}
.resource-module .hub-item.blog .blog-item:hover .blog-pic img {
  transform: scale(1.03);
}
.resource-module .hub-item.blog .blog-pic {
  width: 100%;
  height: 246px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}
.resource-module .hub-item.blog .blog-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.blog .blog-title {
  color: #313131;
  font-family: 'OpenSans-Extra-Bold';
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.resource-module .hub-item.blog .blog-des {
  color: #626262;
  height: 64px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.resource-module .hub-item.blog .blog-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resource-module .hub-item.blog .img-el {
  display: flex;
  gap: 4px;
  align-items: center;
}
.resource-module .hub-item.blog .blog-img {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.resource-module .hub-item.blog .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resource-module .hub-item.blog .blog-name {
  color: #929292;
  font-size: 12px;
  line-height: 18px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.resource-module .hub-item.blog .blog-time {
  color: #929292;
  font-size: 12px;
  line-height: 18px;
}
.resource-module .hub-item.blog .read-more {
  text-align: center;
}
.resource-module .hub-item.blog .read-more a {
  display: inline-block;
  color: #626262;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.resource-module .hub-item.blog .read-more a:hover {
  color: #C3181F;
}
.chat-module {
  padding: 80px 0;
  min-width: 1440px;
  background: linear-gradient(87.61deg, #fff5f0 0%, #fff4fb 135.88%);
}
.chat-module .commit-title {
  margin-bottom: 10px;
}
.chat-module .chart-row {
  display: flex;
  gap: 80px;
  justify-content: center;
}
.chat-module .chart-row a {
  color: #1d1d1d;
  font-size: 16px;
  line-height: 16px;
  padding: 21px 80px;
  border: 1px solid #C3181F;
  border-radius: 38px;
  transition: all 0.3s ease-in-out;
}
.chat-module .chart-row a:hover {
  color: #fff;
  background: #C3181F;
}
.chat-module .note-txt {
  font-size: 14px;
  height: 42px;
  text-align: center;
  color: #626262;
  margin-bottom: 64px;
}
.theJumpBtn .the-btn {
  height: 52px;
  min-width: 224px;
  text-align: center;
  line-height: 50px;
  padding: 0 40px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: 'OpenSans-Regular';
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.theJumpBtn .the-btn.btn-red {
  background: #C3181F;
  border: 1px solid #C3181F;
}
.theJumpBtn .the-btn.btn-red:hover {
  background: rgba(195, 24, 31, 0.8);
  border: 1px solid rgba(195, 24, 31, 0.8);
}
.theJumpBtn .the-btn.btn-white {
  color: #C3181F;
  border: 1px solid #C3181F;
}
.theJumpBtn .the-btn.btn-white:hover {
  color: #fff;
  background: #C3181F;
}
.theJumpBtn .the-btn.btn-lucency {
  border: 1px solid #fff;
}
.theJumpBtn .the-btn.btn-lucency:hover {
  background: #C3181F;
  border: 1px solid #C3181F;
}
.banner-module {
  width: 100%;
  min-width: 1400px;
  height: 516px;
  background: url(../images/advanced-pcbV2/banner-bg.webp) no-repeat center #141414;
  background-size: 100% 100%;
}
.banner-module .banner-title {
  font-size: 40px;
  color: #fff;
  font-family: 'OpenSans-Extra-Bold';
  margin-bottom: 40px;
  padding-top: 100px;
}
.banner-module .banner-des {
  color: #f0f0f0;
  font-size: 16px;
  line-height: 24px;
  max-width: 1000px;
  margin-bottom: 34px;
}
.banner-module .banner-des .free-to {
  margin-top: 10px;
}
.banner-module .banner-btn {
  display: flex;
  gap: 20px;
}
.banner-module .the-btn {
  height: 52px;
  min-width: 224px;
  text-align: center;
  line-height: 50px;
  padding: 0 40px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: 'OpenSans-Regular';
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.banner-module .the-btn.btn-red {
  background: #C3181F;
  border: 1px solid #C3181F;
}
.banner-module .the-btn.btn-red:hover {
  background: rgba(195, 24, 31, 0.8);
  border: 1px solid rgba(195, 24, 31, 0.8);
}
.banner-module .the-btn.btn-white {
  color: #C3181F;
  border: 1px solid #C3181F;
}
.banner-module .the-btn.btn-white:hover {
  color: #fff;
  background: #C3181F;
}
.banner-module .the-btn.btn-lucency {
  border: 1px solid #fff;
}
.banner-module .the-btn.btn-lucency:hover {
  background: #C3181F;
  border: 1px solid #C3181F;
}
.advanced-page * {
  box-sizing: border-box;
  font-family: 'OpenSans-Regular';
}
.advanced-page .commit-title {
  margin-bottom: 60px;
  text-align: center;
}
.advanced-page .commit-title .title {
  color: #1d1d1d;
  font-size: 40px;
  line-height: 40px;
  font-family: 'OpenSans-Extra-Bold';
}
.advanced-page .commit-title .des {
  color: #626262;
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
}
.capabilities-tables table {
  width: 100%;
  border-collapse: collapse;
}
.capabilities-tables thead th {
  background: #313131;
  padding: 19px 20px;
  color: #fff;
  font-size: 16px;
  font-family: 'OpenSans-Bold';
  width: 354px;
}
.capabilities-tables thead th:first-child {
  border-radius: 16px 0 0 0;
}
.capabilities-tables thead th:nth-child(2) {
  border-left: 8px solid #fff;
  border-right: 8px solid #fff;
}
.capabilities-tables thead th:last-child {
  border-radius: 0 16px 0 0;
  background: #C3181F;
  width: auto;
}
.capabilities-tables tr {
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}
.capabilities-tables tr td {
  background: #e7e7e7;
}
.capabilities-tables tr.bg1 td {
  background: #f0f0f0;
}
.capabilities-tables tr:last-child {
  border-bottom: 2px solid transparent;
}
.capabilities-tables tr:last-child td:first-child {
  border-radius: 0 0 0 16px;
}
.capabilities-tables tr:last-child td:last-child {
  border-radius: 0 0 16px 0;
}
.capabilities-tables tr.merge:first-child td:last-child {
  border-left: 8px solid #fff;
}
.capabilities-tables tr.merge td:first-child {
  font-family: 'OpenSans-Regular';
  border-left: 8px solid #fff;
}
.capabilities-tables tr.merge td:nth-child(2) {
  border-right: 0;
}
.capabilities-tables tr.merge td[rowspan="4"] {
  border-left: none;
}
.capabilities-tables td {
  padding: 12px 20px;
  font-size: 16px;
  color: #101010;
}
.capabilities-tables td:first-child {
  font-family: 'OpenSans-Bold';
}
.capabilities-tables td:nth-child(2) {
  border-left: 8px solid #fff;
  border-right: 8px solid #fff;
}
.choose-module {
  padding: 80px 0;
}
.choose-module .commit-title {
  margin-bottom: 40px;
}
.choose-module .choose-reason {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}
.choose-module .reason-el {
  flex: 1;
}
.choose-module .reason-head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.choose-module .reason-head img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-right: 20px;
}
.choose-module .reason-head .txt {
  font-size: 20px;
  color: #313131;
  font-family: 'OpenSans-Bold';
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.choose-module .reason-body {
  color: #626262;
  font-size: 14px;
  line-height: 21px;
}
.material-module {
  padding: 80px 0;
}
.material-module .commit-title {
  margin-bottom: 60px;
}
.material-module .material-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 60px;
  margin-bottom: 40px;
}
.material-module .material-switch .switch-el {
  font-size: 20px;
  color: #313131;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.material-module .material-switch .switch-el.active {
  font-weight: bold;
  color: #C3181F;
  border-bottom-color: #C3181F;
}
.material-module .material-swiper-box {
  display: flex;
}
.material-module .material-swiper-box .swiper-material {
  display: flex;
  gap: 0 40px;
}
.material-module .material-swiper-box .material-nav {
  width: 300px;
}
.material-module .material-swiper-box .nav-el {
  padding: 13px 20px;
  font-size: 20px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.material-module .material-swiper-box .nav-el.active {
  font-weight: 700;
  color: #C3181F;
  border: 1px solid #f0f0f0;
  box-shadow: 8px 8px 20px #3333330f, -8px -8px 20px #ffffff66;
}
.material-module .material-swiper-box .material-info {
  width: 1060px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  box-shadow: 8px 8px 20px #3333330f, -8px -8px 20px #ffffff66;
  display: flex;
}
.material-module .material-swiper-box .material-info .graphic-pic {
  width: 550px;
  height: 448px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.material-module .material-swiper-box .material-info .graphic-pic img {
  object-fit: cover;
}
.material-module .material-swiper-box .material-info .view-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: inherit;
  width: 510px;
  box-sizing: border-box;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
  color: #313131;
}
.material-module .material-swiper-box .material-info .view-info ol {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin-bottom: 30px;
}
.material-module .material-swiper-box .material-info .view-info .view-group {
  display: flex;
  gap: 0 20px;
  justify-content: center;
}
.material-module .material-swiper-box .material-info .view-info .view-group a {
  width: 204px;
  text-align: center;
  padding: 18px 10px;
  border-radius: 4px;
  border: 1px solid #c3181f;
  box-sizing: border-box;
  color: #C3181F;
}
.material-module .material-swiper-box .material-info .view-info .view-group a.primary {
  background: #C3181F;
  color: #fff;
}
.showcase-module {
  padding: 80px 0;
  background: #f8f8f8;
}
.showcase-module .commit-title {
  margin-bottom: 100px;
}
.showcase-module .showcase-swiper {
  height: 324px;
  margin-bottom: 100px;
}
.showcase-module .showcase-swiper .swiper-slide {
  width: auto;
  min-width: fit-content;
  display: flex;
  height: 268px;
  flex-direction: column;
  align-items: center;
}
.showcase-module .showcase-swiper .case-pic {
  height: 160px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.showcase-module .showcase-swiper .case-pic img {
  object-fit: cover;
}
.showcase-module .showcase-swiper .case-title {
  color: #313131;
  font-size: 16px;
  font-family: 'OpenSans-Bold';
  margin-bottom: 10px;
  text-align: center;
}
.showcase-module .showcase-swiper .case-txt {
  width: 180px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
}
.showcase-module .showcase-swiper .btn-nav {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 1;
}
.showcase-module .showcase-swiper .swiper-pagination {
  position: unset;
  display: flex;
  align-items: center;
  gap: 20px;
}
.showcase-module .showcase-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(204, 204, 204, 0.95);
  opacity: 1;
}
.showcase-module .showcase-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #C3181F;
}
.showcase-module .showcase-swiper .btn {
  background: url("../images/advanced-pcbV2/left-arrow-icon.png") no-repeat center;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
.showcase-module .showcase-swiper .btn.next {
  transform: rotate(180deg);
}
.capabilities-module {
  padding: 80px 0;
  background: #f8f8f8;
  min-width: 1400px;
}
.capabilities-module .capabilities-tables {
  margin-bottom: 20px;
}
.capabilities-module .view-full {
  display: flex;
  width: fit-content;
  margin: 0 auto 10px;
  border: 1px solid #C3181F;
  padding: 0 40px;
  color: #C3181F;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
}
.capabilities-module .full-txt {
  font-size: 14px;
  line-height: 21px;
  color: #626262;
  text-align: center;
}
.solutions-module {
  padding: 80px 0 0 0;
}
.solutions-module .view-solutions {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.solutions-module .view-solutions .solutions-el {
  width: 335px;
  height: 412px;
}
.solutions-module .view-solutions .solutions-el:hover {
  background: #f8f8f8;
}
.solutions-module .view-solutions .el-pic {
  height: 208px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.solutions-module .view-solutions .el-pic img {
  max-width: 100%;
  object-fit: cover;
}
.solutions-module .view-solutions .el-wrap {
  padding: 0 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.solutions-module .view-solutions .el-title {
  font-size: 20px;
  color: #313131;
  font-family: 'OpenSans-Bold';
}
.solutions-module .view-solutions .el-txt {
  font-size: 14px;
  color: #626262;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.solutions-module .view-solutions .el-more {
  font-size: 14px;
  color: #313131;
  width: fit-content;
  border-bottom: 1px solid #626262;
}
.solutions-module .view-solutions .el-more .arrow-el {
  display: inline-block;
  margin-left: 2px;
  transition: all 0.3s linear;
}
.solutions-module .view-solutions .el-more:hover {
  color: #C3181F;
  border-bottom-color: #C3181F;
}
.solutions-module .view-solutions .el-more:hover .arrow-el {
  margin-left: 8px;
}
/*# sourceMappingURL=advanced-pcbV2.css.map */