@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.container {
  width: 1400px;margin: auto;
}

/* 导航主体 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background 0.4s;
  background: rgba(255, 255, 255, .9);
}
.header.scroll {
  background: #fff;
}
.header.scroll .nav > li > a {
  color: #000;
}
.header.scroll .search-icon {
  color: #000;
}
.header.scroll .lang-current {
  color: #000;
}
.header.scroll .lang-arrow {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

/* 内容居中最大1400px */
.nav-container {
  max-width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 20px;
}

/* Logo */
.logo img {
  height: 52px;
  display: block;
}

/* 右侧菜单 + 搜索 */
.nav-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* PC导航 */
.nav {
  display: flex;
  list-style: none;
  gap: 36px;
}
.nav > li {
  position: relative;
  margin:0 30px;
  line-height:80px;
}
.nav > li > a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}

/* 下拉菜单 */
.subnav {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 170px;
  background: rgba(255, 255, 255, .9);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.3s;
}
.subnav li a {
  display: block;
  padding: 10px 16px;
  color: #000;
  height: 20px;
  line-height:20px;
  text-decoration: none;
  font-size: 14px;
}
.subnav li a:hover {
  background: rgba(3, 72, 139, .9);
  color: #fff;
}
.nav > li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 1600px) {
.nav-container {
  max-width: 85%;
}
.nav > li {
  margin:0 20px;
}
}
@media (max-width: 1400px) {
.nav-container {
  max-width: 90%;
}
.nav > li {
  margin:0 15px;
}
}
@media (max-width: 1200px) {
.nav-container {
  max-width: 94%;
}
.nav > li {
  margin:0 10px;
}
}

/* 搜索图标 */
.search-icon {
  font-size: 20px;
  color: #000;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

/* 搜索弹出框 */
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  z-index: 9999;
}
.search-popup.show {
  display: flex;
}
.search-box {
  width: 100%;
  max-width: 700px;
  position: relative;
}
.search-input {
  width: 100%;
  height: 50px;
  background: #fff;
  border: none;
  border-radius: 4px;
  color: #333;
  padding: 0 10px;
  font-size: 16px;
  outline: none;
}
.search-close {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-size: 22px;
  cursor: pointer;
}

/* 汉堡按钮 */
.menu-toggle {
  display: none;
  font-size: 24px;
  color: #000;
  background: none;
  border: none;
  cursor: pointer;
}

/* ================== 语言切换样式 ================== */
.language-switch {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.lang-current {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.lang-arrow {
  width: 6px;
  height: 6px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  transition: 0.3s;
}
.language-switch:hover .lang-arrow {
  transform: rotate(-135deg);
}
.lang-list {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 80px;
  background: rgba(255, 255, 255, .9);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.3s;
}
.lang-list li {
  padding: 8px 12px;
  color: #000;
  font-size: 14px;
}
.lang-list li:hover {
  background: rgba(3, 72, 139, .9);
  color: #fff;
}
.language-switch:hover .lang-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 移动端 */
@media (max-width: 992px) {
.container {
  width: 96%;margin: auto;
}

.header {
	background:#FFF;
}
.header .search-icon {
  color: #000;
}
.header .lang-current {
  color: #000;
}
.header .lang-arrow {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
  .lang-list {
    right: auto;
    left: 0;
  }
  .nav-container {
  max-width: 96%;
  }
  .nav {
    position: fixed;
    top: 80px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 80px);
    background: rgba(0, 0, 0, 0.65);
    flex-direction: column;
    gap: 0;
  }
  .nav.show {
    left: 0;
  }
  .nav > li {
    border-bottom: .5px solid #eee;
  }
  .nav > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1px 0;
	color:#fff;
    font-size: 16px;
    line-height:50px;
  }
  /* 箭头样式 */
  .nav-arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
  }
  /* 展开后箭头向下 */
  .nav > li > a.active .nav-arrow {
    transform: rotate(45deg);
  }

  .subnav {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: rgba(255, 255, 255, .9);
    display: none;
  }
  .subnav.show {
    display: block;
  }
  .menu-toggle {
    display: block;
  }
}
footer {
  background: #444;
  color: #fff;
  padding: 30px 20px;
}

/* 桌面端布局 */
.footer-nav {
  display: grid;
  grid-template-columns: repeat(7, 1fr) 320px;
  gap: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #666;
  margin-bottom: 30px;
}

.footer-column h3 {
  font-size: 18px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 桌面端隐藏加号 */
.footer-column h3::after {
  content: '';
  font-size: 22px;
  transition: .3s;
}

.footer-column h3.active::after {
  content: "-";
}

.footer-column ul {
  list-style: none;
  overflow: hidden;
  max-height: 500px;
  transition: max-height 0.3s ease;
}

.footer-column li {
  margin-bottom: 10px;
  color: #ddd;
  cursor: pointer;
}
.footer-column li a {
	font-size:14px;
	color:#CCC;
}

.footer-contact {
  border-left: 1px solid #666;
  padding-left: 25px;
}

.hotline {
	line-height:35px;
	font-size:14px;
}

.social-icons {
  display: flex;
  gap: 15px;
  font-size: 24px;
  margin-top: 10px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  color: #ccc;
  font-size: 14px;
}
.footer-bottom a {
  color: #ccc;
}

/* ================================== */
/* ========= 移动端一行一个 ========= */
/* ================================== */
@media (max-width: 768px) {
  .footer-nav {
    grid-template-columns: 1fr !important;
    gap: 20px;
	display:none;
  }
.footer-column h3 {
  font-size: 16px;
}
  /* 移动端显示加号 */
  .footer-column h3::after {
    content: "+";
  }

  /* 移动端默认折叠 */
  .footer-column ul {
    max-height: 0;
  }

  .footer-contact {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid #666;
    padding-top: 20px;
    margin-top: 10px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}

.title.center {text-align: center;}
.title.center h3{font-size: 36px;color: #226C99;}
.title.center h2 {}
.title.center h2 * {display: inline-block;vertical-align: middle;}
.title.center h2 i {height: 2px;background: #00284d;width:40px;margin:0 10px;}
.title.center h2 strong{font-size: 30px;font-weight: bold;color: #003a5d;}
.title.center.white * {color: #fff;}
.title.center.white h2 i {background: #fff;}

.title {}
.title h2 {position: relative;}
.title h2 * {display: inline-block;vertical-align: middle;}
.title h2 strong{color: #00284d;font-size: 30px;font-weight: bold;} 
.title h2 i{height: 2px;background: #00284d;width:40px;margin:0 10px;} 
.title h3 {color: #226C99;font-size: 36px;}

.more {clear: both;}
.more a{ display: block;border: 1px solid #e5e5e5;width: 140px;height: 40px;line-height: 40px;text-align: center;color: #999;font-size: 14px;}
.more a:hover{background: rgba(3, 72, 139, .9);color: #fff;}

/* banner */
.zy-banner {
    overflow: hidden;
    position: fixed; /* 关键：固定不动 */
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1; /* 层级低 */
}

.zy-banner-pic div a { position:relative; display:block;}
.zy-banner-pic div li * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.zy-banner-pic div li { position: relative;}
.zy-banner-pic div li .title { width:800px;position: absolute;left:18.5%;top:35%;  z-index: 1;}
.zy-banner-pic div li .title * {clear: both;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.zy-banner-pic div li .title h2{ font-size:60px;line-height:60px; color: #fff;margin-top:10%; }
.zy-banner-pic div li .title h3{ font-size:34px;color: #fff;}
.zy-banner-pic div li .title line { height: 2px;width:90px;background: #fff;margin:1% 0;}
.zy-banner-pic div li .title h4{ font-size:14px;color: #fff;margin:2% 0;text-transform: none;}
.gh-banner-pic div li .pic {width: 100%; height:100%;}
.zy-banner-pic div li .pic img {width: 100%; height:100%;}

.zy-banner .swiper-pagination {bottom:5%;z-index:9;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet{ width: 50px;height:10px;margin: 0 8px;border-radius:0px;opacity:1.0;background: none;position: relative;}
.zy-banner .swiper-pagination span::after {content: '';width:100%;height: 1px;background: #ccc;position: absolute;left: 0;top:5px;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {background: #fff;height: 2px;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1.0;}
.zy-banner .swiper-slide.swiper-slide-active {}
.zy-banner .swiper-slide.swiper-slide-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.zy-banner .swiper-slide.swiper-slide-active li .title h2 {transition-delay: 0.4s;margin-top:0;}
.zy-banner .swiper-slide.swiper-slide-active li .title h3 {transition-delay: 0.6s;}
.zy-banner .swiper-slide.swiper-slide-active li .title line {transition-delay: 0.7s;}
.zy-banner .swiper-slide.swiper-slide-active li .title h4 {transition-delay: 0.8s;}

.zy-banner-pic div li .title.center {text-align: center;left:50%;margin-left: -400px;}
.zy-banner-pic div li .title.right {left:auto;right:18.5%;text-align: right;}
.zy-banner-pic div li .title.none {display: none!important;}

.zy-banner .swiper-button-prev,.zy-banner .swiper-button-next {width: 50px;height: 50px;font-size:40px;color:#888;font-family: "font_family";background: none;}
.zy-banner .swiper-button-prev::before { content: "\e60b";}
.zy-banner .swiper-button-next::after { content: "\e60d";}
.zy-banner .swiper-button-prev:hover,.zy-banner .swiper-button-next:hover {color:#fff;}
.zy-banner .swiper-button-disabled {display: none;}

.about-f {
    display: flex;
    align-items: center;
    background: rgb(4,71,139,1);
    color: #fff;
    padding: 120px 180px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
/* 背景医疗图标半透明底纹 */
.about-f::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../picture/ban3.jpg');
    opacity: 0.1;
    z-index: 1;
}
.text-wrap {
    flex: 1;
    padding-right: 40px;
    position: relative;
    z-index: 2;
}
.text-wrap h2 {
    font-size: 42px;
    margin-bottom: 24px;
    font-weight: normal;
}
.text-wrap p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 32px;
}
.more-btn {
    padding: 12px 32px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px;
}
.img-wrap {
    width: 480px;
    height: 480px;
    position: relative;
}
.img-wrap img {
    width: 480px;
    height: 480px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 2;
    border: 6px solid #ddd;
}

.product-f {
    display: flex;
    padding: 120px 180px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
.footer-f {
    display: flex;
    padding: 0px 180px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
@media (max-width: 1600px) {
.product-f {
    display: flex;
    padding: 120px 100px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
.footer-f {
    display: flex;
    padding: 0px 100px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
}
@media (max-width: 1400px) {
.product-f {
    display: flex;
    padding: 120px 0px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
.footer-f {
    display: flex;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
    z-index: 19; /* 关键：层级更高，覆盖轮播 */
    top: 100vh; /* 关键：刚好从屏幕底部出现 */
}
}

/* latest product */
.zy-index-latestproduct {overflow:hidden; }
.zy-index-latestproduct .list {padding:5% 0 0;width:101%;overflow: hidden;}
.product{text-align: left;overflow: hidden;float:left;width:29.33%;margin:0 2%; height:400px; border-radius: 0 80px 0 80px;position: relative; z-index:0;}
.product * {display:block;overflow: hidden;}
.product a .pic {position: absolute;left: 0;top:0; width:100%; height:400px; z-index:10;}
.product a .bg {position: absolute;left: 0;top:0; width:100%; height:400px;background:rgba(0, 71, 141, .6); opacity:0; z-index:15;}
.product a .pic img{width:100%; height:400px;}
.product a .text{position: absolute;left:30px;top:15%; z-index:20;}
.product a .text h4{font-size: 30px;line-height: 30px;color: #fff; font-weight:500;}
.product a .text span{font-size: 24px;line-height: 30px;color: #fff; font-weight:500;}
.product a .ico{position: absolute;left: 50%; transform: translateX(-50%); bottom:35%; z-index:20; opacity:0;}
.product a .ico img{width:60px;}
.product a .more{position: absolute;left: 50%; transform: translateX(-50%); bottom:10%; z-index:20; padding:10px 20px;color:#FFF; font-size:16px; border:#FFF solid 1px; opacity:0;}
.product:hover a .bg,.product:hover a .ico,
.product:hover a .more{opacity:1;} 
.product:hover {transition: all .5s;transform: translateY(-15px);} 


.cpbox {
  /* 原来的背景 */
  background: url(../images/pbg.jpg) center no-repeat;
  background-size: cover;

  /* 新增：让背景变淡（半透明遮罩） */
  position: relative;
  z-index: 1;
}
.cpbox::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4); /* 白色半透明覆盖层 */
  z-index: -1;
}


/* new */
.index_news{overflow:hidden}
.index_news_list ul li{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
float:left; background: rgba(255, 255, 255, 0.6); width:30.83%; margin:10px 1%; border-bottom:rgba(255, 255, 255, 0.2) 3px solid; padding:20px 0;border-radius: 30px;}
.index_news_list_mid{float:left;}
.index_news_list_midL{
	float:left; width:20%;  text-align:center; font-size:15px; color:#000;}
.index_news_list_midL span{
	font-size:56px; font-weight:500; color:#E9901A;}
.index_news_list_midR{
	float:left; width:78%; margin-left:2%;}	
.index_news_list_mid_1{
color:#333; margin-bottom:.65em; font-size:20px; font-weight:600; color:#E9901A;}
.index_news_list_mid_2{
font-size:20px;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; font-weight:600; color:#000; margin-bottom:15px; }
.index_news_list_mid_3{
color:#666;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:25px;font-size:14px; margin-top:.875em;}
.index_news_list ul li a{
transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_news_list{
margin-top:4.5625em;}
.index_news_list ul li:hover{
-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); border-bottom:#E9901A 3px solid;transform: translateY(-15px);background: rgba(255, 255, 255, 0.8);} 
.index_t_2, .pro_info_8_1_mid_right_2, .pro_info_7_1_mid_jj_3{
display:block}		  
.index_news_list_mid_4{
text-align:left; margin-top:.875em;}
.index_news_list_mid_4 span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; width:30px; height:30px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/c3.png);}
.index_news_list ul li:hover .index_news_list_mid_4 span{
background-image:url(../images/c2.png);}


/* ========== 移动端适配：≤768px ========== */
@media (max-width: 768px) {
	
	.title.center h3{font-size: 26px;}
	.title.center h2 i {width:40px;margin:0 10px;}
	.title.center h2 strong{font-size: 24px;}
	.title h2 strong{font-size: 24px;} 
	.title h3 {font-size: 26px;}
	.zy-banner {height: 40vh;}
	.zy-index-latestproduct .list {padding:5% 0;width:101%;}
	.product{text-align: left;float:left;width:96%;margin:2%;}
	.index_news_list ul li{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
float:left; background-color:#fbfbfb; width:98%; margin-bottom:10px;}
.index_news_list_mid{
margin:1em;}
    .about-f {
        flex-direction: column;
        padding: 60px 20px;
        top: 40vh;
    }
	.product-f {
        flex-direction: column;
        padding: 60px 20px;
        top: 40vh;
    }
	.footer-f {
        flex-direction: column;
        padding: 0;
        top: 40vh;
    }
    .text-wrap {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .text-wrap h2 {
        font-size: 28px;
    }
    .text-wrap p {
        font-size: 16px;
    }
    .img-wrap {
        display:none;
    }
    .more-btn {
        padding: 10px 24px;
        font-size: 15px;
    }
}