@charset "UTF-8";
/**
* 
* 开发者: 天水云图网络科技有限公司
* 邮箱: services@ytuiring.cn
* 网站: https://www.ytuiring.cn
* 
*/
/**
* 全局变量定义
*/
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG9_EnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG1_FnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG4HFnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG9_FnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG-3FnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGwHCnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGzjCnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG1_CnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanssc/v38/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG3bCnYw.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz76Cz_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7yCy_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7_6y_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz76Cy_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz75Ky_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7361_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz70e1_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7yC1_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7wm1_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7QCqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7TcqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SCqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SwqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RcrCWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RlrCWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7QCrCWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifsc/v33/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7QrrCWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFTzro.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRQQgYoZZY2vCFuvAFT9gaQVy4.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvDFR.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt65qV.ttf) format('truetype');
}
.noto-sans-sc {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.noto-sans-tc {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.noto-serif-sc {
  font-family: "Noto Serif SC", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.pt-serif {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}
.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
@font-face {
  font-family: "AutoFont1";
  src: local("Open Sans");
  /* 英文/数字字体 */
  unicode-range: U+0000-00FF, U+0100-017F;
  /* 拉丁字母、数字、标点 */
}
@font-face {
  font-family: "AutoFont1";
  src: local("Noto Sans SC");
  /* 中文字体 */
  unicode-range: U+4E00-9FFF, U+3400-4DBF;
  /* 中文范围 */
}
.ce-auto-font1 {
  font-family: "AutoFont1", sans-serif;
}
@font-face {
  font-family: "AutoFont2";
  src: local("PT Serif");
  /* 英文/数字字体 */
  unicode-range: U+0000-00FF, U+0100-017F;
  /* 拉丁字母、数字、标点 */
}
@font-face {
  font-family: "AutoFont2";
  src: local("Noto Serif SC");
  /* 中文字体 */
  unicode-range: U+4E00-9FFF, U+3400-4DBF;
  /* 中文范围 */
}
.ce-auto-font2 {
  font-family: "AutoFont2", serif;
}
body {
  margin: 0;
  color: #000;
  font-family: "AutoFont1", sans-serif;
}
/*所有锚点跳转都留出顶部空间*/
html {
  scroll-padding-top: 105px;
  /* 等于 fixed 头部的高度 */
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0;
}
/* 针对高清屏优化 */
@media (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
}
.text-row2 {
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.animate-300 {
  transition: all 0.3s ease-in-out;
}
.animate-color-300 {
  transition: color 0.3s ease-in-out;
}
.flex {
  display: flex;
}
.flex-align-center {
  align-items: center;
}
.flex-align-start {
  align-items: flex-start;
}
.flex-align-end {
  align-items: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-between {
  justify-content: space-between;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-justify-start {
  justify-content: flex-start;
}
.border-radius-10 {
  border-radius: 10px;
}
.border-radius-20 {
  border-radius: 20px;
}
.border-radius-30 {
  border-radius: 30px;
}
.pa-10 {
  padding: 10px;
}
.pa-20 {
  padding: 20px;
}
.pa-30 {
  padding: 30px;
}
.pa-40 {
  padding: 40px;
}
.pa-50 {
  padding: 50px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
.color-white {
  color: #fff;
}
.bg-white {
  background-color: #fff;
}
.btn {
  display: inline-block;
  padding: 18px 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #ff6965;
  border-radius: 8px;
}
.scrollbar-hide {
  /* 标准属性 - 适用于Firefox */
  scrollbar-width: none;
  /* IE/Edge 10+ */
  -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
/* 兼容旧版Edge (EdgeHTML) */
@supports (-ms-ime-align: auto) {
  .scrollbar-hide {
    overflow: -ms-autohiding-scrollbar;
  }
}
/* 兼容IE 10/11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .scrollbar-hide {
    -ms-overflow-style: none;
    overflow: -ms-autohiding-scrollbar;
  }
}
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  z-index: 100;
  transition: background-color 0.3s ease-in-out;
}
.page-header .page-header-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-header .page-header-container .page-header-logo {
  width: auto;
  height: 35px;
  max-width: 300px;
}
.page-header .page-header-container .page-header-logo .page-header-logo-white,
.page-header .page-header-container .page-header-logo .page-header-logo-black {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-header .page-header-container .page-header-logo .page-header-logo-black {
  display: none;
}
.page-header .page-header-container .page-navs {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-header .page-header-container .page-navs .page-nav {
  display: block;
  height: 65px;
  font-size: 18px;
  padding: 0 48px;
  line-height: 65px;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.page-header .page-header-container .page-navs .page-nav .page-nav-title {
  display: block;
  transition: color 0.3s ease-in-out;
}
.page-header .page-header-container .page-navs .page-nav .page-nav-title:hover {
  color: #ff9500;
}
.page-header .page-header-container .page-navs .page-nav:last-child::after {
  display: none;
}
.page-header .page-header-container .page-navs .page-nav-dropdown {
  position: relative;
}
.page-header .page-header-container .page-navs .page-nav-dropdown .page-nav-dropdown-title {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.page-header .page-header-container .page-navs .page-nav-dropdown .page-nav-dropdown-title:hover {
  color: #ff9500;
}
.page-header .page-header-container .page-navs .page-nav-dropdown .page-nav-dropdown-panel {
  display: none;
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
}
.page-header .page-header-container .page-navs .page-nav-dropdown .page-nav-dropdown-panel .page-nav-dropdown-item {
  display: block;
  text-align: center;
  line-height: 40px;
  transition: color 0.3s ease-in-out;
}
.page-header .page-header-container .page-navs .page-nav-dropdown .page-nav-dropdown-panel .page-nav-dropdown-item:hover {
  color: #ff9500;
}
.page-header .page-header-container .page-navs .page-nav-active {
  color: #ff9500;
}
.page-header .page-header-container .page-navs .page-nav-white::after,
.page-header .page-header-container .page-navs .page-nav-black::after {
  position: absolute;
  content: "";
  top: 25%;
  right: 0;
  width: 1px;
  height: 50%;
  background-color: #fff;
}
.page-header .page-header-container .page-navs .page-nav-black::after {
  background-color: #fff;
}
.page-header .page-header-container .page-navs .mb-navbtn {
  display: none;
}
.mb-navbar {
  display: none;
}
.page-card .page-card-header {
  text-align: center;
}
.page-card .page-card-header .page-card-cn-first-title {
  color: #ab6d00;
  font-size: 35px;
  line-height: 100%;
  margin-bottom: 5px;
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.page-card .page-card-header .page-card-cn-title {
  margin-bottom: 20px;
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 54px;
  line-height: 100%;
  color: #ab6d00;
}
.page-card .page-card-header .page-card-en-title {
  color: #ab6d00;
  font-size: 35px;
  line-height: 100%;
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}
.page-card .page-card-header .page-card-des {
  margin-top: 20px;
  font-size: 35px;
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  text-align: center;
  color: initial;
  font-weight: normal;
}
.page-container {
  padding: 90px 0;
}
.page-container .page-container-header {
  margin-bottom: 40px;
}
.page-container .page-container-header .page-container-title {
  font-size: 54px;
  margin-bottom: 10px;
  color: #ab6d00;
  font-family: "Noto Serif SC", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.page-container .page-container-header .page-container-meta {
  font-size: 18px;
}
.page-container .page-container-content {
  font-size: 18px;
  line-height: 40px;
  font-family: "AutoFont1", sans-serif;
}
.page-container .page-container-content .page-container-content-title {
  font-size: 54px;
  line-height: 58px;
  text-align: center;
  margin-bottom: 10px;
  color: #bc933a;
  font-family: "Noto Serif SC", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.page-container .page-container-content .page-container-content-time {
  font-size: 18px;
  margin-bottom: 30px;
  color: #909090;
  text-align: center;
}
.page-container .page-container-content img {
  display: block;
  margin: 10px auto;
  max-width: 100%;
  object-fit: cover;
}
.page-container .page-container-content p {
  margin-bottom: 10px;
}
.page-container .page-container-content h1,
.page-container .page-container-content h2,
.page-container .page-container-content h3,
.page-container .page-container-content h4,
.page-container .page-container-content h5,
.page-container .page-container-content h6 {
  margin-bottom: 15px;
  color: #bc933a;
  text-align: center;
  font-family: "Noto Serif SC", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.page-footer {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0 20px;
}
.page-footer .page-footer-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.page-footer .page-footer-main {
  color: #fff;
}
.page-footer .page-footer-main .page-footer-info {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l {
  flex: 1;
  margin-right: 150px;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line1 {
  margin-bottom: 30px;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line1 .page-footer-line1-title {
  margin-bottom: 5px;
  font-size: 1.2em;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line1 .page-footer-line1-number {
  font-size: 1.3em;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line2 {
  margin-bottom: 30px;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line2 .page-footer-line2-title {
  margin-bottom: 5px;
  font-size: 1.2em;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line2 .page-footer-line2-number {
  font-size: 1.1em;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-line3 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-links .page-footer-link {
  padding: 5px 20px;
  font-size: 1.1em;
  position: relative;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-links .page-footer-link::after {
  position: absolute;
  right: 0;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  content: "";
  background-color: #fff;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-links .page-footer-link:first-child {
  padding-left: 0;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-l .page-footer-links .page-footer-link:last-child::after {
  content: none;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-r {
  margin-bottom: 5px;
  text-align: center;
  font-size: 1em;
}
.page-footer .page-footer-main .page-footer-info .page-footer-info-r .page-footer-qr img {
  width: 150px;
  height: 150px;
}
.page-footer .page-footer-line {
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin: 10px 0;
}
.page-footer .page-footer-copyright {
  text-align: center;
  font-size: 1em;
}
/* 首页 */
.index-header .index-header-bg {
  width: 100%;
}
.index-header .index-header-bg img {
  width: 100%;
  height: auto;
}
.index-header .index-mb-header-bg {
  display: none;
  margin-bottom: 80px;
  position: relative;
}
.index-header .index-mb-header-bg img {
  width: 100%;
  height: auto;
}
.index-header .index-mb-header-bg .index-mb-header-sub {
  bottom: -40px;
  left: 10%;
  right: 10%;
  position: absolute;
  background-color: #c12866;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 1.8em;
  font-weight: 800;
}
.index-header .index-header-grids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  align-items: center;
}
.index-header .index-header-grids .index-header-grid img {
  width: auto;
  height: 90px;
}
.index-menus-container {
  background-image: url("../images/other/index-bg2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 150px;
}
.index-menus-container .index-menus {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
}
.index-menus-container .index-menus .index-menu {
  display: block;
  width: 100%;
  height: 100%;
}
.index-menus-container .index-menus .index-menu:hover img {
  transform: scale(1.1);
}
.index-menus-container .index-menus .index-menu img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.index-mb-menus-container {
  display: none;
  background-image: url(../images/page/index/index-mb-menus-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.index-mb-menus-container .index-mb-menus {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.index-mb-menus-container .index-mb-menus .index-mb-menu {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-mb-menus-container .index-mb-menus .index-mb-menu:first-child {
  grid-column: 1 / -1;
}
.index-mb-menus-container .index-mb-menus .index-mb-menu img {
  width: 100%;
  height: 100%;
}
.index-news-container {
  margin-top: 150px;
}
.index-news-container .index-news .index-news-item {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px;
}
.index-news-container .index-news .index-news-item .index-news-thumb {
  flex: 1;
}
.index-news-container .index-news .index-news-item .index-news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-news-container .index-news .index-news-item .index-news-content {
  max-width: 40%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-title {
  margin-bottom: 20px;
  line-height: 40px;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-title .index-news-title-cn {
  font-size: 2.5em;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-title .index-news-title-en {
  font-size: 1.6em;
  color: #df1873;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-content-title {
  font-size: 1em;
  line-height: 35px;
  font-size: 1.6em;
  margin-bottom: 10px;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-content-time {
  font-size: 1.2em;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-top .index-news-content-desc {
  margin-top: 20px;
  color: #999;
  font-size: 1.1em;
  line-height: 32px;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-bottom .index-news-content-link {
  margin-top: 20px;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-bottom .index-news-content-link img {
  width: 2em;
  height: 2em;
  vertical-align: middle;
  margin-right: 5px;
}
.index-news-container .index-news .index-news-item .index-news-content .index-news-content-bottom .index-news-content-link span {
  vertical-align: middle;
  font-size: 1.2em;
}
.index-client-container {
  background-image: url("../images/other/index-bg3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-top: 50px;
  margin-bottom: -120px;
  padding: 50px 0 200px;
}
.index-client-container .index-client .index-client-title {
  margin-bottom: 100px;
}
.index-client-container .index-client .index-client-title .index-client-title-cn {
  display: inline-block;
  font-size: 2em;
  position: relative;
}
.index-client-container .index-client .index-client-title .index-client-title-cn::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 4px;
  height: 70%;
  top: 15%;
  right: -30px;
}
.index-client-container .index-client .index-client-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 100px;
}
.index-client-container .index-client .index-client-items .index-client-item:nth-child(n + 16) {
  display: none;
}
.index-client-container .index-client .index-client-items .index-client-item {
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.index-client-container .index-client .index-client-items .index-client-item img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  object-fit: contain;
}
.hgpt-page-bg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}
.hgpt-page-bg1 {
  display: block;
  max-width: 30%;
}
.hgpt-page-bg2 {
  display: block;
  width: 42%;
  float: right;
  margin-top: -70%;
}
.hgpt-page-bg3 {
  display: block;
  width: 100%;
  margin-top: 50px;
}
.hgpt-page-bg4 {
  margin-top: 100px;
  display: block;
  width: 50%;
}
/*华光普泰*/
.hgpt-page .hgpt-page-header {
  position: relative;
}
.hgpt-page .hgpt-page-header img {
  width: 100%;
  height: 100%;
}
.hgpt-page .hgpt-about-main {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.hgpt-page .hgpt-about-main .hgpt-about-title {
  margin-top: -60px;
  text-align: right;
  font-size: 2em;
  position: relative;
}
.hgpt-page .hgpt-about-main .hgpt-about-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 2em;
  height: 3px;
  bottom: -5px;
  right: 0;
}
.hgpt-page .hgpt-about-main .hgpt-abount-content {
  margin-top: 50px;
  color: #333;
  line-height: 30px;
}
.hgpt-page .hgpt-about-main .hgpt-abount-content p {
  margin-bottom: 20px;
  text-indent: 2em;
}
.hgpt-page .hgpt-mb-about-main {
  display: none;
}
.hgpt-page .hgpt-brand-main {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-text {
  width: 40%;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-text .hgpt-brand-title {
  font-size: 2em;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-text .hgpt-brand-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 3px;
  height: 1em;
  right: -20px;
  top: calc(50% - 0.5em);
}
.hgpt-page .hgpt-brand-main .hgpt-brand-text .hgpt-brand-content {
  line-height: 30px;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-text .hgpt-brand-content p {
  margin-bottom: 20px;
  text-indent: 2em;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-grids {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-grids .hgpt-brand-grid {
  width: 100%;
  aspect-ratio: 1/0.8;
  overflow: hidden;
  background-image: url(../images/other/shadow-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-grids .hgpt-brand-grid img {
  max-width: 80%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.hgpt-page .hgpt-brand-main .hgpt-brand-grids .hgpt-brand-grid .hgpt-brand-year {
  margin-top: 10px;
  font-size: 1em;
  color: #999;
  font-style: italic;
}
.hgpt-page .hgpt-culture-main .hgpt-culture-title {
  font-size: 2em;
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}
.hgpt-page .hgpt-culture-main .hgpt-culture-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 2em;
  height: 3px;
  bottom: -5px;
  right: 0;
}
.hgpt-page .hgpt-culture-main .hgpt-culture-content {
  line-height: 30px;
}
.hgpt-page .hgpt-culture-main .hgpt-culture-content p {
  margin-bottom: 20px;
  text-indent: 2em;
}
.hgpt-page .hgpt-mb-culture-main {
  display: none;
}
.hgpt-page .hgpt-mb-culture-main img {
  width: 100%;
}
.hgpt-page .hgpt-team-main {
  margin-top: 80px;
}
.hgpt-page .hgpt-team-main .hgpt-team-title {
  font-size: 2em;
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}
.hgpt-page .hgpt-team-main .hgpt-team-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 2em;
  height: 3px;
  bottom: -5px;
  right: 0;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters {
  margin-bottom: 50px;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 50px;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character:nth-child(even) {
  flex-direction: row-reverse;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character:nth-child(even) .hgpt-team-character-info .hgpt-team-character-name {
  text-align: left;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character:last-child {
  margin-bottom: 0;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character:last-child .hgpt-team-character-info .hgpt-team-character-name {
  text-align: right;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-avatar {
  width: 400px;
  height: 400px;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-avatar .hgpt-mb-team-names {
  display: none;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-info {
  flex: 1;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-info .hgpt-team-character-name {
  font-size: 1.5em;
  margin-bottom: 20px;
  font-weight: bold;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-info .hgpt-team-character-intro {
  line-height: 26px;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-info .hgpt-team-character-intro p {
  text-indent: 2em;
}
.hgpt-page .hgpt-team-main .hgpt-team-characters .hgpt-team-character .hgpt-team-character-info .hgpt-team-character-intro2 {
  line-height: 35px;
}
.hgpt-page .hgpt-history-main {
  margin-top: 80px;
}
.hgpt-page .hgpt-history-main .hgpt-history-title {
  font-size: 2em;
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}
.hgpt-page .hgpt-history-main .hgpt-history-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 3px;
  height: 1em;
  right: -20px;
  top: calc(50% - 0.5em);
}
.hgpt-page .hgpt-history-main .hgpt-history-timeline {
  position: relative;
}
.hgpt-page .hgpt-history-main .hgpt-history-timeline img {
  width: 100%;
  height: auto;
}
.hgpt-page .hgpt-history-main .hgpt-history-timeline .hgpt-history-timeline-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}
/*联系我们*/
.contact-container {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-container .contact-main {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 30px;
}
.contact-container .contact-main .contact-info {
  flex: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 20px 40px;
}
.contact-container .contact-main .contact-info::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.contact-container .contact-main .contact-info .contact-info-title {
  font-size: 1.5em;
  margin-bottom: 20px;
  font-weight: bold;
}
.contact-container .contact-main .contact-info .contact-info-item {
  margin-bottom: 20px;
}
.contact-container .contact-main .contact-form {
  flex: 1;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 40px 80px;
  box-sizing: border-box;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
}
.contact-container .contact-main .contact-form form {
  width: 100%;
}
.contact-container .contact-main .contact-form .contact-form2 {
  width: 100%;
}
.contact-container .contact-main .contact-form .contact-form2-title {
  font-size: 1.5em;
  margin-bottom: 20px;
  text-align: center;
}
.contact-container .contact-main .contact-form .contact-form2-item .contact-form2-item-main input,
.contact-container .contact-main .contact-form .contact-form2-item .contact-form2-item-main textarea {
  display: block;
  width: calc(100% - 5px);
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: none;
  outline: none;
  margin-bottom: 20px;
  transition: outline 0.3s ease-in-out;
  color: #fff;
  box-sizing: border-box;
}
.contact-container .contact-main .contact-form .contact-form2-item .contact-form2-item-main input:focus,
.contact-container .contact-main .contact-form .contact-form2-item .contact-form2-item-main textarea:focus {
  outline: 1px solid #eee;
}
.contact-container .contact-main .contact-form .contact-form2-btn {
  background-color: #c12067;
  border: none;
  outline: none;
  display: block;
  width: 100%;
  padding: 10px;
}
/*核医核药*/
.nuclear-container {
  margin-bottom: -150px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-products-title {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-products-sub-title {
  display: inline-block;
  background-color: #2175b2;
  color: #fff;
  padding: 2px 20px;
  border-radius: 24px;
  margin-bottom: 15px;
  font-size: 1.4em;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product {
  margin-bottom: 50px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-name {
  color: #2175b2;
  margin-bottom: 5px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-desc {
  line-height: 28px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-photos {
  margin-top: 30px;
  align-items: stretch;
  justify-content: space-between;
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(2, 1fr);
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-photos .nuclear-product-photo {
  width: 100%;
  text-align: center;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-photos .nuclear-product-photo img {
  height: 80%;
  object-fit: cover;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product .nuclear-product-photos .nuclear-product-photo .nuclear-product-photo-desc {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10%;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product-line6 .nuclear-product-line6-title {
  display: inline-block;
  background-color: #edbf49;
  color: #fff;
  padding: 2px 20px;
  border-radius: 24px;
  margin-bottom: 15px;
  font-size: 1.4em;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product-line6 .nuclear-product-line6-main {
  margin-bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product-line6 .nuclear-product-line6-main .nuclear-product-line6-texts {
  line-height: 32px;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product-line6 .nuclear-product-line6-main .nuclear-product-line6-texts .nuclear-product-line6-text {
  position: relative;
  padding-left: 15px;
  white-space: nowrap;
}
.nuclear-container .nuclear-main .nuclear-products .nuclear-product-line6 .nuclear-product-line6-main .nuclear-product-line6-texts .nuclear-product-line6-text::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #edbf49;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/*页面公用*/
.bg1-group {
  background-image: url("../images/other/news-bg-full.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% contain;
  padding-bottom: 200px;
  margin-bottom: -100px;
  z-index: -1;
}
.cus-page .cus-page-header {
  position: relative;
}
.cus-page .cus-page-header img {
  width: 100%;
  height: 100%;
}
.cus-page .cus-mb-page-header {
  display: none;
  width: 100%;
  margin-bottom: 20px;
}
.cus-page .cus-mb-page-header img {
  width: 100%;
  height: 100%;
}
.cus-page .cus-page-item {
  margin-bottom: 50px;
}
.cus-page .cus-page-item:last-child {
  margin-bottom: 0;
}
.cus-page .cus-page-item .cus-page-item-title {
  font-size: 2em;
  position: relative;
}
.cus-page .cus-page-item .cus-page-item-title::after {
  position: absolute;
  content: "";
  background-color: #c12067;
  width: 2em;
  height: 3px;
  bottom: -5px;
}
.cus-page .cus-page-item .cus-page-item-title-l {
  text-align: left;
}
.cus-page .cus-page-item .cus-page-item-title-l::after {
  left: 0;
}
.cus-page .cus-page-item .cus-page-item-title-r {
  text-align: right;
}
.cus-page .cus-page-item .cus-page-item-title-r::after {
  right: 0;
}
.cus-page .cus-page-item .cus-page-item-main {
  margin-top: 20px;
  position: relative;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-main-img-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-desc {
  line-height: 30px;
  padding: 0 20px;
  box-sizing: border-box;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-desc p {
  margin-bottom: 20px;
  text-indent: 2em;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-img-title {
  margin-bottom: 20px;
  color: #2175b2;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-imgs {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}
.cus-page .cus-page-item .cus-page-item-main .cus-page-item-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.patient-page-logo {
  margin-top: -50px;
  margin-bottom: 100px;
  width: auto;
  height: 60px;
}
.art-container .art-title {
  font-size: 2em;
  margin-bottom: 40px;
  color: #df1471;
  font-weight: bold;
}
.art-container .art-content {
  line-height: 30px;
}
.art-container .art-content p {
  margin-bottom: 30px;
}
.testing-certificate {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
.testing-certificate .testing-certificate-imgs {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.testing-certificate .testing-certificate-imgs img {
  max-width: 100%;
  height: auto;
  display: block;
}
.rehab-mb-img {
  display: none;
}
/*放疗设备*/
.radiotherapy-body {
  background-color: #fff;
}
.radiotherapy-container .radiotherapy-main {
  margin-bottom: 50px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item {
  margin-bottom: 100px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item:last-child {
  margin-bottom: 0;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-title {
  font-size: 2em;
  margin-bottom: 30px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content {
  display: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-info {
  width: 50%;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-info .radiotherapy-item-content-title {
  font-size: 1.5em;
  margin-bottom: 30px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-info .radiotherapy-item-content-title img {
  height: 100px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-info .radiotherapy-item-content-desc {
  line-height: 32px;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-info .radiotherapy-item-content-desc p {
  color: #333333;
  text-indent: 2em;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-img {
  width: 50%;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content .radiotherapy-item-content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item .radiotherapy-item-contents .radiotherapy-item-content.active {
  display: flex;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item1 .radiotherapy-item-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 50px;
  background-image: url(../images/page/radiotherapy/tab-line.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 50%;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item1 .radiotherapy-item-tabs .radiotherapy-item-tab {
  background-color: #fff;
  height: 130px;
  width: 130px;
  line-height: 130px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 1.5em;
  color: #999;
  font-weight: bold;
  cursor: pointer;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item1 .radiotherapy-item-tabs .radiotherapy-item-tab.active {
  color: #2175b2;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item2 .radiotherapy-item-tabs {
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 50px;
  border: 1px solid #2175b2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 50%;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item2 .radiotherapy-item-tabs .radiotherapy-item-tab {
  padding: 15px 20px;
  text-align: center;
  font-size: 1.5em;
  color: #2175b2;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item2 .radiotherapy-item-tabs .radiotherapy-item-tab.active {
  color: #fff;
  background-color: #2175b2;
}
.radiotherapy-container .radiotherapy-main .radiotherapy-item2 .radiotherapy-item-tabs .radiotherapy-item-tab:hover {
  color: #fff;
  background-color: #2175b2;
}
/*底部*/
.page-mb-footer {
  display: none;
  background-color: #292929;
  padding: 15px 20px;
  font-size: 14px;
}
.page-mb-footer .page-mb-footer-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-l {
  flex: 1;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-l .page-footer-line1 {
  color: #999;
  line-height: 25px;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-l .page-mb-footer-metas {
  color: #b7b7b7;
  line-height: 25px;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-l .page-mb-footer-metas .page-mb-footer-meta-title {
  color: #fff;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-l .page-mb-footer-metas .page-mb-footer-meta {
  color: #ccc;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-r {
  color: #ccc;
  margin-bottom: 5px;
  margin-left: 20px;
}
.page-mb-footer .page-mb-footer-main .page-mb-footer-r .page-footer-qr img {
  width: 80px;
  height: 80px;
}
.page-mb-footer .page-mb-footer-links {
  padding: 10px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin: 10px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: space-between;
}
.page-mb-footer .page-mb-footer-links .page-mb-footer-link {
  color: #999;
  text-align: center;
  position: relative;
}
.page-mb-footer .page-mb-footer-links .page-mb-footer-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #999;
}
.page-mb-footer .page-mb-footer-links .page-mb-footer-link:last-child::after {
  content: none;
}
.page-mb-footer .page-mb-footer-copyright {
  text-align: center;
  color: #999;
  font-size: 12px;
}
/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
  display: none;
  background: #ff6965;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.php-email-form .sent-message {
  display: none;
  color: #ffffff;
  background: #ff9500;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.php-email-form .loading {
  display: none;
  background: var(--surface-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
  animation: php-email-form-loading 1s linear infinite;
}
@keyframes php-email-form-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}