@charset "UTF-8";
/* @import url(../static/dist/layui-v2.9.20/css/layui.css); */
@import url(./header.css);
/* 颜色主题定义 */
:root {
  /* 主色系 */
  --primaryColor: #1D9696;
  --primaryRgbColor: rgb(29, 150, 150);
  --primaryLight: #818cf8;
  --primaryDark: #3730a3;
  /* 次级品牌色 */
  --secondaryColor: #10b981;
  --secondaryLight: #6ee7b7;
  --secondaryDark: #047857;
  /* 中性色 */
  --neutralWhite: #ffffff;
  --neutralGray100: #f3f4f6;
  --neutralGray900: #111827;
  /* 状态色 */
  --successColor: #16b777;
  --warningColor: #E6A23C;
  --dangerColor: #F56C6C;
  --infoColor: #909399;
  /* 功能色 */
  --textPrimary: #1f2937;
  --textSecondary: #6b7280;
  --borderDefault: #e5e7eb;
  --backgroundBody: #f9fafb;
  --primaryThemeColor: #1F4455;
  /* 蓝色（主色） */
  --blueThemeColor: #1F4455;
  /* 橙色 */
  --orangeThemeColor: #F4C064;
  /* 红色 */
  --redThemeColor: #E95435;
  /* 暗青色 */
  --darkblueThemeColor: #43878F;
  /* layui 主题颜色重置 */
  /* --layui-theme: var(--primaryColor); */
  --headerHeight: 70px;
}

/* 插件样式重置 */
[class*=" imghvr-"],
[class^=imghvr-],
[class*=" imghvr-"] figcaption,
[class^=imghvr-] figcaption {
  background-color: var(--primaryColor);
}

[class*=" imghvr-"] figcaption,
[class^=imghvr-] figcaption {
  overflow: auto;
}

[class*=" imghvr-"] a,
[class^=imghvr-] a {
  position: initial !important;
}

/* layui 内置样式重置 */
.layui-col-space50 {
  margin: -1rem;
}

.layui-col-space50 > * {
  padding: 1rem;
}

.layui-border-green {
  border-color: var(--primaryColor) !important;
  color: var(--primaryColor) !important;
  padding: 0 50px;
}

.layui-border-green:hover {
  background-color: var(--primaryColor);
  color: #ffffff !important;
}

.layui-nav {
  background-color: transparent !important;
}

.layui-nav .layui-nav-item a {
  color: #999999;
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this > a {
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.layui-nav .layui-this .in {
  color: var(--primaryColor);
  font-weight: bold;
}

.layui-nav .layui-this:after, .layui-nav-bar {
  background-color: var(--primaryColor);
}

.layui-breadcrumb a:hover {
  color: var(--primaryColor) !important;
}

.layui-breadcrumb a cite {
  color: var(--primaryColor) !important;
  font-weight: 700;
}

.layui-input:focus {
  border-color: var(--primaryColor) !important;
  box-shadow: 0 0 0 3px rgba(84, 230, 230, 0.1) !important;
  outline: none;
}

.layui-form-select dl dd.layui-this {
  color: var(--primaryColor) !important;
}

/* end layui 内置样式重置 */
/* end 插件样式重置 */
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 12px;
  background-color: rgba(31, 68, 84, 0.1);
  cursor: pointer;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(31, 68, 84, 0.3);
  border-radius: 10px;
  cursor: pointer;
}

/* end 滚动条样式 */
/* ------
*** 内置公共样式 
------------------------------*/
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: "PingFang SC,Tahoma,Arial,sans-serif";
}

a {
  color: #000;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}

main {
  padding-top: var(--headerHeight);
}

section {
  margin-bottom: 50px;
}

.section_bg {
  background-color: #F8F8F8;
  padding: 50px 0;
}

.section_nomargin {
  margin: 0;
}

#laypage {
  display: flex;
  align-items: center;
  justify-content: center;
}
#laypage .layui-laypage {
  margin: 0;
  margin-top: 35px;
}
#laypage .layui-laypage a, #laypage .layui-laypage span {
  padding: 0 12px;
}

.tabs_coantainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.tabs_coantainer .tabs_wrapper {
  background-color: #f2f2f2;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.tabs_coantainer .tabs_btn {
  display: inline-block;
  border: none;
  background-color: transparent;
  position: relative;
  z-index: 2;
  min-width: 120px;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
  padding: 8px 25px;
  font-size: 16px;
  transition: all 0.35s;
}
.tabs_coantainer .tabs_btn.in {
  color: #ffffff;
  background-color: var(--primaryColor);
}
.flex_default {
  display: flex;
  align-items: center;
}

.flex_center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.section_title {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  color: #000;
}

.section_desc {
  line-height: 1.8;
  text-align: center;
  margin-bottom: 25px;
}
.section_desc p {
  margin-bottom: 5px;
  line-height: 1.7;
}
.sub_title {
  font-size: 14px;
  padding-top: 25px;
  font-weight: normal;
}

.introduce_text {
  line-height: 1.7;
  text-align: center;
  margin-bottom: 45px;
}

.detail_banner {
  position: relative;
  max-height: 375px;
  background-color: #F2F2F2;
  overflow: hidden;
}
.detail_banner .detail_banner_img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.detail_banner .layui-container {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 6.25rem 15px;
}
.detail_banner .detail_banner_title {
  font-weight: bold;
  color: #ffffff;
  font-size: 2rem;
}

/* 产品线-banner */
.detail_banner_basic {
  max-height: -moz-max-content;
  max-height: max-content;
}
.detail_banner_basic .layui-container {
  padding-top: 0;
  padding-bottom: 0;
}
.detail_banner_basic .detail_banner_img {
  position: relative;
  height: auto;
  width: auto;
  right: 0;
  left: auto;
  width: 100%;
  max-height: 200px;
}
.detail_banner_basic .banner_basic_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  line-height: 1.7;
  background-color: #f2f2f2;
  padding: 1.5rem 0;
}

.detail_banner_desc {
  padding-right: 2rem;
}
.detail_banner_desc > * {
  margin-bottom: 5px;
}

/* 应用解决方案-banner */
.cathay-detail-banner__solution {
  min-height: 16rem;
  position: relative;
  min-height: 16rem;
  background-color: #F2F2F2;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.cathay-detail-banner__solution .cathay-detail-banner_img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cathay-detail-banner__solution .cathay-detail-banner_body {
  max-width: 40%;
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  line-height: 1.7;
}
.cathay-detail-banner__solution .cathay-detail-banner_title {
  font-weight: bold;
  font-size: 2rem;
}
.cathay-detail-banner__solution .cathay-detail-banner_desc > * {
  margin-bottom: 5px;
}

.nav_dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e1e1e1;
  height: 60px;
}
.nav_dropdown .layui-nav {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.nav_dropdown .layui-nav .layui-nav-more {
  right: -15px;
}
.nav_dropdown .layui-nav-item {
  margin-right: 30px;
}
.nav_dropdown .layui-nav-item a {
  line-height: 35px;
  padding-left: 0;
  padding-right: 0;
}
.nav_dropdown .layui-nav-item dl a {
  padding: 0 20px;
  line-height: 35px;
}
.nav_dropdown .layui-nav-item .layui-nav-child {
  z-index: 99999;
  top: 40px;
}
.nav_dropdown .layui-breadcrumb {
  line-height: 2;
}

.core_grid_item figure, .core_grid_item img {
  width: 100%;
  height: 300px;
  display: block;
}
.core_grid_item:hover figure > img {
  transform: translateY(-100%);
}
.core_grid_item:hover figcaption {
  transform: translate(0);
}
.core_grid_item .figcaption_title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.core_grid_item .figcaption_item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.core_grid_item .figcaption_item a {
  position: initial !important;
  width: 48%;
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-color: #ffffff;
}
.core_grid_item .core_grid_item_bottom {
  background-color: #F8F8F8;
  padding: 30px 20px;
  text-align: center;
  min-height: 145px;
}
.core_grid_item .core_grid_item_bottom h3 {
  font-size: 18px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.core_grid_item .core_grid_item_bottom a {
  margin-top: 15px;
  border-width: 1px;
  height: auto;
}

.comm_card .card_item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 30px;
  background-color: #F8F8F8;
}
.comm_card .card_item .card_item_img {
  width: 60%;
}
.comm_card .card_item .card_item_img img {
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.comm_card .card_item .card_item_primary {
  width: 40%;
  padding: 30px 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.comm_card .card_item h2 {
  color: var(--primaryColor);
  font-size: 20px;
  margin-bottom: 20px;
}
.comm_card .card_item p {
  line-height: 1.7;
}
.comm_card .card_item li {
  line-height: 1.7;
  padding-left: 14px;
  margin-bottom: 5px;
  position: relative;
}
.comm_card .card_item li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}

.unlist li {
  line-height: 1.7;
  padding-left: 14px;
  margin-bottom: 5px;
  position: relative;
}
.unlist li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}
.unlist .unlist_item {
  line-height: 1.7;
  padding-left: 14px;
  margin-bottom: 5px;
  position: relative;
}
.unlist .unlist_item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}

/* 富文本功能样式 */
.rich_text_container > * {
  margin-bottom: 0.7rem;
}
.rich_text_container.rich__padding {
  padding: 2rem 0;
}
.rich_text_container.rich_news_details {
  line-height: 1.8;
  padding-bottom: 0;
}
.rich_text_container.rich_news_details > * {
  margin-bottom: 0.7rem;
}
.rich_text_container li {
  line-height: 1.7;
  padding-left: 14px;
  margin-bottom: 5px;
  position: relative;
}
.rich_text_container li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}
.rich_text_container a {
  text-decoration: underline;
}

/* 核心产品线 */
.cathay-figure-push-up {
  width: 100%;
  height: 300px;
  display: block;
  background-color: var(--primaryColor);
}
.cathay-figure-push-up figcaption {
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/cpx_04.jpg) no-repeat center;
  background-size: cover;
}
.cathay-figure-push-up figcaption::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
}
.cathay-figure-push-up .cathay-figure-push-up__img {
  width: 100%;
  height: 300px;
  display: block;
}
.cathay-figure-push-up .cathay-figure-push-up__title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.cathay-figure-push-up .cathay-figure-push-up__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.cathay-figure-push-up .cathay-figure-push-up__content a {
  position: initial !important;
  width: 100%;
  max-width: 240px;
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-color: #ffffff;
}

.cathay-figure-push-up--column2 .cathay-figure-push-up__content {
  grid-template-columns: repeat(2, 1fr);
}

/* 吸顶 */
.cathay-sticky-top {
  position: sticky;
  top: calc(var(--headerHeight) - 1px);
  z-index: 999;
  background-color: #ffffff;
}

/* 卡片面板 */
.cathay-card-panel {
  border: 1px solid var(--primaryColor);
  padding: 1rem;
}
.cathay-card-panel .cathay-card-panel__title {
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}
.cathay-card-panel .cathay-card-panel__title img {
  flex: none;
  width: 35px;
}
.cathay-card-panel .cathay-card-panel__content {
  padding-left: 45px;
  margin-bottom: 25px;
  line-height: 1.7;
}
.cathay-card-panel .cathay-card-panel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.cathay-card-panel .cathay-card-panel__button .layui-btn {
  color: #ffffff !important;
  background-color: var(--primaryColor);
  margin: 0 !important;
}

/* 选项卡-公共样式 */
.cathay-tab-panel .cathay-tab-panel__header {
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
}
.cathay-tab-panel .cathay-tab-panel__header .layui-btn {
  height: 100%;
  border: none;
  background-color: #F8F8F8;
  color: #000;
  margin-right: 0px;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cathay-tab-panel .cathay-tab-panel__header .layui-btn strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cathay-tab-panel .cathay-tab-panel__header .layui-btn span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cathay-tab-panel .cathay-tab-panel__header .layui-btn.layui-this {
  background-color: var(--primaryColor);
  color: #ffffff;
}
.cathay-tab-panel .cathay-tab-panel__header .layui-btn.layui-this::before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  border: 10px solid var(--primaryColor);
  border-color: var(--primaryColor) transparent transparent transparent;
  margin-left: -10px;
}
.cathay-tab-panel .cathay-tab-panel__item {
  display: none;
}

/* 应用解决方案-招聘职位 */
.cathay-tab-panel_collapse .cathay-tab-panel__body {
  padding: 0 !important;
  border: none !important;
  box-shadow: initial;
}
.cathay-tab-panel_collapse .layui-collapse {
  border: none;
  border-top: 1px solid #D9D9D9;
}
.cathay-tab-panel_collapse .layui-colla-item {
  border-top: none;
  border-bottom: 1px solid #D9D9D9;
}
.cathay-tab-panel_collapse .layui-colla-item.layui-show {
  background-color: #F8F8F8;
}
.cathay-tab-panel_collapse .layui-colla-title {
  font-weight: bold;
  background-color: transparent;
  height: auto;
  line-height: normal;
  padding: 20px 15px;
  font-size: 15px;
}
.cathay-tab-panel_collapse .layui-colla-title:hover {
  background-color: #F8F8F8;
}
.cathay-tab-panel_collapse .layui-colla-title span {
  display: inline-block;
}
.cathay-tab-panel_collapse .layui-colla-title span:nth-child(1) {
  width: 100%;
  max-width: 500px;
}
.cathay-tab-panel_collapse .layui-colla-title span:nth-child(2) {
  font-size: 13px;
  font-weight: normal;
}
.cathay-tab-panel_collapse .layui-colla-content {
  border-top: none;
  color: #000;
  padding: 10px 25px;
}
.cathay-tab-panel_collapse .layui-colla-icon {
  left: auto;
  right: 15px;
}
.cathay-tab-panel_collapse .rich_text_container {
  padding-left: 0;
  line-height: 1.7;
}
.cathay-tab-panel_collapse .rich_text_container li {
  margin-bottom: 5px;
}
.cathay-tab-panel_collapse .layui-icon-right {
  color: var(--primaryColor);
}
.cathay-tab-panel_collapse .layui-icon-right:before {
  content: "\e623";
}

/* 应用解决方案-选项卡 */
.cathay-tab-panel_solution .cathay-tab-panel__body {
  padding-top: 1.5rem;
}
.cathay-tab-panel_solution .cathay-tab-panel__item_content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
.cathay-tab-panel_solution .layui-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cathay-tab-panel_solution .rich_text_container {
  flex: 1;
  width: 100%;
  line-height: 1.7;
}
.cathay-tab-panel_solution .rich_text_container table {
  width: 100%;
}
.cathay-tab-panel_solution .rich_text_container table tr {
  border-bottom: 1px solid var(--primaryColor);
}
.cathay-tab-panel_solution .rich_text_container table th, .cathay-tab-panel_solution .rich_text_container table td {
  text-align: center;
  padding: 10px 15px;
}
.cathay-tab-panel_solution .rich_text_container table th {
  color: var(--primaryColor);
  background-color: rgba(29, 150, 150, 0.2);
}

/* ------
*** end 内置公共样式 
------------------------------*/
/* Footer */
footer {
  width: 100%;
  overflow: hidden;
  background-color: var(--primaryColor);
  color: #fff;
  margin-top: 2.2rem;
}
footer .footer_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  align-items: flex-start;
}
footer .logo {
  flex: none;
  width: 210px;
}
footer ul {
  display: flex;
  flex: 1;
  padding-left: 6%;
  align-items: flex-start;
  justify-content: flex-start;
}
footer li {
  flex: 1;
  padding: 0 20px;
}
footer h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
footer a {
  display: block;
  cursor: pointer;
  line-height: 32px;
  color: #ffffff;
}
footer a:hover {
  opacity: 0.8;
  color: #ffffff;
}
footer .footer_b {
  font-size: 13px;
  padding: 30px;
  text-align: center;
  border-top: 2px solid #8DD5D8;
  line-height: 1.7;
}

/* end Footer */
/* ------------------------------
***  首页
---------------------------------*/
.page_home {
  /* 新闻与活动 */
  /* 创新的绿色材料解决方案 */
  /* 关于我们 */
}
.page_home .banner {
  max-height: calc(100vh - var(--headerHeight));
  position: relative;
  overflow: hidden;
}
.page_home .banner .layui-container {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 999;
}
.page_home .banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5); /* 黑色半透明蒙版 */
}
.page_home .banner video {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
}
.page_home .banner .content {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 10;
  color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.page_home .banner .content h1 {
  font-size: 60px;
  font-weight: bold;
}
.page_home .banner .content h2 {
  font-size: 40px;
  padding-bottom: 20px;
  position: relative;
}
.page_home .banner .content h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 5px;
  background-color: #fff;
}
.page_home .banner .content .layui-btn {
  color: #ffffff !important;
  margin-top: 25%;
  background-color: var(--primaryColor);
}
.page_home .banner .content .layui-btn:hover {
  background-color: #fff;
  color: var(--primaryColor) !important;
}
.page_home .section_news .item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.page_home .section_news .item:hover .content h3 {
  color: var(--primaryColor);
}
.page_home .section_news .item > div {
  height: 355px;
  background-color: #F8F8F8;
}
.page_home .section_news .item img {
  width: 100%;
  height: 240px;
  background-color: #f2f2f2;
}
.page_home .section_news .item h3 {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 5px;
}
.page_home .section_news .item .time {
  color: #333;
  margin: 10px 0 20px;
  font-size: 12px;
}
.page_home .section_news .item .content {
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
}
.page_home .section_news .item .label {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 20px;
  font-size: 12px;
}
.page_home .section_news .item a {
  display: block;
  height: 100%;
}
.page_home .section_news .news_list {
  height: 100%;
  overflow-y: auto;
  padding: 40px 20px;
}
.page_home .section_news .news_list .news_item {
  display: block;
  cursor: pointer;
  padding: 15px 0;
}
.page_home .section_news .news_list .news_item:hover h3 {
  color: var(--primaryColor);
}
.page_home .section_news .news_list .time {
  margin: 0 !important;
}
.page_home .section_news .move_news {
  text-align: center;
  margin-top: 60px;
}
.page_home .material_content {
  display: grid;
  /*  声明列的宽度  */
  grid-template-columns: repeat(3, 32.3%);
  /*  声明行间距和列间距  */
  grid-gap: 20px;
  overflow: hidden;
}
.page_home .material_content li {
  height: 240px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
}
.page_home .material_content li:nth-child(1) {
  height: 500px;
  grid-row: 1/3;
}
.page_home .material_content li:nth-child(4) {
  height: 240px;
  grid-column: 2/4;
}
.page_home .material_content li:nth-child(7) {
  grid-row: 4/5;
  grid-column: 1/3;
}
.page_home .material_content li:nth-child(8) {
  height: 500px;
  grid-row: 3/5;
  grid-column: 3/4;
}
.page_home .material_content li:hover .mask {
  opacity: 0;
}
.page_home .material_content li:hover img {
  transform: scale(1.1);
}
.page_home .material_content .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: all 0.2s ease;
}
.page_home .material_content .text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.page_home .material_content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.page_home .section_about_us {
  margin-bottom: 2.6rem;
}
.page_home .section_about_us .content {
  background-color: #f2f2f2;
  position: relative;
}
.page_home .section_about_us img {
  width: 100%;
  height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page_home .section_about_us .content_right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 25px;
  color: #fff;
  width: 40%;
  height: 100%;
  background-color: rgba(29, 150, 150, 0.8);
  box-sizing: border-box;
}
.page_home .section_about_us p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.page_home .section_about_us a.layui-btn {
  background-color: transparent;
  border-color: #fff !important;
  color: #fff !important;
}
.page_home .section_about_us a.layui-btn:hover {
  background-color: #fff !important;
  color: var(--primaryColor) !important;
}

/* ------------------------------
***  end 首页
---------------------------------*/
/* ------------------------------
***  关于我们
---------------------------------*/
/* === 公司概况 Page aboutCompany.html */
.page_about_company .about_us_card .top {
  display: flex;
  align-items: center;
}
.page_about_company .about_us_card .icon {
  flex: none;
  width: 50px;
  display: block;
  margin-right: 20px;
}
.page_about_company .about_us_card h2 {
  color: var(--primaryColor);
  line-height: 1.6;
  overflow: hidden;
  font-size: 18px;
}
.page_about_company .about_us_card h2 p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_about_company .about_us_card hr {
  margin: 30px 0;
}
.page_about_company .about_us_card .text {
  line-height: 1.7;
}
.page_about_company .section_about_kaisai p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.page_about_company .section_about_kaisai .layui-row {
  margin-top: 20px;
}
.page_about_company .section_about_kaisai .about_us_info_year_card {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 30px;
  border-bottom: 2px solid var(--primaryColor);
}
.page_about_company .section_about_kaisai .icon {
  flex: none;
  width: 60px;
  display: block;
  margin-right: 20px;
}
.page_about_company .section_about_kaisai h2 {
  font-size: 32px;
}
.page_about_company .section_about_kaisai h2 div {
  color: var(--primaryColor);
}
.page_about_company .section_about_kaisai h2 span {
  display: block;
  font-size: 16px;
}
.page_about_company .section_qywh {
  background: url(../images/about_企业文化_01.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  color: #ffffff;
}
.page_about_company .section_qywh .section_title {
  color: var(--primaryColor);
}
.page_about_company .section_qywh .title {
  color: #ffffff;
  margin-bottom: 2.6rem;
}
.page_about_company .section_qywh .qywh_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_about_company .section_qywh .qywh_list_item {
  flex: 1;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #ffffff;
  padding: 35px;
}
.page_about_company .section_qywh .qywh_list_item .icon {
  flex: none;
  width: 60px;
  display: block;
  margin-bottom: 25px;
}
.page_about_company .section_qywh .qywh_list_item h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.page_about_company .section_qywh .qywh_list_item:last-child {
  border: none;
}
.page_about_company .section_yfzx .img {
  width: 100%;
  max-height: 400px;
}
.page_about_company .section_yfzx p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.page_about_company .production_base_list {
  display: flex;
  flex-wrap: wrap;
}
.page_about_company .production_base_list .grid_item .grid_content {
  height: 100%;
  background-color: #ffffff;
}
.page_about_company .production_base_list .grid_item img {
  width: 100%;
  height: 240px;
}
.page_about_company .production_base_list .grid_item .grid_content_b {
  padding: 6%;
}
.page_about_company .production_base_list .grid_item p {
  line-height: 1.7;
}
.page_about_company .production_base_list .grid_item .grid_title {
  font-size: 18px;
  font-weight: bold;
  color: var(--primaryColor);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_about_company .production_base_list .grid_item .grid_sub_title {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_about_company .production_base_list .grid_item .grid_sub {
  margin-bottom: 15px;
}
.page_about_company .production_base_list .grid_item hr {
  margin: 20px 0;
}
.page_about_company .production_base_list .grid_item .grid_sub_text {
  color: #4D4D4D;
}
.page_about_company .production_base_list .grid_item li {
  line-height: 1.7;
  padding-left: 14px;
  margin-bottom: 5px;
  position: relative;
}
.page_about_company .production_base_list .grid_item li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}

/* === 发展历程 Page aboutHistory.html */
.page_aboutHistory .swiperHistory {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  cursor: grab;
  overflow: hidden;
  padding-bottom: 5%;
  position: relative;
}
.page_aboutHistory .swiperHistory .swiper-slide {
  border-right: 1px solid #EFEFEF;
  padding: 0 3%;
  height: auto !important;
}
.page_aboutHistory .swiperHistory .swiper-slide:last-child {
  border: none;
}
.page_aboutHistory .swiperHistory .swiper-scrollbar {
  opacity: 1 !important;
  background-color: #f2f2f2 !important;
}
.page_aboutHistory .swiperHistory .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: 0 !important;
  width: 100% !important;
  height: 6px !important;
}
.page_aboutHistory .swiperHistory .swiper-scrollbar-drag {
  width: auto;
  background-color: var(--primaryColor) !important;
}
.page_aboutHistory .swiperHistory .scroll_view {
  overflow: auto;
}
.page_aboutHistory .swiperHistory h2 {
  color: var(--primaryColor);
  font-size: 38px;
  margin-bottom: 25px;
}
.page_aboutHistory .swiperHistory a {
  text-decoration: underline;
}
.page_aboutHistory .swiperHistory a:hover {
  color: var(--primaryColor);
}
.page_aboutHistory .swiperHistory li {
  margin-bottom: 15px;
}

/* === 联系我们 Page aboutContact.html */
.page_about_contact .contact_card_primary {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.page_about_contact .card_item_primary {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  padding: 25px 35px;
  height: 100%;
}
.page_about_contact .card_item_primary h2 {
  color: var(--primaryColor);
  margin-bottom: 20px;
}
.page_about_contact .card_item_primary .card_item_label {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.page_about_contact .card_item_primary .card_item_label label {
  flex: none;
}
.page_about_contact .contact_demand_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--primaryColor);
  cursor: pointer;
}
.page_about_contact .contact_demand_header h2 {
  flex: 1;
  text-align: center;
  font-size: 22px;
  color: var(--primaryColor);
  letter-spacing: 2px;
}
.page_about_contact .contact_demand_header strong {
  flex: none;
  width: 70px;
  height: 70px;
  text-align: center;
  background-color: var(--primaryColor);
  cursor: pointer;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_about_contact .contact_demand_header strong i {
  font-size: 26px;
}
.page_about_contact .contact_demand_primary {
  padding: 35px;
  border: 1px solid var(--primaryColor);
  border-top: none;
  display: none;
}
.page_about_contact .contact_demand_primary .layui-form-label {
  width: 120px;
}
.page_about_contact .contact_demand_primary .layui-input-block {
  margin-left: 140px;
}
.page_about_contact .contact_demand_primary textarea {
  padding: 20px;
  height: 200px;
  resize: vertical;
}
.page_about_contact .contact_demand_primary .layui-input, .page_about_contact .contact_demand_primary .layui-textarea {
  background-color: #F2F2F2;
}
.page_about_contact .contact_demand_primary .submit {
  margin: 0;
  text-align: center;
}
.page_about_contact .contact_demand_primary .submit button {
  width: 200px;
  border-width: 2px;
  height: auto;
}
.page_about_contact .section_dt {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/* 招聘职位 */
.page_aboutJob .job_item {
  padding: 0.85rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
}
.page_aboutJob .job_item:hover {
  color: #000;
}
.page_aboutJob .job_item:hover .job_title {
  text-decoration: underline;
  color: var(--primaryColor);
}
.page_aboutJob .job_title {
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_aboutJob .job_detail_wrap {
  background-color: #f7f7f7;
  padding: 1.25rem;
}
.page_aboutJob .job_detail_header {
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 1.25rem;
}
.page_aboutJob .job_detail_name {
  font-size: 18px;
  font-weight: bold;
}
.page_aboutJob .job_detail_city {
  background-color: rgba(29, 150, 150, 0.2);
  color: #000;
  padding: 8px 12px;
  height: 35px !important;
}
.page_aboutJob .job_detail_info {
  padding: 1.25rem 0;
  border-top: 1px solid #dfdfdf;
}
.page_aboutJob .job_detail_title {
  font-size: 16px;
  font-weight: bold;
  padding-left: 16px;
  position: relative;
  margin: 0 0 1rem;
  line-height: 1.2;
}
.page_aboutJob .job_detail_title::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: var(--primaryColor);
  left: 0;
  top: 1px;
}
.page_aboutJob .rich_text_container {
  padding-left: 15px;
}
.page_aboutJob .rich_text_container li {
  margin-bottom: 15px;
}

/* ------------------------------
***  end 关于我们
---------------------------------*/
/* ------------------------------
***  新闻与活动
---------------------------------*/
.page_news .grid_primary {
  display: flex;
  flex-wrap: wrap;
}
.page_news .grid_primary .grid_item {
  display: block;
  height: 100%;
  background-color: #F8F8F8;
  border-bottom: 3px solid var(--primaryColor);
}
.page_news .grid_primary .grid_item_header {
  position: relative;
}
.page_news .grid_primary .grid_item_header img {
  max-height: 280px;
  width: 100%;
}
.page_news .grid_primary .grid_item_header label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px 25px;
  background-color: var(--primaryColor);
  color: #ffffff;
}
.page_news .grid_primary .grid_item_header label.out {
  background-color: #999999;
}
.page_news .grid_primary .grid_item_body {
  padding: 30px;
}
.page_news .grid_primary .grid_item_body h4 {
  font-size: 16px;
}
.page_news .grid_primary .grid_item_body .address {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.page_news .grid_primary .grid_item_body .address span {
  display: flex;
  align-items: center;
}
.page_news .grid_primary .grid_item_body .address .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}

/* ------------------------------
***  end 新闻与活动
---------------------------------*/
/* ------------------------------
***  可持续发展
---------------------------------*/
.page_development .section_img {
  display: block;
  width: 100%;
  max-height: 435px;
  margin-bottom: 25px;
}
.page_development .green_product_info {
  background: url(../images/dev_05.jpg) no-repeat center center;
  background-size: cover;
  padding: 10%;
}
.page_development .green_product_info .section_desc {
  text-align: left;
}
.page_development .green_product_info .section_title {
  text-align: left;
  color: var(--primaryColor);
}

.download_list .download_item {
  display: flex;
  height: 180px;
  background-color: #F8F8F8;
}
.download_list .download_item .download_item_img {
  flex: none;
}
.download_list .download_item .download_item_img img {
  height: 100%;
}
.download_list .download_item .download_item_icon {
  width: 25px;
}
.download_list .download_item .download_item_body {
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 8%;
}
.download_list .download_item .download_item_body h4 {
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 1.7;
}

.green_product_page .section_desc {
  text-align: left;
}
.green_product_page .section_img {
  display: block;
  width: 100%;
  margin-bottom: 60px;
}
.green_product_page .product_info .card_item {
  background-color: transparent;
  padding: 0;
  gap: 25px;
}
.green_product_page .product_info .card_item_primary {
  width: auto;
  padding: 0;
}
.green_product_page .product_info .card_item_primary > div:not(div:last-child) {
  margin-bottom: 25px;
}
.green_product_page .product_info .card_item_img {
  flex: none;
  width: 35%;
}
.green_product_page .product_info .card_item_img img {
  max-height: 300px;
}
.green_product_page .product_card .card_item_primary {
  flex: 1;
}
.green_product_page .product_card .card_item_img {
  width: 30%;
  flex: none;
}
.green_product_page .product_card h2 {
  font-size: 24px;
  color: #000;
}

.page_environment .section_desc {
  text-align: left;
}
.page_environment .production_base_list {
  display: flex;
  flex-wrap: wrap;
}
.page_environment .grid_title {
  font-size: 18px;
  font-weight: bold;
  color: var(--primaryColor);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_environment p {
  line-height: 1.7;
}
.page_environment .grid_content {
  height: 100%;
  background-color: #F8F8F8 !important;
}
.page_environment .grid_content img {
  width: 100%;
}
.page_environment .grid_content ul {
  padding-left: 20px;
}
.page_environment .grid_content .grid_content_b {
  padding: 6%;
  line-height: 1.7;
}

.govern_page .content_desc {
  background: url(../images/dev_16.jpg) no-repeat center center;
  background-size: cover;
  padding: 10%;
}
.govern_page .content_desc p {
  line-height: 1.8;
  color: #ffffff;
  text-align: justify;
}

.society_page .card_item .card_item_img {
  width: 40% !important;
}
.society_page .card_item .card_item_primary {
  flex: 1;
}
.society_page .labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  flex-wrap: wrap;
}
.society_page .labels .labels_item {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.society_page .labels img {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  margin-right: 15px;
}
.society_page .labels strong {
  font-size: 16px;
}

.section_value {
  background: var(--primaryColor);
  background: url("../images/可持续发展.jpg") no-repeat center center;
  background-size: cover;
}
.section_value .content {
  display: inline-block;
  background: #fff;
  padding: 2rem;
  margin-bottom: 150px;
}
.section_value .section_title {
  margin: 0;
  color: #333333;
  text-align: left;
}
.section_value .text {
  font-size: 14px;
  margin: 25px 0;
}

/* ------------------------------
***  end 可持续发展
---------------------------------*/
/* ------------------------------
***  投资者关系
---------------------------------*/
.page_invest {
  /* 投资者关系通讯 */
}
.page_invest .notice_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.page_invest .notice_list_item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  background-color: #F2F2F2;
  padding: 20px;
}
.page_invest .tabs_coantainer {
  margin: 0 0 50px;
}
.page_invest .invest_cmmunication_container .layui-row {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  margin: 0 -15px;
}
.page_invest .invest_cmmunication_container .content {
  background-image: linear-gradient(135deg, #CED7E6, transparent);
  white-space: normal;
  word-break: break-all;
}
.page_invest .invest_cmmunication_container .flex_default img {
  flex: none;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 15px;
}

/* ------------------------------
***  end 投资者关系
---------------------------------*/
/* ------------------------------
***  产品与技术
---------------------------------*/
.page_product {
  /* 产品线 */
  /* 产品线首页Swiper */
  /* 产品介绍 */
  /* 可持续性 */
  /* 产品- */
  /* 产品特性-卡片型 */
  /* 产品特性-线条型 */
  /* 产品特性-网格型 */
  /* 产品系列 */
  /* 产品系列-卡片型 */
  /* 产品指标 */
  /* 应用领域 */
  /* 应用领域-卡片型 */
  /* 应用领域-文本 */
  /* 产品品牌 */
  /* 主内容 */
  /* 工程塑料 */
  /* 吊牌申请 */
  /* 吊牌申请弹窗 */
  /* 吊牌申请页面 */
}
.page_product .section_title {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.page_product .section_title span {
  font-weight: normal;
  font-size: 12px;
}
.page_product .section_desc {
  text-align: left;
}
.page_product .detail_banner_title {
  color: var(--primaryColor);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.page_product .detail_banner_title .trademark {
  font-weight: normal;
  font-size: 13px;
  color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 2px 15px;
  white-space: normal;
  word-break: break-all;
}
.page_product .cathay-swiper-product-line {
  background-color: #047857;
}
.page_product .cathay-swiper-product-line #swiperProductLine {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  cursor: grab;
  overflow: hidden;
  padding-bottom: 5%;
  position: relative;
}
.page_product .cathay-swiper-product-line .swiper-slide {
  height: auto !important;
  position: relative;
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__title {
  color: var(--primaryColor);
  font-size: 38px;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__body {
  height: 100%;
  padding: 1.2rem;
  position: relative;
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__connect {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 1.2rem;
  background: var(--primaryColor);
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__connect::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  background-color: var(--primaryColor);
  border-radius: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 5px rgba(29, 150, 150, 0.5);
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__connect::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--primaryColor);
  border-radius: 100%;
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__body_content {
  background-color: #E9F3F7;
  height: 100%;
  min-height: 400px;
  border-radius: 100%/50%;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page_product .cathay-swiper-product-line .cathay-swiper-product-line__body_subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(odd) {
  padding-top: 70px;
  /* 上半圆 */
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(odd) .cathay-swiper-product-line__title {
  top: 0;
  margin-bottom: 1rem;
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(odd) .cathay-swiper-product-line__body::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  border-radius: 500px 500px 0 0;
  border-top: 2px dashed var(--primaryColor);
  border-left: 2px dashed var(--primaryColor);
  border-right: 2px dashed var(--primaryColor);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(odd) .cathay-swiper-product-line__connect::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  background-color: var(--primaryColor);
  border-radius: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 5px rgba(29, 150, 150, 0.5);
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(odd) .cathay-swiper-product-line__connect::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--primaryColor);
  border-radius: 100%;
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(even) {
  padding-bottom: 70px;
  /* 下半圆 */
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(even) .cathay-swiper-product-line__title {
  bottom: 0;
  margin-top: 1rem;
}
.page_product .cathay-swiper-product-line .swiper-slide:nth-child(even) .cathay-swiper-product-line__body::before {
  content: "";
  display: block;
  width: calc(100% + 3px);
  height: 50%;
  border-radius: 0 0 500px 500px;
  border-bottom: 2px dashed var(--primaryColor);
  border-left: 2px dashed var(--primaryColor);
  border-right: 2px dashed var(--primaryColor);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: -2px;
}
.page_product .cathay-swiper-product-line .swiper-scrollbar {
  opacity: 1 !important;
  background-color: #f2f2f2 !important;
}
.page_product .cathay-swiper-product-line .swiper-scrollbar-horizontal {
  left: 0 !important;
  width: 100% !important;
  height: 6px !important;
}
.page_product .cathay-swiper-product-line .swiper-scrollbar-drag {
  width: auto;
  background-color: var(--primaryColor) !important;
}
.page_product .cathay-product-line__swiper {
  background-color: #fff;
  background: url(../images/产品线-bj.png) no-repeat center;
  background-size: cover;
}
.page_product .cathay-product-line__swiper .section_title {
  justify-content: center;
}
.page_product .cathay-product-line__swiper #productLineSwiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  cursor: grab;
  overflow: hidden;
  padding-bottom: 5%;
  position: relative;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_wrapper {
  padding: 0 1rem;
}
.page_product .cathay-product-line__swiper .swiper-slide {
  position: relative;
  padding: 0px 2%;
  height: auto !important;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_body {
  height: 100%;
  background-color: rgba(237, 245, 248, 0.5);
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_title {
  color: var(--primaryColor);
  font-size: 38px;
  text-align: center;
  z-index: 1;
  width: 100%;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_connect {
  position: relative;
  width: 2px;
  height: 60px;
  background: #8DC9CB;
  margin: 2rem 0;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_connect::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--primaryColor);
  border-radius: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0 5px rgba(29, 150, 150, 0.5);
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_connect::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: #8DC9CB;
  border-radius: 100%;
}
.page_product .cathay-product-line__swiper .cathay-product-line__swiper_body_subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.page_product .cathay-product-line__swiper .swiper-button-next, .page_product .cathay-product-line__swiper .swiper-button-prev {
  color: var(--primaryColor);
  font-weight: bold;
}
.page_product .product_introduction .product_img {
  width: 100%;
  max-height: 300px;
}
.page_product .product_continuity .section_desc {
  margin-bottom: 0;
}
.page_product .product_continuity .continuity_card {
  display: flex;
}
.page_product .product_continuity .continuity_card img {
  width: 180px;
}
.page_product .product_continuity .continuity_card_body {
  padding: 5% 8%;
  flex: 1;
  background-color: var(--primaryColor);
  color: #ffffff;
}
.page_product .product_continuity .continuity_card_body h2 {
  margin-bottom: 12%;
  font-size: 18px;
}
.page_product .product_continuity .continuity_card_body a {
  color: #ffffff !important;
  padding: 0 50px;
}
.page_product .product_list .product_list_body {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.page_product .product_list .product_list_item {
  background-color: #F8F8F8;
  padding: 8px 18px;
  cursor: pointer;
  text-align: center;
  display: block;
}
.page_product .product_feature_card .layui-row {
  display: flex;
  flex-wrap: wrap;
}
.page_product .product_feature_card .feature_card_body {
  display: flex;
  align-items: center;
  gap: 15px;
}
.page_product .product_feature_card img {
  width: 50px;
  height: 50%;
  background-color: #ffffff;
  border-radius: 100%;
}
.page_product .product_feature_card h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.page_product .product_feature_card .feature_grid_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.6rem;
  text-align: center;
}
.page_product .product_feature_card .feature_grid_body img {
  width: 60px;
}
.page_product .product_feature_card .feature_grid_body span {
  text-align: center;
}
.page_product .product_feature_line .features_item {
  padding-right: 30px;
}
.page_product .product_feature_line .features_item_body h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--primaryColor);
}
.page_product .product_feature_line .features_item_body h2 img {
  width: 22px;
}
.page_product .product_feature_line .features_item_body p {
  padding-top: 15px;
  line-height: 1.8;
}
.page_product .product_feature_grid .layui-row {
  display: flex;
  flex-wrap: wrap;
}
.page_product .product_feature_grid .feature_grid_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.6rem;
  text-align: center;
}
.page_product .product_feature_grid .feature_grid_body img {
  width: 60px;
}
.page_product .product_feature_grid .feature_grid_body span {
  text-align: center;
}
.page_product .product_series .features_item_body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 20px;
  border-bottom: 2px solid var(--primaryColor);
  background-color: #F8F8F8;
  min-height: 70px;
}
.page_product .product_series .features_item_body:hover {
  color: var(--primaryColor);
}
.page_product .product_series .features_item_body span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_product .product_series .features_item_body img {
  flex: none;
  width: 22px;
}
.page_product .product_series_card .product_series_item_body img {
  width: 100%;
}
.page_product .product_series_card .product_series_item_body span {
  display: block;
  padding: 10px;
  background: #ffffff;
  text-align: center;
}
.page_product .product_indicators .product_indicators_body {
  overflow: hidden;
  overflow-x: auto;
}
.page_product .product_indicators table {
  width: 700px;
}
.page_product .product_indicators tbody {
  border-top: 1px solid var(--primaryColor);
}
.page_product .product_indicators tr {
  border-bottom: 1px solid var(--primaryColor);
}
.page_product .product_indicators th {
  color: var(--primaryColor);
  background-color: rgba(29, 150, 150, 0.1);
}
.page_product .product_indicators th, .page_product .product_indicators td {
  text-align: center;
  padding: 10px 15px;
}
.page_product .product_indicators .table_align_left td, .page_product .product_indicators .table_align_left th {
  text-align: left;
}
.page_product .product_indicators .table_align_center td, .page_product .product_indicators .table_align_center th {
  text-align: center;
}
.page_product .product_application .layui-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page_product .product_application img {
  width: 100%;
}
.page_product .product_application .application_swiper {
  width: 80%;
  height: 100%;
  max-height: 350px;
  overflow: hidden;
}
.page_product .product_application .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_product .product_application .swiper-slide a {
  display: block;
  width: 100%;
}
.page_product .product_application .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page_product .product_application .application_swiper_pagination {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 999;
  text-align: center;
  width: auto;
  transform: translateX(-50%);
}
.page_product .product_application .swiper-pagination-bullet {
  background-color: #B3B3B3;
  opacity: 1;
}
.page_product .product_application .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.page_product .product_application_card .application_card_item {
  margin-bottom: 1.5rem;
}
.page_product .product_application_card .application_card_item:last-child {
  margin-bottom: 0;
}
.page_product .product_application_card .application_card_item .application_card_subtitle {
  margin-bottom: 15px;
}
.page_product .product_application_card .application_card_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  height: 100%;
}
.page_product .product_application_card .application_card_body img {
  width: 100%;
  min-height: 185px;
}
.page_product .product_application_card .application_card_body span {
  padding: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_product .product_application_card .layui-row {
  display: flex;
  flex-wrap: wrap;
}
.page_product .product_application_area {
  padding-top: 2.6rem;
}
.page_product .product_brand .product_brand_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 25px;
  border-bottom: 2px solid var(--primaryColor);
  background-color: #ffffff;
  gap: 10px;
}
.page_product .product_brand .product_brand_link:hover {
  color: var(--primaryColor);
}
.page_product .product_brand .product_brand_link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_product .product_brand .product_brand_link img {
  flex: none;
  width: 22px;
}
.page_product .product_brand .product_brand_desc {
  line-height: 1.7;
}
.page_product .product_brand .product_brand_desc > p:first-child {
  margin-bottom: 0.8rem;
}
.page_product .product_brand .product_brand_desc h2 {
  font-size: 18px;
}
.page_product .product_brand ul li {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--primaryColor);
}
.page_product .product_brand ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.page_product .product_brand_list .section_title {
  display: block;
}
.page_product .product_brand_list ul {
  background-color: #FDFDFD;
}
.page_product .product_brand_list li {
  padding: 2rem;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.page_product .product_brand_list li:nth-child(odd) {
  background-color: #F8F8F8;
}
.page_product .product_brand_list li:nth-child(even) .product_brand_link {
  background-color: #F8F8F8;
}
.page_product .product_form {
  background-color: #F8F8F8;
  padding: 3% 5% 2.6rem;
  margin: 0;
}
.page_product .product_form .product_form_list {
  display: flex;
  flex-wrap: wrap;
}
.page_product .product_form .product_form_list_item {
  width: 100%;
  margin-bottom: 15px;
}
.page_product .product_form .product_form_list_item img {
  display: block;
  width: 100%;
  height: 210px;
  background-color: #E6E6E6;
}
.page_product .product_form .product_form_list_item p {
  padding: 15px 5%;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_product .product_features_icons .icons_item {
  text-align: center;
}
.page_product .product_features_icons img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.page_product .product_features_icons p {
  padding: 15px;
}
.page_product .cathay-container {
  margin-bottom: 0;
  /* 灰色元素 */
  /* 白色元素 */
}
.page_product .cathay-container > section:nth-child(odd).product_series .features_item_body {
  background-color: #F8F8F8;
}
.page_product .cathay-container > section:nth-child(odd).product_continuity .continuity_card {
  background-color: #F8F8F8;
}
.page_product .cathay-container > section:nth-child(odd).product_application_card .application_card_body {
  background-color: #F8F8F8;
}
.page_product .cathay-container > section:nth-child(odd) .feature_card_body > img {
  background-color: #F8F8F8;
}
.page_product .cathay-container > section:nth-child(even) {
  background-color: #F8F8F8;
  padding: 50px 0;
}
.page_product .cathay-container > section:nth-child(even).product_series .features_item_body {
  background-color: #ffffff;
}
.page_product .cathay-container > section:nth-child(even).product_continuity .continuity_card {
  background-color: #ffffff;
}
.page_product .cathay-container > section:nth-child(even).product_application_card .application_card_body {
  background-color: #ffffff;
}
.page_product .cathay-container > section:nth-child(even):last-child {
  margin-bottom: 0;
}
.page_product .cathay-container > section:nth-child(even) .feature_card_body > img {
  background-color: #ffffff;
}
.page_product .product_line_container .section_title {
  text-align: center;
}
.page_product .product_line_container .section_desc {
  text-align: center;
}
.page_product .product_line_container .detail_banner_title {
  color: #ffffff;
}
.page_product .product_line_container .product_img {
  display: block;
  width: 100%;
}
.page_product .engineering_plastic_container .product_series a {
  background-color: #ffffff;
}
.page_product .engineering_plastic_container .product_brand .product_brand_link {
  background-color: #F8F8F8;
}
.page_product .cathay-tag-application .section_title {
  margin-bottom: 15px;
}
.page_product .cathay-tag-application p {
  margin-bottom: 20px;
}
.page_product .cathay-tag-application .cathay-tag-application__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.page_product .cathay-tag-application .layui-btn {
  color: #ffffff !important;
  background-color: var(--primaryColor);
  margin: 0 !important;
  font-size: 20px;
  line-height: 46px;
  height: 48px;
  padding-left: 68px;
  position: relative;
}
.page_product .cathay-tag-application .layui-btn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background: #fff url(../images/icon/icon_065.png) no-repeat center center;
  background-size: 36px;
}
.page_product .cathay-tag-application__dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  display: none;
}
.page_product .cathay-tag-application__dialog .cathay-tag-application__dialog_container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_product .cathay-tag-application_section .section_title {
  justify-content: center;
}
.page_product .cathay-tag-application_section .cathay-card__process {
  display: flex;
  align-items: stretch;
  gap: 0.8rem;
  margin: 3rem 0 2rem;
}
.page_product .cathay-tag-application_section .cathay-card__process_item {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 35px 24px;
  line-height: 1.7;
}
.page_product .cathay-tag-application_section .cathay-card__process_item img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.page_product .cathay-tag-application_section .cathay-card__process_item h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.page_product .cathay-tag-application_section .cathay-card__process_line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_product .cathay-tag-application_section .cathay-card__process_line img {
  width: 30px;
}
.page_product .cathay-tag-application_section .cathay-card__process_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.page_product .cathay-tag-application_section .cathay-card__process_btn .layui-btn {
  color: #ffffff !important;
  background-color: var(--primaryColor);
  margin: 0 !important;
  font-size: 20px;
  line-height: 46px;
  height: 48px;
  padding-left: 24px;
  position: relative;
  border-radius: 0;
}
.page_product .cathay-tag-application_section .cathay-card__process_btn .layui-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  border-radius: 10px;
  width: 28px;
  height: 28px;
  background: url(../images/icon/icon_070.png) no-repeat center center;
  background-size: 22px;
  transform: translateY(-50%);
}

/* ------------------------------
***  end 产品与技术
---------------------------------*/
/* 加入我们 Page aboutCareers.html */
.joinus_page .section_ytqx li {
  display: flex;
  overflow: hidden;
}
.joinus_page .section_ytqx img {
  display: block;
  width: 68%;
  max-height: 350px;
}
.joinus_page .section_ytqx a {
  flex: none;
  display: block;
  padding: 30px;
  background-color: var(--primaryColor);
  color: #ffffff;
  width: 32%;
}
.joinus_page .section_ytqx a h2 {
  font-size: 28px;
  padding-top: 25%;
  padding-bottom: 85%;
}
.joinus_page .section_ytqx a .move {
  transition: all 0.2s ease;
}
.joinus_page .section_ytqx a:hover .move {
  font-weight: bold;
  margin-left: 10px;
}
.joinus_page .section_yrwb {
  padding: 50px 0;
  background-size: cover;
}
.joinus_page .section_yrwb .section_yrwb_container {
  display: flex;
  flex-direction: column;
}
.joinus_page .section_yrwb .info {
  width: 100%;
  text-align: left;
  padding-bottom: 4%;
  flex: none;
}
.joinus_page .section_yrwb .info .section_title, .joinus_page .section_yrwb .info .introduce_text {
  text-align: left;
}
.joinus_page .section_yrwb .introduce_text {
  margin-bottom: 20px;
}
.joinus_page .section_yrwb h2 {
  margin-bottom: 20px;
  font-size: 18px;
}
.joinus_page .section_yrwb img {
  height: 100%;
}

.list li {
  line-height: 1.7;
  padding: 0 14px;
  margin-bottom: 5px;
  position: relative;
}
.list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primaryColor);
}
.list li a:hover {
  color: var(--primaryColor);
}

/* end 加入我们 Page aboutCareers.html */
/* 产品与技术*/
/* - 产品线 Page PTProductLine.html  */
.section_filter_criteria {
  background-color: #F8F8F8;
  padding: 50px 30px;
}
.section_filter_criteria .filter_criteria_title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.section_filter_criteria .filter_criteria_title i {
  font-size: 26px;
  color: var(--primaryColor);
}
.section_filter_criteria .filter_criteria_title label {
  font-size: 18PX;
  font-weight: bold;
  padding-left: 20px;
}
.section_filter_criteria .layui-input {
  border-color: #D2D2D2;
}
.section_filter_criteria .layui-form-select .layui-edge {
  border-top-color: var(--primaryColor);
}
.section_filter_criteria .layui-btn {
  width: 100%;
}

/* - 应用解决方案 Page PTApplicationSolution.html  */
.appSolution_page figcaption .figcaption_item {
  justify-content: center;
}
.appSolution_page figcaption .figcaption_item a {
  width: 80%;
}

/* - 核心技术 Page PTCoreTechnology.html  */
.coreTechnology_page .grid_item_body {
  border: 1px solid var(--primaryColor);
  padding: 35px;
}
.coreTechnology_page .grid_item_body > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coreTechnology_page .grid_item_body > div h2 {
  font-size: 20px;
  color: var(--primaryColor);
}
.coreTechnology_page .grid_item_body > div img {
  flex: none;
  width: 65px;
  height: 65px;
  border-radius: 100%;
}
.coreTechnology_page .grid_item_body p {
  margin-top: 30px;
  line-height: 1.7;
}

/* end 产品与技术*/
@media (max-width: 768px) {
  .layui-container {
    width: 100%;
  }
  .section_title {
    font-size: 20px;
  }
  .page_home .material_content {
    grid-template-columns: repeat(3, 31.5%);
    grid-gap: 10px;
  }
  .page_home .material_content li {
    height: 120px;
  }
  .page_home .material_content li:nth-child(4) {
    height: 120px;
  }
  .page_home .material_content li:nth-child(1), .page_home .material_content li:nth-child(8) {
    height: 250px;
  }
  /* 内置公共样式 */
  .comm_card .card_item {
    flex-direction: column;
  }
  .comm_card .card_item .card_item_img, .comm_card .card_item .card_item_primary {
    width: 100% !important;
  }
  /* 首页 */
  .page_home .banner .content h1 {
    font-size: 22px;
  }
  .page_home .banner .content h2 {
    font-size: 18px;
  }
  .page_home .banner .content h2::after {
    height: 2px;
  }
  .joinus_page .section_ytqx img {
    width: 100%;
    height: 200px;
  }
  .joinus_page .section_ytqx li {
    flex-direction: column;
  }
  .joinus_page .section_ytqx a {
    width: 100%;
  }
  .joinus_page .section_ytqx a h2 {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .detail_banner .layui-container {
    width: 100%;
  }
  /* 应用解决方案-banner */
  .cathay-detail-banner__solution {
    flex-direction: column;
    color: #000;
  }
  .cathay-detail-banner__solution .cathay-detail-banner_img {
    position: relative;
    width: 100%;
    height: auto;
    right: 0;
    left: auto;
  }
  .cathay-detail-banner__solution .cathay-detail-banner_body {
    max-width: 100%;
    background-color: #f2f2f2;
  }
  .cathay-detail-banner__solution .cathay-detail-banner_title {
    color: var(--primaryColor);
  }
  .download_list .download_item {
    height: 140px;
  }
  .cathay-product-line__swiper .swiper-button-next, .cathay-product-line__swiper .swiper-button-prev {
    display: none;
  }
  .cathay-product-line__swiper .swiper-scrollbar {
    opacity: 1 !important;
    background-color: #f2f2f2 !important;
  }
  .cathay-product-line__swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 0 !important;
    width: 100% !important;
    height: 6px !important;
  }
  .cathay-product-line__swiper .swiper-scrollbar-drag {
    width: auto;
    background-color: var(--primaryColor) !important;
  }
  /* ------------------------------
  ***  产品与技术
  ---------------------------------*/
  .page_product {
    /* 可持续性 */
  }
  .page_product .product_continuity .continuity_card img {
    width: 115px !important;
  }
  .page_product .product_continuity .continuity_card h2 {
    font-size: 14px;
  }
  /* ------------------------------
  ***  end 产品与技术
  ---------------------------------*/
}
@media (min-width: 490px) {
  .page_product .product_form .product_form_list {
    margin: 0 -15px;
  }
  .page_product .product_form .product_form_list_item {
    width: 50%;
    padding: 0 15px;
  }
  .page_product .cathay-container {
    /* 白色元素 */
  }
  .page_product .cathay-container > section:nth-child(even) {
    padding: 2.2rem 0;
  }
}
@media (min-width: 768px) {
  /* ------
  *** 内置公共样式 
  ------------------------------*/
  section {
    margin-bottom: 2.2rem;
  }
  .section_bg {
    padding: 2.2rem 0;
  }
  .section_title {
    margin-bottom: 38px;
  }
  .detail_banner_basic .detail_banner_img {
    position: absolute;
    width: 46%;
    height: 100%;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .detail_banner_basic .banner_basic_body {
    max-width: 58%;
    padding: 3rem 0;
    position: relative;
  }
  .detail_banner_basic .banner_basic_body::after {
    content: "";
    position: absolute;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to right, #F2F2F2, transparent);
  }
  .nav_dropdown .layui-nav {
    flex: 1;
  }
  .nav_dropdown .layui-nav-item a {
    line-height: 60px;
  }
  .nav_dropdown .layui-nav-item .layui-nav-child {
    top: 50px;
  }
  .cathay-card-panel .cathay-card-panel__title {
    font-size: 20px;
  }
  /* 应用解决方案-选项卡 */
  .cathay-tab-panel_solution .cathay-tab-panel__item_content {
    flex-direction: row;
  }
  /* ------
  *** end 内置公共样式 
  ------------------------------*/
  /* ------------------------------
  ***  首页
  ---------------------------------*/
  .page_home .material_content li .text {
    font-size: 18px;
  }
  .page_home .section_value .content {
    padding: 2rem 2.5rem;
  }
  .page_home .section_value .text {
    font-size: 16px;
    margin: 50px 0;
  }
  .page_home .section_about_us .content_right {
    padding: 6% 35px;
  }
  .page_product .product_form .product_form_list_item {
    width: 33.3%;
    padding: 0 15px;
  }
  /* ------------------------------
  ***  end 首页
  ---------------------------------*/
  /* ------------------------------
  ***  关于我们
  ---------------------------------*/
  /* === 联系我们 Page aboutContact.html */
  .page_about_contact .contact_demand_header h2 {
    font-size: 26px;
  }
  .page_aboutJob .job_detail_name {
    font-size: 24px;
  }
  .page_aboutJob .job_detail_title {
    font-size: 20px;
  }
  /* ------------------------------
  ***  end 关于我们
  ---------------------------------*/
  /* 投资者关系通讯 */
  .page_invest .invest_cmmunication_container .flex_default {
    padding-left: 25%;
  }
  .page_product .product_indicators table {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .page_product .product_form .product_form_list_item {
    width: 33.3%;
    padding: 0 15px;
  }
  .joinus_page .section_yrwb {
    padding: 0;
  }
  .joinus_page .section_yrwb .section_yrwb_container {
    flex-direction: row;
  }
  .joinus_page .section_yrwb .info {
    width: 45%;
    padding: 3% 5% 3% 0;
  }
  .joinus_page .section_yrwb img {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .page_product .product_form .product_form_list_item {
    width: 20%;
    padding: 0 15px;
  }
}
@media (max-width: 992px) {
  .page_home .section_about_us img {
    height: 220px;
  }
  .page_home .section_about_us .content_right {
    position: relative;
    width: 100%;
  }
  .production_base_list, .contact_card_primary {
    display: block !important;
  }
  .page_product {
    /* 吊牌申请页面 */
  }
  .page_product .cathay-tag-application_section .cathay-card__process {
    flex-direction: column;
    gap: 30px;
  }
  .page_product .cathay-tag-application_section .cathay-card__process_item {
    margin-top: 25px;
  }
  .page_product .cathay-tag-application_section .cathay-card__process_line img {
    transform: rotate(90deg);
  }
  /* ------------------------------
  ***  关于我们
  ---------------------------------*/
  /* === 公司概况 Page aboutCompany.html */
  .page_about_company .section_qywh .qywh_list {
    flex-direction: column;
  }
  .page_about_company .section_qywh .qywh_list_item {
    width: 100%;
    border-right: none !important;
    border-bottom: 1px solid #ffffff;
  }
  /* ------------------------------
  ***  end 关于我们
  ---------------------------------*/
  .nav_dropdown .layui-nav {
    display: none;
  }
  .green_product_page .product_info .card_item {
    background-color: transparent;
    padding: 0;
  }
  .green_product_page .product_info .card_item_primary {
    padding: 0;
  }
  .green_product_page .product_info .card_item_img {
    padding: 0;
  }
  .green_product_page .product_card h2 {
    font-size: 18px;
  }
  footer .footer_t {
    justify-content: center;
  }
  footer .footer_t ul {
    display: none;
  }
  .layui-form .layui-form-label {
    float: none;
    text-align: left;
    padding-left: 0;
  }
  .layui-form .layui-input-block {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  /* ------------------------------
  ***  可持续发展
  ---------------------------------*/
  .page_development .green_product_info .section_desc {
    width: 50%;
  }
  /* ------------------------------
  ***  end 可持续发展
  ---------------------------------*/
  .govern_page .content_desc p {
    width: 50%;
  }
}
@media screen and (min-width: 1920px) {
  .layui-container {
    width: 1500px;
  }
}/*# sourceMappingURL=index.css.map */