html {
  scroll-padding-top: 100px;
}

/*slick 修整*/
.slick-track .slick-slide {
  display: block !important;
}

.slick-slider {
  position: relative;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  opacity: 0;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  z-index: -2;
  top: 50%;
  transform: translateY(-50%);
}

.slick-slider .slick-prev {
  left: 0;
}

.slick-slider .slick-next {
  right: 0;
}

.slick-dots {
  text-align: center;
  margin-top: 15px;
  --wh: 10px;
  --margin-x: 6px;
  --bg: #d9d9d9;
}

.slick-dots li {
  display: inline-block;
  width: var(--wh);
  height: var(--wh);
  margin: 0 var(--margin-x);
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--bg);
}

.slick-dots li.slick-active {
  background-color: var(--primary);
}

.slick-dots li button {
  color: transparent !important;
  display: none;
}

/*slick 修整 end*/
.con1300 {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding: 0 0px;
}

.text-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

@media screen and (max-width: 768px) {
  .con1300 {
    width: 100%;
    padding: 0 20px;
  }
}

.img_box {
  position: relative;
  overflow: hidden;
  display: block;
}

.img_box img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.5s;
}

.index-news {
  padding: 80px 0;
  background-color: #E6F3FF;
}

@media screen and (max-width: 768px) {
  .index-news {
    padding: 50px 0;
  }
}

.mod-title {
  text-align: center;
}

.mod-title .title {
  font-size: 40px;
  font-weight: 700;
  color: #0066FF;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .mod-title .title {
    font-size: 28px;
  }
}

.mod-title p {
  color: var(--gray-500);
  font-size: 24px;
  margin-top: 14px;
}

@media screen and (max-width: 768px) {
  .mod-title p {
    font-size: 16px;
  }
}

.index-news-nav {
  margin-top: 30px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .index-news-nav {
    gap: 15px;
  }
}

.index-news-nav .items a {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  min-width: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 25px;
  border-radius: 50px;
  background: #3B82F6;
  cursor: pointer;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .index-news-nav .items a {
    font-size: 16px;
    padding: 12px 22px;
  }
}

.index-news-nav .items a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.index-news-nav .items:hover a {
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.index-news-nav .items:hover a::before {
  left: 100%;
}

.index-news-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.index-news-content .img_box {
  padding-top: 71%;
  flex-shrink: 0;
}

.index-news-content .conts {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.index-news-content .times {
  width: 100px;
  flex-shrink: 0;
  background: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.index-news-content .times p {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}

.index-news-content .times p:first-child {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid #fff;
}

.index-news-content .infos {
  padding: 15px 20px;
  background-color: #fff;
  flex-grow: 1;
}

.index-news-content .tits {
  font-size: 20px;
  line-height: 1.55;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.index-news-content .texts {
  margin-top: 2px;
  font-size: 16px;
  color: #555;
  line-height: 1.65;
  -webkit-line-clamp: 1;
}

.index-news-content .links {
  display: inline-block;
  font-size: 16px;
  color: #0066FF;
  margin-top: 10px;
  text-decoration: none;
}

.index-news-content .links:hover {
  text-decoration: underline;
}

.index-news-content:hover .img_box img {
  transform: scale(1.1);
}

.index-news-list {
  margin: 0 -15px;
}

.index-news-item {
  padding: 0 15px;
}

.index-news-slick {
  margin-top: 45px;
}

.index-news-list .slick-dots,
.about-honors .slick-dots {
  margin-bottom: 0;
  margin-top: 20px;
}

.index-news-list .slick-dots li,
.about-honors .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #d3d3d3;
  transition: all 0.5s;
}

.index-news-list .slick-dots li.slick-active,
.about-honors .slick-dots li.slick-active {
  background-color: #0066FF;
}

.page-banner {
  position: relative;
}

.page-banner .img_box {
  padding-top: 15.625%;
  z-index: 1;
}

.page-banner .img_box img {
  width: 100%;
  height: 100%;
}

.page-banner-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.page-banner-content .tits {
  font-size: 50px;
  color: #fff;
  font-weight: 700;
}

.page-banner-content .texts {
  font-size: 18px;
  line-height: 1.65;
  margin-top: 10px;
  width: 700px;
  max-width: 100%;
  color: #fff;
}

.braed-nav {
  padding-top: 20px;
  background: #fff;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.braed-nav ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.braed-nav li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.braed-nav li:last-child span {
  display: none;
}

.braed-nav a,
.braed-nav span {
  font-size: 16px;
  line-height: 1.65;
  color: #333;
  text-decoration: none;
}

.braed-nav a:hover {
  text-decoration: underline;
}

.braed-nav span {
  margin: 0 6px;
  font-size: 18px;
}

#contact .flex {
  display: flex;
  justify-content: space-between;
}

#contact .left {
  width: 65%;
}

#contact .left .message-card {
  height: 100%;
}

#contact .right {
  width: 32.5%;
  border-radius: 10px;
  background: #0066FF;
  padding: 25px 30px;
}

#contact .right .infos {
  margin-bottom: 15px;
}

#contact .right .message-titles {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.55;
  margin-bottom: 0;
}

#contact .right .message-descs {
  margin-top: 5px;
  color: #fff;
  line-height: 1.65;
}

.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  margin-bottom: 20px;
}

.contact-list li .keys {
  display: flex;
  align-items: center;
}

.contact-list li .keys .iconfont {
  color: #fff;
  font-size: 18px;
}

.contact-list li .keys p {
  margin: 0 5px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}

.contact-list li .vals {
  margin-top: 4px;
}

.contact-list li .vals a,
.contact-list li .vals p {
  color: #fff;
  font-size: 16px;
  line-height: 1.65;
  margin-bottom: 0;
  text-decoration: none;
}

.contact-list li .vals a:hover {
  text-decoration: underline;
}

.contact-list li:last-child {
  margin-bottom: 0;
}

.contact-section,
.news-sections,
.products-main {
  padding-top: 60px;
  padding-bottom: 80px;
}

.map-section {
  border-radius: 50px 50px 0 0;
  overflow: hidden;
}

.map-section img {
  width: 100%;
}

.news-sections .flex {
  display: flex;
  align-items: flex-start;
}

.news-sections .left {
  width: 330px;
  position: sticky;
  left: 0;
  top: 80px;
  background-color: #EDF4FF;
  padding: 30px;
  border-radius: 20px;
}

.news-sections .left>.tits {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 15px;
  margin-top: 20px;
}

.news-sections .left>.tits:first-child {
  margin-top: 0;
}

.news-sections .right {
  width: calc(100% - 330px);
  padding-left: 30px;
}

.news-navs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-navs-link {
  padding: 12px 24px;
  border-radius: 50px;
  background: #0066FF;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.55;
  text-decoration: none;
  text-align: center;
  min-width: 100px;
}

.news-navs-link:hover {
  background: #222;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.news-navs-item.active .news-navs-link {
  background: #222;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.page-news-lists {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px -30px;
}

.page-news-lists .index-news-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.page-news-items {
  width: 33.333333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.mod-page {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin-top: 45px;
}

.mod-page span {
  font-size: 20px;
}

.mod-page a,
.mod-page p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #eeeeee;
  color: #222;
  font-size: 18px;
  transition: all 0.5s;
  text-decoration: none;
}

.mod-page a:hover,
.mod-page a:hover span {
  color: #fff;
}

.mod-page a:hover {
  background-color: #0066FF;
}

.mod-page li.active a {
  background-color: #0066FF;
  color: #fff;
}

.mod-page-prev {
  transform: rotate(180deg);
}

.about-main * {
  box-sizing: border-box;
}

.about-main {
  background-color: #F7F9FB;
  padding-top: 60px;
  padding-bottom: 80px;
}

.about-main .flex {
  display: flex;
  align-items: flex-start;
}

.about-main .flex .left {
  width: 330px;
  position: sticky;
  left: 0;
  top: 80px;
}

.about-main .flex .right {
  width: calc(100% - 330px);
  padding-left: 30px;
}

.about-company {
  position: relative;
  z-index: 1;
}

.about-company>img {
  width: 70%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.about-navbox {
  border: 2px solid #E2E8F0;
  padding: 18px 22px;
  border-radius: 15px;
}

.about-navbox .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.65;
  color: #333;
  padding-left: 16px;
  position: relative;
}

.about-navbox .title::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 26px;
  background-color: #0066FF;
}

.about-nav {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.about-nav-item {
  margin-bottom: 14px;
}

.about-nav-item>a {
  padding: 13px 20px;
  transition: all 0.5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 10px;
  font-size: 18px;
  line-height: 1.65;
  color: #444;
  font-weight: bold;
  background: #ffffff;
  text-decoration: none;
}

.about-nav-item.active>a,
.about-nav-item:hover>a {
  background: #0066FF;
  color: #fff;
}

.about-nav-second {
  padding: 5px 0 0;
}

.about-nav-second a {
  text-decoration: none;
  color: #444;
  font-size: 16px;
  line-height: 1.65;
  display: inline-block;
  padding: 6px 15px;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
  margin-left: 20px;
}

.about-nav-second a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0066FF;
  left: 0;
  top: 15px;
}

.about-nav-second a:hover {
  color: #0066FF;
}

.about-mod {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 30px 30px;
  margin-bottom: 40px;
}

.about-titles {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  line-height: 1.45;
  position: relative;
  padding-left: 15px;
}

.about-titles::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 28px;
  background-color: #0066FF;
}

.about-info {
  position: relative;
  z-index: 1;
}

.about-info img {
  position: absolute;
  width: 40%;
  top: 0;
  right: 0;
  z-index: -1;
}

.about-info .flexs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 18px;
}

.about-info .lefts {
  width: 100%;
}

.about-info .lefts p {
  margin-bottom: 10px;
}

.about-info .lefts p:last-child {
  margin-bottom: 0;
}

.about-corporate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.about-corporate .lefts {
  width: 48%;
  padding: 25px 25px;
  background-color: #E5EEFF;
  border-radius: 10px;
}

.about-corporate .lefts .tits {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  color: #222;
}

.about-corporate .lefts .about-corporate-list {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.about-corporate .lefts .about-corporate-item {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background-color: #fff;
  border-left: 3px solid #0066FF;
  margin-bottom: 12px;
}

.about-corporate .lefts .about-corporate-item img {
  width: 22px;
}

.about-corporate .lefts .about-corporate-item .contents {
  width: calc(100% - 22px);
  padding-left: 15px;
}

.about-corporate .lefts .about-corporate-item .contents .t_en {
  color: #222;
}

.about-corporate .lefts .about-corporate-item .contents .t_cn {
  color: #777;
  font-size: 14px;
}

.about-corporate .lefts .about-corporate-item .contents p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.about-corporate .lefts .about-corporate-item:last-child {
  margin-bottom: 0;
}

.about-corporate .rights {
  width: 48%;
  padding: 15px 0px;
}

.about-corporate .rights p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.65;
}

.about-corporate .rights p:last-child {
  margin-bottom: 0;
}

.about-structure {
  margin-top: 40px;
}

.about-structure .tit-group p {
  font-size: 16px;
  line-height: 1.65;
  color: #444;
  margin-top: 10px;
  width: 600px;
  max-width: 100%;
}

.about-structure .imgs {
  margin-top: 0px;
}

.about-structure .imgs img {
  width: 100%;
  margin-bottom: 10px;
}

.about-structure .imgs img:last-child {
  margin-bottom: 0;
}

.about-structure,
.about-business {
  margin-top: 40px;
}

.about-structure .tits,
.about-business .tits {
  font-size: 26px;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
}

.about-business .about-business-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  margin-bottom: -24px;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  flex-wrap: wrap;
}

.about-business .about-business-item {
  width: 50%;
  padding: 0 12px;
  margin-bottom: 24px;
}

.about-business .about-business-content {
  padding: 40px 30px;
  background-color: #E5EEFF;
  border-radius: 10px;
  height: 100%;
}

.about-business .about-business-content .icons {
  width: 38px;
}

.about-business .about-business-content .icons img {
  width: 100%;
}

.about-business .about-business-content .tits {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5;
  color: #222;
  margin-top: 18px;
}

.about-business .about-business-content .texts {
  margin-top: 8px;
}

.about-business .about-business-content .texts p {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 0;
}

.about-history-list {
  margin-top: 30px;
  position: relative;
  z-index: 1;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.about-history-list::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 9px;
  top: 0;
  background-color: #e4e4e4;
}

.about-history-item {
  margin-bottom: 30px;
  padding-left: 40px;
  position: relative;
  z-index: 2;
}

.about-history-item::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #b1d0ff;
  background-color: #0066FF;
  left: 0;
  top: 6px;
  z-index: 10;
}

.about-history-item .time {
  font-size: 26px;
  font-weight: bold;
  color: #0066FF;
  line-height: 1.35;
  margin-right: 20px;
  flex-shrink: 0;
}

.about-history-item .info {
  flex-grow: 1;
  margin-top: 6px;
}

.about-history-item .info p {
  font-size: 16px;
  color: #333;
  line-height: 1.65;
  margin-bottom: 8px;
}

.about-history-item .info p:last-child {
  margin-bottom: 0;
}

.about-history-item:last-child {
  margin-bottom: 0;
}

.about-cultures-group1 {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -15px -30px;
}

.about-cultures-group1 .items {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.about-cultures-group1 .items.blocks {
  width: 100%;
}

.about-cultures-group1 .conts {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  padding: 30px 20px;
  height: 100%;
}

.about-cultures-group1 .icons {
  width: 34px;
}

.about-cultures-group1 .icons svg {
  width: 100%;
}

.about-cultures-group1 .icons svg path {
  fill: #0066FF;
}

.about-cultures-group1 .tits {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 20px;
}

.about-cultures-group1 .texts {
  margin-top: 10px;
}

.about-cultures-group1 .texts,
.about-cultures-group1 .texts p {
  font-size: 16px;
  color: #444;
  line-height: 1.65;
}

.about-cultures-group1 .texts p:not(:last-child) {
  margin-bottom: 10px;
}

.about-cultures-group2 {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -15px -30px;
}

.about-cultures-group2 .items {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.about-cultures-group2 .contents {
  background-color: #EDF4FF;
  border-left: 4px solid #0066FF;
  padding: 30px 30px;
  height: 100%;
}

.about-cultures-group2 .contents .tits {
  font-size: 22px;
  font-weight: bold;
  color: #0066FF;
}

.about-cultures-group2 .contents .lists {
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 0;
}

.about-cultures-group2 .contents .lists .tit {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.about-cultures-group2 .contents .lists .texts {
  margin-top: 4px;
}

.about-cultures-group2 .contents .lists .texts p {
  font-size: 16px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 0;
}

.about-cultures-group2 .contents .itema:not(:last-child) {
  margin-bottom: 20px;
}

.media-info .social-links {
  margin-bottom: 0;
}

.media-info .social-links .social-link i {
  color: #222;
  font-size: 22px;
}

.media-info .social-links .social-link:hover i {
  color: #0066FF;
}

.contact-qr {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.contact-qr img {
  width: 40%;
  height: auto;
  margin-right: 20px;
}

.products-main .flex {
  display: flex;
  align-items: flex-start;
}

.products-main .flex .left {
  width: 330px;
}

.products-main .flex .right {
  width: calc(100% - 330px);
  padding-left: 30px;
}

.products-main .products-navs-group .first-tits svg {
  display: none;
}

.prodeta-main .products-navs-group .first-tits svg {
  display: block;
  transition: all 0.5s;
}

.prodeta-main .products-navs-group .content-opens {
  display: none;
}

.prodeta-main .products-navs-group.active .first-tits svg {
  transform: rotate(90deg);
}

.prodeta-main .products-navs-group:first-child .content-opens {
  display: block;
}

.products-navs-group {
  margin-bottom: 30px;
}

.products-navs-group .first-tits {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.56;
  color: #222;
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.products-navs-group .first-tits::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-52%);
  width: 4px;
  height: 25px;
  background-color: #0066FF;
}

.products-navs-group .tits {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.56;
  color: #fff;
  padding: 10px 20px;
  background: #0066FF;
  text-decoration: none;
  display: block;
}

.products-navs-group .tits:hover {
  text-decoration: underline;
}

.products-navs-group .lists {
  padding: 10px 20px;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.products-navs-group .lists a {
  color: #555;
  font-size: 18px;
  line-height: 1.35;
  display: inline-block;
  padding: 6px 0;
  text-decoration: none;
  transition: all 0.5s;
  position: relative;
  padding-left: 16px;
}

.products-navs-group .lists a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0066FF;
}

.products-navs-group .lists a:hover {
  text-decoration: underline;
  color: #0066FF;
}

.products-navs-group:last-child {
  margin-bottom: 0;
}

.product-second-group {
  margin-bottom: 30px;
}

.product-paihao {
  margin-top: 15px;
}

.product-paihao .table-box {
  margin-bottom: 20px;
}

.product-paihao .table-box:last-child {
  margin-bottom: 0;
}

.product-paihao table {
  width: 100%;
  min-width: 360px;
}

.product-paihao table td {
  border: 1px solid #dfdfdf;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding: 8px 10px;
}

.product-paihao table tr:nth-child(1) {
  background-color: #0066FF;
}

.product-paihao table tr:nth-child(1) td {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

.product-first-group .frist-tits {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.56;
  color: #222;
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}

.product-first-group .frist-tits::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-52%);
  width: 4px;
  height: 25px;
  background-color: #0066FF;
}

.product-first-group .second-tits {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}

.product-second-group .details-second-tits {
  font-size: 22px;
  line-height: 1.65;
  padding-bottom: 5px;
  border-bottom: 3px solid #0066FF;
  font-weight: bold;
  color: #222;
}

.details-product-slick {
  margin: 20px -10px 0;
}

.details-product-slick .table-box {
  padding: 0 10px;
}

.prodeta-texts {
  margin-top: 15px;
  font-size: 16px;
  color: #444;
  line-height: 1.5;
}

.prodeta-list-img {
  margin: 15px -10px 0;
  width: 100%;
}

.prodeta-list-img .img_box {
  padding-top: 66.625%;
}

.prodeta-list-img .imgs {
  padding: 0 10px;
}

.details-product-slick .slick-dots li.slick-active {
  background-color: #0066FF;
}

.details-product-slick .slick-dots {
  margin-top: 10px;
}

.nav-item {
  position: relative;
}

.nav-item:hover .dropdown-menu {
  opacity: 1;
  transform: translateX(-50%);
  pointer-events: all;
}

.nav-item .dropdown-menu {
  display: block;
  opacity: 0;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  transition: all 0.5s;
  pointer-events: none;
}

.nav-item .dropdown-menu::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: 0;
  left: 0;
}

.header-product-down {
  padding: 20px 30px;
  width: 400px;
}

.news-page-time {
  font-size: 16px;
  color: #666;
  margin-bottom: 6px;
}

.contact-other {
  display: flex;
  justify-content: space-between;
  margin: 30px -10px -20px;
}

.contact-other-items {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.contact-other-content {
  background-color: #F8F9FA;
  padding: 30px 30px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}

.contact-other-content .lefts {
  width: calc(100% - 180px);
  padding-right: 30px;
}

.contact-other-content .rights {
  width: 180px;
}

.contact-other-content .rights img {
  width: 100%;
}

@media screen and (max-width:1200px) {

  .contact-other-content {
    flex-direction: column;
  }

  .contact-other-content .lefts {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .contact-other-content .rights {
    width: 60%;
  }
}


.contact-other-content .names {
  font-size: 22px;
  font-weight: bold;
}

.contact-other-content .infos {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

.contact-other-content .infos a,
.contact-other-content .infos p {
  font-size: 18px;
  text-decoration: none;
  color: #444;
  line-height: 1.4;
  display: inline-block;
  padding: 6px 0;
}

.contact-other-content .infos a:hover {
  text-decoration: underline;
  color: #0066FF;
}

.contact-other-content .infos p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.contact-qr {
  align-items: center;
  height: 100%;
  margin-top: 0;
}

.about-culture-honor,
.about-culture-tp {
  margin-top: 30px;
}

.about-culture-honor .tits,
.about-culture-tp .tits {
  font-size: 22px;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
}

.about-culture-honor .texts,
.about-culture-tp .texts {
  font-size: 16px;
  color: #444;
  line-height: 1.5;
  margin-top: 10px;
}

.about-culture-tp .partner-grid {
  padding-top: 15px;
  padding-bottom: 0;
}

.about-honors {
  margin: 20px -10px 0;
}

.about-honors-items {
  padding: 0 10px;
}

.about-honors-conts {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.about-honors-conts img {
  border-radius: 10px;
  width: 100%;
}

.about-honors .slick-track {
  display: flex;
  flex-wrap: wrap;
}

.about-honors .slick-slide {
  height: initial;
}

.about-honors .slick-slide>div,
.about-honors .about-honors-items {
  height: 100%;
}

.about-braed-nav {
  background-color: #F7F9FB;
}

.nav-open-boxs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ph-img {
  display: none;
}

.newsdeta-info {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 4px solid #0066FF;
}

.newsdeta-info .newsdeta-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.34;
  color: #222;
}

.newsdeta-info .times {
  margin-top: 10px;
  font-size: 16px;
  color: #444;
}

.newsdeta-content {
  font-size: 16px;
  color: #333;
  line-height: 1.65;
}

.newsdeta-content img {
  max-width: 100%;
  min-width: 0;
}

.mega-dropdown-category a {
  text-decoration: none;
}

.mega-dropdown-category a:hover {
  text-decoration: underline;
}

.products-main .titles {
  margin-bottom: 35px;
  text-align: center;
}

.products-main .titles .tits {
  font-size: 34px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}

.products-main .titles p {
  font-size: 16px;
  text-align: center;
  line-height: 1.65;
  margin-bottom: 0;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .about-main .flex {
    flex-direction: column;
  }

  .about-main .flex .left {
    width: 100%;
    position: static;
    margin-bottom: 30px;
  }

  .about-main .flex .right {
    width: 100%;
    padding-left: 0;
  }

  .about-navbox .title,
  .about-titles {
    font-size: 24px;
  }

  .about-info img {
    width: 100%;
  }

  .about-corporate {
    flex-direction: column;
  }

  .about-corporate .lefts {
    width: 100%;
  }

  .about-corporate .rights {
    width: 100%;
    margin-top: 10px;
  }

  .about-structure,
  .about-business {
    margin-top: 30px;
  }

  .about-business .about-business-item {
    width: 100%;
  }

  .about-structure .tits,
  .about-business .tits {
    font-size: 24px;
  }

  .about-business .about-business-content .tits {
    font-size: 20px;
  }

  .about-history-item .time {
    font-size: 24px;
  }

  .about-cultures-group1 .items {
    width: 100%;
  }

  .about-cultures-group2 .items {
    width: 100%;
  }

  .about-main {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .about-mod:last-child {
    margin-bottom: 0;
  }

  .page-banner .img_box {
    padding-top: 26.0416666%;
  }

  .pc-img {
    display: none;
  }

  .ph-img {
    display: block;
  }

  .products-main .flex {
    flex-direction: column;
  }

  .products-main .flex .left {
    width: 100%;
  }

  .products-main .flex .right {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }

  .product-paihao table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
    min-width: 0;
  }

  .contact-section,
  .news-sections,
  .products-main {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .product-second-group:last-child {
    margin-bottom: 0;
  }

  .product-first-group {
    margin-bottom: 40px;
  }

  .product-first-group:last-child {
    margin-bottom: 0px;
  }

  .products-navs-group .tits {
    font-size: 18px;
    padding: 8px 20px;
  }

  .products-navs-group .lists a {
    font-size: 16px;
  }

  .products-navs-group .lists a:after {
    top: 14px;
    width: 6px;
    height: 6px;
  }

  .products-navs-group .first-tits {
    font-size: 24px;
  }

  .product-second-group .details-second-tits {
    font-size: 19px;
    line-height: 1.5;
  }

  .details-product-slick .slick-dots {
    margin-bottom: 0;
  }

  .news-sections .flex {
    flex-direction: column;
  }

  .news-sections .left {
    width: 100%;
    position: static;
    margin-bottom: 30px;
  }

  .news-sections .right {
    width: 100%;
    padding-left: 0;
  }

  .news-navs-link {
    padding: 11px 24px;
    font-size: 16px;
  }

  .page-news-items {
    width: 100%;
  }

  #contact .flex {
    flex-direction: column;
  }

  #contact .left {
    width: 100%;
  }

  #contact .right {
    width: 100%;
    margin-top: 30px;
  }

  #contact .left .message-card {
    padding: 30px !important;
  }

  .contact-other {
    flex-wrap: wrap;
  }

  .contact-other-items {
    width: 100%;
  }

  .map-section {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .page-product-mod .flex .left {
    position: sticky;
    left: 0;
    top: 100px;
  }
}

.page-product-mod .content-opens .tits:hover {
  text-decoration: none;
}

.page-product-mod .content-opens .tits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.page-product-mod .content-opens .tits a {
  color: #fff;
  text-decoration: none;
}

.page-product-mod .content-opens .tits a:hover {
  text-decoration: underline;
}

.page-product-mod .content-opens .tits svg {
  width: 18px;
  transition: all 0.5s;
}

.page-product-mod .content-opens .tits svg path {
  fill: #fff;
}

.page-product-mod .content-opens .content.opens .tits svg {
  transform: rotate(90deg);
}

.page-product-mod .content-opens .content .lists {
  display: none;
}

.page-product-mod .content-opens .content.opens .lists {
  display: flex;
}

.products-main .details-second-tits {
  font-size: 26px;
  line-height: 1.65;
  padding-bottom: 5px;
  border-bottom: 3px solid #0066FF;
  font-weight: bold;
  color: #222;
}

.products-main .prodeta-texts {
  margin-top: 15px;
  font-size: 16px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 40px;
}

.carousel-item,
.certificate-image-container {
  display: block;
  text-decoration: none;
}

.about-business-content .flex-imgs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.about-business-content .flex-imgs img {
  width: 80%;
}

@media screen and (max-width:768px) {
  .about-business-content .flex-imgs img {
    width: 100%;
  }
}

#languageToggle img {
  width: 24px;
  margin-right: 0px;
}

.product-paihao table td {
  width: 200px;
}

@media screen and (max-width:768px) {
  .stats-section {
    margin-top: 0 !important;
  }

  .products-main .details-second-tits {
    font-size: 20px !important;
    line-height: 1.6 !important;
  }
}