@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}
body {
font-size:16px;
 font-family:sans-serif;
    color: #282828;
	font-weight: normal;
	margin: 0px;
	text-decoration: none;
	line-height:27px;
	padding-top:117px;
}
a {
	text-decoration: none; font-family:sans-serif;
    color:#282828;
	font-weight: normal;
}
a:hover {
	color:#0070c0;
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1683621559953') format('woff2'),
       url('iconfont.woff?t=1683621559953') format('woff'),
       url('iconfont.ttf?t=1683621559953') format('truetype');
}
@font-face {
  font-family: 'iconfont2';
  src: url('iconfont.woff2?t=1685091410837') format('woff2'),
       url('iconfont.woff?t=1685091410837') format('woff'),
       url('iconfont.ttf?t=1685091410837') format('truetype');
}


.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 27px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hz {
	width:90%;
	margin: 0 auto;
}
.hza {
	width:90%;
	margin:80px auto;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.hz-top-one{margin-top:10px;}
.hz-top-two{margin-top:20px;}
.hz-top-san{margin-top:30px;}
.hz-top-s{margin-top:40px;}
.hz-top-w{margin-top:50px;}
.hz-top-b{margin-top:80px;}
.hz-top-bai{margin-top:130px;}

.hz-bottom-one{margin-bottom:10px;}
.hz-bottom-two{margin-bottom:20px;}
.hz-bottom-san{margin-bottom:30px;}
.hz-bottom-s{margin-bottom:40px;}
.hz-bottom-w{margin-bottom:50px;}
.hz-bottom-b{margin-bottom:80px;}

.txhz{display: flex;
 justify-content: space-between;
 align-items: center;}
 
 .txhz-j{display: flex;
 justify-content: space-between;
}
.txhz-k{ display: flex; flex-wrap: wrap;}




.logo img {height:45px;}


.top-pc { position: fixed; z-index: 99; top:0; left:0;width:100%; }
.top-pc.active{	background:#fff;box-shadow:0px 0px 20px 0px rgba(4, 0, 0, 0.2); }
.top-hz{display: flex;
    flex-wrap: nowrap;
    align-items: center;justify-content: space-between;}

.nav { display: inline-block; box-sizing: border-box; vertical-align: bottom; }
.mainbav ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.mainbav ul li.memu:after{content: " "; width:0; height:3px; background:#0070c0; position: absolute; bottom:0; left:0; transition: all 0.5s;}
.mainbav ul li.memu:hover:after{width:100%;}
.mainbav .memu.active:after{width:100%;}
.mainbav ul li { position:relative; margin:0 16px; }
.mainbav .memu{float: left; line-height:80px;  }

.mainbav .memu:hover a, .mainbav .memu.active a { position:relative;color:#0070c0 }
.mainbav ul li ul { display: none; position: absolute; width:250px; left:0; top:79px;padding:15px 0; z-index: 999999; background:#fff; }
.mainbav ul li ul li { margin:0; position: relative; }
.mainbav ul li ul li a { display: block; color:#333 !important;font-size:14px !important; padding:5px 20px; }
.mainbav ul li ul li a:hover {color:#0070c0 !important;}
.mainbav ul li ul li ul { position: absolute; left: 100%; top: 0; }

.index-fr{position: static;}


.index-yyl {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;

}

.nav1{display: flex;
    justify-content: space-between;position: relative;
    align-items: center;}


.nav1 li{float:left;padding:0 5px;color:#999;}
.nav1 a{font-size:15px;}
.nav1 a.on{color: #0070c0;}

 /* 搜索表单容器 */
    .search-form-wrap {
      max-width: 100%;
      position: relative;
    }
    .search-form {
      width: 100%;
      display: flex;
    }

    .search-input {
      flex: 1;
      height: 2.2rem;
      border-radius: 9999px;
      border: 1px solid #c5c5c5;
      outline: none;
      padding:0 3rem 0 1rem;
    }
    .search-input:focus {
      border-color: #004099;
    }

    /* 图片搜索按钮，绝对定位叠在输入框右侧 */
    .search-btn {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 1.2rem;
      border: none;
      background: transparent;
      cursor: pointer;
      padding: 0;
    }
    .search-btn img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display:block;
    }
	
	
.p-show {
	display: block !important;
}





/*banner*/
.block_home_slider {
	height: auto;
	position: relative;
	line-height: 0px;
}
	
	.block_home_slider img{
		width:100%;
		height:auto;
		}
	
	/*底部小图标*/
.block_home_slider .slide {
	position: relative;
	overflow: hidden;
}
.block_home_slider .flex-direction-nav a {
	width: 45px;
	height: 50px;
	display: block;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left: 0;
	background: url(../images/jt1.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right: 0;
	background: url(../images/jt2.png) no-repeat;
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0 5px;
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a{width:10px; height:10px; display:block; background:#fff; text-indent:-9000px; position:relative; overflow:hidden;cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px; background:#fff;border-radius:6px;}

.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%; }


#home_slider2{display:none;}

.top_sj { display:none; }

.khjz_bj{width:100%;}
.khjz_dkj{position:relative;}
.Certificates .item{margin:0 10px; display:flex !important; flex-wrap: wrap;}
.q .item{display:flex !important; flex-wrap: wrap;}



/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;display: flex !important; flex-wrap: wrap;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{display: flex !important; flex-wrap: wrap; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{text-align: center;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:30px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:45px;
	height:45px;
	text-indent: -9999px;
	transition: .35s;
	bottom: -50px;
    font-size: 0;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 30px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png) center no-repeat;
	overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}


.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;

	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}




.index-cp-bj{position: relative;}
.index-cp-bj:after{ position:absolute; content:''; left:0; top:0;opacity:0; transition:0.5s all; width:100%; height:100%;background:#333;display:block; opacity:0.1;}
.index-cp-title{color:#fff;font-size:28px;line-height:35px;position:absolute;z-index:1;left:3%;right:3%;bottom:5%;  transform:translate(3%,-10%); }
.index-cp-title p{text-transform:uppercase;font-weight:bold;margin-bottom:10px;}




.index-about-bj{background:#efefef;overflow:hidden;}

.enterprise-title {font-weight:bold;
      font-size:2rem;line-height:1.18;
margin-bottom:40px;}
    .enterprise-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .enterprise-card {
      background: #ffffff;
      overflow: hidden;
    }
    .card-img-box {
      width: 100%;

      overflow: hidden;
    }
    .card-img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .card-text {
      padding:25px;
      font-weight:bold;text-align:center;
    }

    /* 响应式断点 */
    @media (max-width:1200px) {
      .enterprise-title {
        font-size: 1.6rem;
      }
     
    }
    @media (max-width:768px) {
      .enterprise-grid { grid-template-columns: 1fr; }
      .enterprise-title { margin-bottom:24px; }
 }

  .timeline-title {
      font-size: 2.25rem;
      font-weight: 700;
      margin-bottom: 2.5rem;
      color: #111;
    }
    .timeline-list {
      position: relative;
    }
    /* 左侧垂直虚线 */
    .timeline-list::before {
      content: "";
      position: absolute;
      left: 0.75rem;
      top: 0;
      bottom: 0;
      width: 1px;
      border-left: 1px dashed #444;
      z-index:1;
    }
    .timeline-item {
      display: flex;
      gap:2rem;
      margin-bottom: 2.25rem;
      position: relative;
    }
    /* 外层空心圆环 */
    .timeline-item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.375rem;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #333;
      z-index: 3;
    }
    /* 圆心实心小黑圆点 */
    .timeline-item::after {
      content: "";
      position: absolute;
      left: 0.5rem;
      top: 0.875rem;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #000;
      z-index: 4;
    }
    .timeline-year {
      flex-shrink: 0;
      margin-left: 5.75rem;
      background-color: #dddddd;
      padding: 0.375rem 1.25rem;
      font-size: 1rem;
      color: #222;width:220px;
      align-self: flex-start;
      position: relative;
    }
    /* 水平连接线 */
    .timeline-year::before {
      content:"";
      position:absolute;
      top:50%;
      transform: translateY(-50%);
      right:100%;
      width:4.25rem;
      height:1px;
      background:#dddddd;
      z-index:2;
    }
    .timeline-content {
      flex: 1;
      padding-top:0.25rem;
    }
    .timeline-content h4 {
      font-size: 1.05rem;
      color: #111;
      margin-bottom: 0.3rem;
    }
    .timeline-content p {
      font-size:1rem;
      line-height: 1.6;
    }

    /* ========== 移动端响应式 767px ========== */
    @media (max-width:767px) {
      .timeline-title {
        font-size: 1.6rem;
        margin-bottom:1.5rem;
      }
      .timeline-item {
        flex-direction: column;
        gap:0.6rem;
        margin-bottom:1.8rem;
        padding-left:4rem;
      }
      /* 时间轴线保持原位，item整体右移 */
      .timeline-list::before {
        left:1.5rem;
      }
      .timeline-item::before {
        left:0.75rem;
      }
      .timeline-item::after {
        left:1.25rem;
      }
      .timeline-year {
        margin-left:0;
        font-size:0.9rem;
        padding:0.25rem 0.8rem;
      }
      /* 移动端隐藏横向连接线 */
   .timeline-year::before{
	   width: 3.25rem;}
      .timeline-content p {
        font-size:0.965rem;
        line-height:1.55;
      }
    }


  .about-map{text-align:center;margin-top:50px;}
	 
	.org-chart {overflow:hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
 padding:50px 0;
  font-family: "Noto Sans JP", "Noto Sans SC", sans‑serif; border-bottom:1px solid #e0e0e0;
}
.org-left {
    text-align: center;
}
.org-manager .name-red {
  font-size: 28px;
  color: #0070c0;
  font-weight: bold;
}
.org-manager .note-text {
  font-size: 24px;
  color: #000000;
}

/* 连续完整大括号，线条无缺口隔断 */
.org-brace {
  width: 52px;
  height: 420px;
  position: relative;
}
.org-brace::before {
  content: "";
  position: absolute;
  inset: 0;
  border-left: 2px solid #000;
  border-radius: 22px;
  /* 模拟完整的 { 大括号曲线，无切割clip-path */
  mask: radial-gradient(ellipse at 100% 0, transparent 62%, black 63%),
        radial-gradient(ellipse at 100% 100%, transparent 62%, black 63%),
        radial-gradient(ellipse at 100% 50%, transparent 45%, black 46%);
  -webkit-mask: radial-gradient(ellipse at 100% 0, transparent 62%, black 63%),
        radial-gradient(ellipse at 100% 100%, transparent 62%, black 63%),
        radial-gradient(ellipse at 100% 50%, transparent 45%, black 46%);
}

.org-right {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.org-item {
  display: flex;
  flex-direction: column;
}
.title-main {
  font-size:24px;
  font-weight: bold;
  color: #000; margin-bottom:8px;
}
.title-sub {
  font-size: 24px;


}
.red-text {
  color: #0070c0;
  font-weight: bold;
}

/* ========== 移动端响应式 ========== */
@media (max-width:767px) {
  .org-chart {
    flex-direction: column;
    gap: 16px;
  }
  .org-left {
    text-align: center;
  }
  .org-brace {
    transform: rotate(90deg);
    width: 320px;
    height: 44px;
  }
  .org-right {
    gap: 20px;
  }
  .name-red, .title-main {
    font-size: 20px;
  }
  .note-text, .title-sub {
    font-size: 17px;
  }
} 
	
        /* 外层 2列网格 */
        .pickup-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.2rem;
        }
        /* 链接重置，去掉a标签默认样式 */
        .pickup-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        /* 单个卡片容器，增加过渡动画 */
        .pickup-item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        /* hover整体上浮+加深阴影 */
        .pickup-link:hover .pickup-item {
            transform: translateY(-4px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.12);
        }
        .pickup-img-wrap {
            overflow: hidden;
        }
        .pickup-img {
            width: 100%;
            height: 100%;
            aspect-ratio: 1.45 / 1;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        /* hover图片放大效果 */
        .pickup-link:hover .pickup-img {
            transform: scale(1.06);
        }
        .pickup-text {
            background-color: #eeeeee;
            padding: 2rem 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: background-color 0.3s ease;
        }
        /* hover文字区块背景变色 */
        .pickup-link:hover .pickup-text {
            background-color: #e2e2e2;
        }
        .pickup-text h3 {
            font-size: 1.2rem;
            margin-bottom: 0.8rem;
            font-weight:bold;
            transition: color 0.3s ease;
        }
        /* hover 标题变蓝色 */
        .pickup-link:hover .pickup-text h3 {
            color:#0070c0;
        }
        .pickup-text p {
       text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 
            color: #222222;
        }

        /* ========== 媒体查询 ========== */
        /* 平板：992px 以下，外层变为1列，卡片内部依旧左右 */
        @media screen and (max-width: 992px) {
            .pickup-grid {
                grid-template-columns: 1fr;
            }
            .section-title {
                font-size: 2rem;
            }
			.pickup-text h3{font-size:1rem;}
        }
        /* 手机：576px 以下，卡片内部改成上下，图片在上，文字在下 */
        @media screen and (max-width: 576px) {
            .pickup-item {
                grid-template-columns: 1fr;
            }
            .section-title {
                font-size: 1.6rem;
            }
            .pickup-text {
                padding: 1.2rem;
            }
            /* 移动端关闭上浮，避免视觉跳动 */
            .pickup-link:hover .pickup-item {
                transform: none;
            }
        } 

	/* 外层新闻模块 */

.news-block__title {
  font-size: clamp(24px,3vw,36px);
  font-weight: 700;
  margin-bottom: 24px;
}
/* 新闻列表 */
.news-list {
  border-top: 1px solid #ddd;
}
.news-item {
  border-bottom: 1px solid #ddd;
}
.news-item__link {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0;
  gap:150px;
  text-decoration: none;
  color: inherit;
}
.news-item__inner {
  min-width: 0;
  flex: 1;
}
.news-item__date {
  font-size: 16px;
  color:#222;
  font-weight: 600;
  margin-bottom: 6px;
}
/* 单行省略核心4条 */
.news-item__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-item__arrow {
  color:#0066cc;
  font-size:22px;
  flex-shrink:0;
  margin-top:28px;
}
/* 查看全部链接 */
.news-more-wrap {
  text-align:right;
  margin-top:20px;
}
.news-more {
  color:#0066cc;
  text-decoration: underline;
  font-size:16px;
}
/* 移动端适配 */
@media (max-width: 640px) {
  .news-item__link {
    padding:16px 0;
    gap:20px;
  }
  .news-item__date {
    font-size:14px;
  }
}

	
			

.index-title{font-weight: bold;font-size: 2.2rem; line-height: 1.18;text-align:center;}
.index-title-ms{text-align:center;margin:20px auto 0 auto;width:80%;color:#666;}


/* 底部外层容器 */
.footer{
  background-color: #22242b;
  color: #e6e6e6;
  padding: 70px 30px 20px;
}
/* 四栏网格容器 */
.footer-container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap:28px;
  margin-bottom: 50px;
}
/* 每一栏通用 */
.footer-col{font-size:15px;}
.footer-col:nth-child(1n){width:90%;}
.footer-col h3{
  font-size:18px;
  color: #fff;
  margin-bottom:20px;
  position: relative;
}
/* 标题下方红色短横线 */
.footer-col h3::after{
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background:#0070c0;
  margin-top:10px;
}
/* 第一栏：品牌介绍 */
.footer-brand .logo{
  width:160px;
  margin-bottom: 26px;-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}

.footer-brand .desc{margin-bottom:32px;}
 .social-icons {display: flex; gap:20px;  }
 .social-icons img{height:100px;}


/* 第二栏：联系我们 */
.contact-list{
  list-style: none;
  margin-top: 16px;
}
.contact-list li{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 14px;

  margin-bottom: 18px;
}
.contact-list li .icon{
  color: #0070c0;
  font-size:18px;
  flex-shrink: 0;
  margin-top: 3px;
}
/* 第三栏：导航分类 */
.category-list{
  list-style: none;
  margin-top: 16px;
}
.category-list li{
  margin-bottom: 16px;
}
.category-list li a{
  color: #e6e6e6;
  text-decoration: none;
  font-size:14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.category-list li a::before{
  content: ">";
  color: #fff;
}
/* 第四栏：订阅邮件 */
.newsletter-desc{
  margin: 16px 0 24px;
}
.news-input{
  width: 100%;
  background: transparent;
  border:1px solid #888;
  padding:14px;
  color: #fff;
  margin-bottom: 24px;
}
.news-input::placeholder{
  color: #aaa;
}
.subscribe-btn{
  background: #0070c0;
  color: #fff;
  border: none;
  font-size:16px;
  padding:12px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.subscribe-btn:hover{
  background: #d11c28;
}
/* 底部分割线+版权文字 */
.footer-copyright{
  padding-top:20px;
  border-top: 1px solid #444;
  text-align: center;

  color: #ccc;
}

/* 平板适配：2栏 */
@media screen and (max-width: 1100px){
  .footer-container{
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 手机适配：1栏垂直堆叠 */
@media screen and (max-width: 680px){
  .footer-container{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .subscribe-btn{
    width: 100%;
    justify-content: center;
  }
  .footer{
    padding: 50px 20px 30px;
  }
}

.about-title{font-size:42px;line-height:42px;text-align:center; font-weight:bold;}

  /* 通用区块容器 */
    .about-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap:80px;
      margin-bottom: 60px;
      align-items: center;
    }
    /* 图片通用样式 */
    .about-img {
      width: 100%;
      border-radius: 16px;
      display: block;
      object-fit: cover;
    }
    /* 标题样式 */
    .section-title {
      font-size: 24px; font-weight:bold;
      margin-bottom: 24px;
      line-height: 1.2;
    }
  


 @media (max-width:1200px) {
.section-title {font-size:22px;}
}
 @media (max-width:1024px) {
.about-row{gap:60px;}
 .section-text{font-size:15px;}
 }
/* 移动端适配：768px以下切换上下布局 */
    @media (max-width: 768px) {
      .about-row {
        grid-template-columns: 1fr;
        gap: 32px;
      }
      /* 第二行图文反转顺序，移动端图片在上文字在下 */
      .row-reverse .text-col {
        order: 2;
      }
      .row-reverse .img-col {
        order: 1;
      }
      .section-title{font-size:20px;}
    }
	

    .info-banner {
      background-color:#f7f7f7;
     overflow:hidden;
    }
    /* 内容容器，限制最大宽度避免文字过宽 */
    .info-wrap {
      max-width:55%; text-align: center;
    }
    /* 大标题通用样式 */
    .info-title {
      font-size: 30px; font-weight:bold;
      margin-bottom: 20px;
      line-height: 1.2;
    }
    /* 段落文本 */
    .info-text {
      font-size: 18px;
      color: #222;
      line-height: 1.7;
      margin-bottom: 60px;
    }
    /* 红色下划线链接 */
    .link-red {
      color: #d12828;
      text-decoration: underline;
    }
    .link-red:hover {
      color: #a01c1c;
    }
    /* 移动端适配 */
	 @media (max-width: 1600px) {
	.info-wrap{max-width:70%;}	 
		 
		 }
	   @media (max-width: 1200px) {
	.info-title { font-size: 28px;}
	    .info-wrap { max-width: 80%;}
	}
	
    @media (max-width: 768px) {
		.info-wrap { max-width:94%;}
  
      .info-title{font-size: 24px; }
      .info-text {
        font-size:15px;
        margin-bottom: 40px;
      }
    }
   




/* 卡片容器 2列网格布局 */
.card-wrap{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:2rem;
  max-width: 120rem;
}

/* 卡片本体 */
.item-card{
 border-radius:1rem;
  padding:3rem;
 box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);
}

/* 大标题（绿色大字） */
.card-title{
  font-size: 1.5rem;
  font-weight:700;
  color:var(--color-green-main);
  line-height:1.2;
  margin-bottom:1rem;
}


/* 响应式：手机端改为1列 */
@media (max-width:1200px){
.card-wrap{grid-template-columns: repeat(2,1fr);}
.item-card{padding:2rem;}
.card-title {font-size:1.3rem;}
}
@media (max-width:768px){
 .card-wrap{
    grid-template-columns:1fr;
  }
  .card-title{
    font-size:1.2rem;
  }
}

/* 三步卡片容器 */
.step-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;

}

/* 步骤卡片 */
.step-card {
  background-color: var(--card-bg);
  padding:3rem;
  border-radius:15px; background: #fff;
}

/* 图标占位（原图绿色图标） */
.step-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
  fill: var(--green-main);
}

/* 步骤标题 */
.step-head {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--green-main);
  border-bottom: 1px solid var(--line-green);
  margin:1rem 0 1.5rem 0;
}



/* 底部通栏说明 */
.footer-note {
margin-top:20px;
  background-color:#fff;
  padding: 1.4rem 2rem;
  border-radius: 15px;

}

/* 响应式适配 */
@media (max-width:1200px) {
.step-head {font-size: 1.4rem;}
  }

@media (max-width: 992px) {
  .step-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 640px) {
  .step-wrap {
    grid-template-columns: 1fr;
  }
  .section-title {
    font-size: 1.5rem;
  }
}



/* 外层容器：左右布局 */
.main-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:2.5rem;
 align-items: center;
}

/* 左侧文本区域 */
.text-block .intro-text {
  font-size:1.05rem;
  color:var(--text-dark);
  margin-bottom:2.5rem;
}

/* 产品分类列表，两栏 ul 版本 */
.category-list2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:1rem 0.6rem;
  list-style: none;
}
.category-list2 li {
list-style-type: disc;
    list-style-position: inside;
  gap:0.7rem;
  font-size:1.05rem;
  color:var(--text-dark);
}
/* 绿色小方块标记 */
.category-list2 li::before {
  content:"";
  width:8px;
  height:8px;
  background-color:var(--green-dot);
  flex-shrink:0;
}

/* 右侧图片网格 2x2 */
.img-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.img-card {
  border-radius:10px;
  overflow:hidden;

}
.img-card img {
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 响应式 */
@media(max-width:992px){
  .main-wrap{
    grid-template-columns:1fr;
  }

}
@media(max-width:768px){
  .category-list2{
    grid-template-columns:1fr;
  }
  
  .img-grid{
    grid-template-columns:1fr;
  }
.text-block .intro-text{font-size: 1rem;}
.category-list2 li {font-size: 1rem;}
}



/* 标题区域 */

.proj-section-title-sub {
  font-size:1.5rem;

  margin-bottom:2.8rem;
  line-height:1.3;
}

/* 外层主容器 左右布局 */
.proj-main-wrap {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap:3rem;
  align-items: start;
}

/* 左侧图片区块 */
.proj-left-block {
  display:flex;
  flex-direction:column;
  gap:1.6rem;
}
.proj-img-wrap {
  border-radius:12px;
  overflow:hidden;
}
.proj-img-wrap img {
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}


/* 右侧文本&优势卡片 */
.proj-right-block .proj-intro-text {
  font-size:1rem;
  color:var(--proj-text-dark);
  line-height:1.8;
  margin-bottom:3rem;
}
.proj-advantage-title {
  font-size:1.6rem;
  font-weight:700;
  color:var(--proj-green-main);
  margin-bottom:1.4rem; 
}
/* 优势卡片网格：全部卡片直接放在grid，grid-template-areas控制排版 */
.proj-advantage-grid {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-areas:
    "proj-card1 proj-card2 proj-card3"
    "proj-card4 proj-card5 .";
  gap:1rem;
}
.proj-adv-card:nth-child(1) { grid-area: proj-card1; }
.proj-adv-card:nth-child(2) { grid-area: proj-card2; }
.proj-adv-card:nth-child(3) { grid-area: proj-card3; }
.proj-adv-card:nth-child(4) { grid-area: proj-card4; }
.proj-adv-card:nth-child(5) { grid-area: proj-card5; }

.proj-adv-card {
  background-color: var(--proj-card-bg);
  padding:2rem;
  border-radius:8px;background: #f9f9f9;
}
.proj-adv-card-head {
  display:flex;
  align-items:center;
  gap:0.6rem;
  font-size:1.25rem;
  font-weight:700;
color: #0070c0;
  margin-bottom:0.5rem;
}
.proj-adv-card-icon {
  width:32px;
  height:32px;
  fill:var(--proj-green-main);
  flex-shrink:0;
}


/* 响应式 */
@media(max-width:992px){
  .proj-main-wrap{
    grid-template-columns:1fr;
  }
  .proj-section-title-main{
    font-size:1.8rem;
  }
  .proj-section-title-sub{
    font-size:1.2rem;
  }
  /* 平板：2列，第三张卡换行，和下面左对齐 */
  .proj-advantage-grid {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
      "proj-card1 proj-card2"
      "proj-card3 proj-card4"
      "proj-card5 .";
  }
}
@media(max-width:640px){
  /* 手机：单列全部左对齐 */
  .proj-advantage-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "proj-card1"
      "proj-card2"
      "proj-card3"
      "proj-card4"
      "proj-card5";
  }
  .proj-section-title-main{
    font-size:1.5rem;
  }
  .proj-section-title-sub{
    font-size:1.2rem;
  }
}


/* 卡片外层网格 2列 */
.cert-grid-wrap {
  display: grid;
   grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
  margin-bottom: 2rem;
}

/* 单个品牌卡片 */
.cert-brand-card {
  background:#fff;
  border-radius:10px;
  padding:2rem;
  display: flex;
  gap:2rem;
  align-items:center;
}
.cert-brand-desc{color:#666;}
/* logo容器 */
.cert-logo-box {
  width: 140px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cert-logo-box img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

/* 卡片文本区域 */
.cert-card-content {
  flex: 1;
}
.cert-brand-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--cert-text-dark);
  margin-bottom: 0.8rem;
}


/* 响应式 */
@media (max-width:1200px) {
.cert-grid-wrap {
   grid-template-columns: repeat(2, 1fr);
}
.cert-brand-name{font-size:1.3rem;}
}

@media (max-width:992px) {
  .cert-section-title {
    font-size: 1.8rem;
  }
  .cert-grid-wrap {
    grid-template-columns: 1fr;
  }
  .cert-brand-card {
    padding:1.4rem;
  }
  .cert-logo-box {
    width:110px;

  }
}
@media (max-width:640px) {

  .cert-brand-card {
    flex-direction: column;
    gap:1rem;
  }
  .cert-logo-box {
    width:100%;

  }
}

/* 外层双栏布局 */
.qc-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:4rem;
  align-items: start;
}

/* 左侧文本区域 */
.qc-left {
  display: flex;
  flex-direction: column;
  gap:3rem;
}

/* 模块标题 */
.qc-sub-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom:2rem;
}

/* 流程步骤行 */
.qc-flow-row {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.qc-flow-item {
  flex: 1;
  background:#f7f7f7;
  border-radius:6px;
  padding:1.2rem ;
  text-align:center;


}
.qc-flow-arrow {
  color:var(--qc-text-gray);
  font-size:1.4rem;
}

/* 五大检查维度 */
.qc-check-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:1rem;
}
.qc-check-item {
  display:flex;
  align-items:center;
  gap:0.6rem;
  font-size:1.05rem;
  color:var(--qc-text-dark);
}
.qc-check-item svg {
  width:24px;
  height:24px;
  fill:var(--qc-green-main);
  flex-shrink:0;
}

/* 右侧图片+底部说明 */
.qc-right {
  display:flex;
  flex-direction:column;
  gap:2rem;
}
.qc-img-box {
  width:100%;
  border-radius:14px;
  overflow:hidden;
}
.qc-img-box img {
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}


/* 响应式 */
@media (max-width:992px) {
  .qc-section-title {
    font-size:1.8rem;
  }
  .qc-wrap {
    grid-template-columns:1fr;
  }
  .qc-check-list {
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:640px) {
  .qc-section-title {
    font-size:1.5rem;
  }
  .qc-flow-row {
    flex-direction:column;
  }
  .qc-flow-arrow {
    transform:rotate(90deg);
  }
  .qc-check-list {
    grid-template-columns:1fr;
  }
}


.news-header {
  display: flex;
  align-items: center;
  gap: 3rem;justify-content: space-between;
  flex-wrap: wrap;
}

.news-main-title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--news-text-dark);
  line-height: 1.2;
}

.news-tab-wrap {
  display: flex;
  gap:3rem;
  align-items: center;
  position: relative;
}

.news-tab-item {
    font-size: 24px;font-weight:bold;
    color: #0070c0;
  cursor: pointer;

}


/* 响应式 */
@media (max-width:992px) {
  .news-header {
    gap: 2rem;
  }
  .news-main-title {
    font-size: 2.6rem;
  }
  .news-tab-item {
    font-size:1.4rem;
  }
}
@media (max-width:640px) {
  .news-header {
    flex-direction: column;
    align-items: flex-start;
    gap:1.2rem;
  }
  .news-main-title {
    font-size: 2rem;
  }
  .news-tab-wrap {
    gap:1.2rem;
  }
  .news-tab-item {
    font-size:1.1rem;
  }
  .news-tab-item.active::after {
    bottom:-6px;
    height:3px;
  }
}




.join-list{width:100%;}
.join-list-box{float:left;width:100%;margin-bottom:35px;border-radius:10px;padding:30px; border: 1px solid #e2e2e2; background: #fff;}
.join-list-box:hover{border: 1px solid #0070c0;}
.join-list-box:hover .join-menu{color:#0070c0;}
.join-menu{width:100%;user-select: none;cursor: pointer;position:relative;font-size:22px;    font-weight: bold;}
.join-words{width:100%;}
.join-menu-ms{scolor:#666;font-weight:normal;margin-top:25px; width: 85%;}
.join-menu-ms li{font-size:16px;float:left;margin-right:2%;color:#666;}
.join-menu-ms li a{color:#666;}
.join-menu-ms li a:hover{color:#0070c0;}
.join-menu:after{background:url(../images/jt.png)no-repeat;width:50px;height:50px;content: "";  opacity:0.5;display: inline-block;font: normal normal normal 24px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute; right:0px;top:0;}
.join-menu.ontrue:after{transform: rotate(180deg);opacity:1;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.join-p{float:left;color:#666;}
.job-gw{font-weight:bold;margin:30px 0 10px 0;font-size:18px;color:#333;}
.join-menu-ms img{width:20px;}
.join-menu-ms li{position:relative; padding-left:28px;margin-bottom:10px;}
.join-menu-ms li img{position:absolute;z-index:1;left:0;top:12px;  transform:translate(0%,-50%); }



/*分页*/
.yema{ width:100%; text-align:center; overflow:hidden;margin-top:20px; }
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:42px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:42px;margin-left:3px; text-align:center; color:#333333; font-size:16px; border:1px solid #ececee; background:#ececee;}
.yema a:hover{ text-decoration:none; color:#fff; background:#0070c0;border:1px solid #0070c0;}
.yema a.on{color:#fff;  background:#0070c0;border:1px solid #0070c0;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#0070c0;}
.yema a span{ font-family: "宋体";font-size:18px;}
:root {
  --fn-news-title-color: #222222;
  --fn-news-desc-color: #444444;
  --fn-news-date-color: #555555;
  --fn-news-card-gap: 48px;
  --fn-news-img-pc-w: 260px;
  --fn-news-hover-shadow: 0 8px 24px rgba(0,0,0,0.08);
  --fn-news-transition: all 0.3s ease;
}
.fn-news-container {
  display: flex;
  flex-direction: column;

}

.fn-news-card {
  display: flex;
  gap:40px;
  align-items:center;
  text-decoration: none;
  color: inherit;
  padding:35px;
margin-bottom:70px;background:#f9f9f9;
  transition: var(--fn-news-transition);
}

.fn-news-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--fn-news-hover-shadow);
}

.fn-news-card__pic-wrap {
  width:22%;
  flex-shrink: 0;
  overflow: hidden;
}

.fn-news-card__pic {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: var(--fn-news-transition);
}

.fn-news-card:hover .fn-news-card__pic {
  transform: scale(1.04);
}

.fn-news-card__body {
  flex: 1;
}

.fn-news-card__heading {
  font-size: 24px;
margin-bottom: 20px;
  transition: var(--fn-news-transition);
}

.fn-news-card:hover .fn-news-card__heading {
  color: #0070c0;
}

.fn-news-card__summary {
color:#333; margin-bottom: 20px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.fn-news-card__time {
  font-size: 16px;
  color: var(--fn-news-date-color);
}

/* 响应式断点 */
@media (max-width: 992px) {
  .fn-news-card {
    flex-direction: column;
    gap: 16px;margin-bottom:20px;
  }
  .fn-news-card__pic-wrap {
    width: 100%;
  }
  .fn-news-card__heading {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  .fn-news-container {
    gap: 36px;
  }
  .fn-news-card__heading {
    font-size: 19px;
  }
  .fn-news-card__summary {
    font-size: 15px;
  }
}


.ny-product2-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
 .ny-product2-left{width:72%;float:left;}
 
 .showshow-title{font-size:30px;line-height:30px; font-weight:bold;}
.showshow-nt{margin:15px 0 40px;border-top:1px solid #e2e2e2;padding-top:40px;}
 
.ny-product2-right{position:sticky;top:100px;width:24%;float:right;background:#fff;overflow:hidden;padding:30px;box-shadow: 1px 0px 36px rgba(1, 86, 169, 0.08);}
.ny-product2-right-title{font-size:24px;font-weight:bold;}
.ny-product2-right-hot{padding-top:40px;}
.ny-product2-right-hot-hz{margin-bottom:20px;float:left;border-bottom:1px dashed #e3e7f2;padding-bottom:20px;}

.ny-product2-right-hot-hz a{ display:flex;justify-content: space-between; align-items: center;}
.ny-product2-right-hot-hz:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.ny-product2-right-hot-pic{width:34%;display:block; overflow:hidden;}
.ny-product2-right-hot-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}

.ny-product2-right-hot-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-product2-right-hot-right{width:58%;}
.ny-product2-right-hot-right-title{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index-news-nr-left-rq{font-size:15px;color:#666;}
.index-news-nr-left-rq img{float:left;width:18px;margin-right:6px;margin-top:3px;}

/*上下篇*/
#page{border-top:1px solid #e2e2e2;padding-top:30px;}
#page .next{margin-bottom:5px;}


.ip-ms{font-size:18px;text-align:center;}


.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;}
.about-header small{display:block;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.1em;color: #0070c0;}
.about-header h2{font-size: 2.2rem;line-height:2.8rem;font-weight:700;margin-bottom:1rem;}
.divider{width:4rem;height:0.25rem;background:#0070c0;margin-bottom:2.5rem;}
.about-text p{margin-bottom:1.4rem;}
.img-block{width:100%;}
.img-block img{width:100%;height:auto;border-radius:0.6rem;display:block;}
.img-caption{text-align:center;margin-top:1rem;}

/* 响应式断点 小屏上下排列 */
@media (max-width:1200px){
.about-header h2 { font-size: 1.8rem;  line-height: 2rem;}
}

@media (max-width:768px){
.about-inner{grid-template-columns:1fr;}
.about-header h2{font-size:1.5rem;}
}


.start-container{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.start-image-wrap{width:100%;}
.start-image-wrap img{width:100%;height:auto;border-radius:0.6rem;display:block;}
.start-image-caption{text-align:center;margin-top:0.8rem;color:#777;font-size:0.85rem;}
.start-header small{display:block;color:#b48b64;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.1em;}

/* 响应式 */
@media (max-width:768px){
.start-container{grid-template-columns:1fr;}
}
/* ===== design‑principle 独立命名，不和前面模块冲突 ===== */
.designprinci-section{background:#333;color:#fff;overflow:hidden;}
.designprinci-header small{display:block;color:#c48c62;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.1em;opacity:0.85;}
.designprinci-header h2{font-size:2.6rem;font-weight:700;margin-bottom:1rem;color:#fff;}
.designprinci-divider{width:4rem;height:0.25rem;background:#c48c62;margin-bottom:2.2rem;}

.designprinci-two-col{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:2.8rem;}
.designprinci-col p{margin-bottom:1.4rem;}

.designprinci-bottom-note{border-top:1px solid #d8d8d8;padding-top:2rem;text-align:center;}

/* レスポンシブ対応 */
@media (max-width:768px){
.designprinci-header h2{font-size:1.8rem;}
.designprinci-two-col{grid-template-columns:1fr;gap:1.5rem;}
.designprinci-section{padding:2rem 1.2rem;}
}


/* ===== bartender‑series 独立命名，与之前模块无冲突 ===== */
.xt{border-top:1px solid #eee;padding-top:80px;}
.bartender-container{display:grid;grid-template-columns:1fr 0.4fr;gap:5rem;align-items:start;}

.bartender-left small{display:block;color:#0070c0;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.1em;}
.bartender-left h2{font-size:2.6rem;line-height:3rem;font-weight:700;margin-bottom:1rem;}
.bartender-divider{width:10rem;height:0.25rem;background:#0070c0;margin-bottom:2rem;}
.bartender-subtitle{font-size:1.2rem;font-weight:bold;margin-bottom:3rem;}
.bartender-text-group p{margin-bottom:1rem;}

.bartender-right-card{background:#f2f2f2;padding:3rem;border-radius:1rem;}
.bartender-right-card small{display:block;color:#0070c0;margin-bottom:1.5rem;letter-spacing:0.1em;}
.bartender-keyword-list{margin-bottom:2.5rem;}
.bartender-keyword-list li{list-style:none;font-size:1.2rem;margin-bottom:1rem;color:#333;}
.bartender-keyword-list li::before{content:"―　";}
.bartender-card-divider{width:100%;height:1px;background:#dfdfdf;margin-bottom:2rem;}
.bartender-card-footer{color:#0070c0;}

/* レスポンシブ：スマホ時上下配置 */
@media (max-width:768px){
.bartender-container{grid-template-columns:1fr;gap:2rem;}
.bartender-left h2{font-size:1.7rem;}
.bartender-section{padding:2rem 1.2rem;}
.bartender-right-card{padding:1.8rem 1.4rem;}
.bartender-keyword-list li{font-size:1rem;}
}

/* ===== animal‑series 独立命名，与其他模块完全隔离 ===== */
.animal-container{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}

.animal-left small{display:block;color:#b48b64;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.1em;}
.animal-left h2{font-size:2.6rem;font-weight:700;margin-bottom:1rem;}
.animal-divider{width:10rem;height:0.25rem;background:#b48b64;margin-bottom:1.4rem;}
.animal-subtitle{font-size:1.3rem;color:#666;margin-bottom:2rem;}
.animal-text-group p{margin-bottom:1.4rem;font-size:1rem;color:#333;}
.animal-right-wrap img{width:100%;height:auto;border-radius:0.6rem;display:block;}
.animal-image-caption{text-align:center;margin-top:0.8rem;color:#777;font-size:0.85rem;}

/* レスポンシブ スマホ上下並び */
@media (max-width:768px){
.animal-container{grid-template-columns:1fr;gap:2rem;}
.animal-left h2{font-size:1.9rem;}
.animal-section{padding:2rem 1.2rem;}
}



  .card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-bottom: 40px;
    }
    .feature-card {
      background-color:#fff;
      border-radius: 16px;
      padding:35px;border:1px solid #dfe4e7;
    }
    .card-icon {
      font-size: 48px;
      margin-bottom: 16px;
      opacity: 0.9;
    }
    .feature-card h3 {
      font-size: 24px;
      margin-bottom: 20px;
      line-height: 1.4; color: #0070c0;
    }
    .feature-card p {
      font-size: 16px;
      line-height: 1.8;
      opacity: 0.92;
    }
    .bottom-desc {
      background-color:#fff;border:1px solid #dfe4e7;
      border-left: 5px solid #0070c0;
      padding:24px;
      font-size:18px;
      line-height: 1.9; border-radius: 10px;
    }
    /* レスポンシブ対応 */
    @media (max-width:992px) {
      .card-grid {
        grid-template-columns: repeat(2,1fr);
      }
      .section-title {
        font-size: 34px;
      }
    }
    @media (max-width:768px) {
      .card-grid {
        grid-template-columns: 1fr;
      }
      .section-title {
        font-size: 28px;
      }
      .feature-card h3 {
        font-size: 22px;
      }
      .bottom-desc {
        font-size: 16px;
      }
    }



  
    .comp-brand-final-hero__lead {
      font-size: 18px;
      line-height: 1.8;
      opacity: 0.92;
      margin-bottom: 44px;
    }
    .comp-brand-final-hero__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      margin-bottom: 48px;
    }
    .comp-brand-final-hero__card {
        background-color: #fff;
    border-radius: 16px;
    padding: 35px;
    border: 1px solid #dfe4e7;
    }
   
  
    .comp-brand-final-hero__closing {
      font-size:18px;
      line-height:1.85;
      opacity:0.95;
    }
    /* レスポンシブ */
    @media (max-width:1100px) {
      .comp-brand-final-hero__grid {
        grid-template-columns: repeat(2,1fr);
      }
 
    }
    @media (max-width:768px) {
      .comp-brand-final-hero__grid {
        grid-template-columns: 1fr;
      }
      
      .comp-brand-final-hero__lead,.comp-brand-final-hero__closing {
        font-size:16px;
      }
    }
	
	 /* BEM命名，带模块前缀，防止命名冲突 comp-brand-contact-section */
 
    .comp-brand-contact-section__en-top {
      font-size:22px;
      opacity:0.8;
      margin-bottom:12px;
    }
    .comp-brand-contact-section__title {
      font-size:64px;
      font-weight:700;
      line-height:1.2;
      margin-bottom:20px;
    }
    .comp-brand-contact-section__divider {
      width:140px;
      height:4px;
      background:#fff;
      opacity:0.75;
      margin-bottom:36px;
    }
    .comp-brand-contact-section__lead {
      font-size:26px;
      line-height:1.6;
      margin-bottom:48px;
    }
    .comp-brand-contact-section__grid {
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:40px;
    }
    .comp-brand-contact-section__card p{
      background-color:#fff;
       padding: 35px;
    border: 1px solid #e2e2e2;
      border-radius:14px;
    }
    .comp-brand-contact-section__card h3 {
      font-size:24px;
      margin-bottom:24px;color: #0070c0;
    }
    .comp-brand-contact-section__card p {
    opacity:0.92;
    }
 
    /* 响应式适配 */
    @media (max-width:992px) {
      .comp-brand-contact-section__grid {
        grid-template-columns:1fr;
      }
  
      .comp-brand-contact-section__lead {
        font-size:20px;
      }
    }
    @media (max-width:768px) {
  
      .comp-brand-contact-section__lead {
        font-size:19px;
      }
      .comp-brand-contact-section__card h3 {
        font-size:18px;
      }
     
    }
	
	
	
	.service5Box4 .items {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.service5Box4 .item {
  display: flex;
    justify-content: space-between;
}

.service5Box4 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.service5Box4 .item .content {
 width:46%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.service5Box4 .item .img:hover img {
  transform: scale(1.05);
}
.img img {
    transition: all 0.5s ease 0s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;border-radius:15px;
}
.img {width:50%;border-radius:15px;
   overflow:hidden;
}

 /* BEM命名 防止样式冲突 comp-brand-track-record-section */
    .comp-brand-track-record-section {
      background-color:#183b2c;
      color:#ffffff;
      padding:72px 24px;
    }
    .comp-brand-track-record-section__container {
      max-width:1400px;
      margin:0 auto;
    }
    .comp-brand-track-record-section__en-title {
      font-size:22px;
      opacity:0.7;
      margin-bottom:12px;
    }
    .comp-brand-track-record-section__main-title {
      font-size:56px;
      font-weight:700;
      line-height:1.2;
      margin-bottom:20px;
    }
    .comp-brand-track-record-section__divider {
      width:180px;
      height:4px;
      background:#c4a074;
      margin-bottom:48px;
    }
    .comp-brand-track-record-section__two-col {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
    }
    .comp-brand-track-record-section__col h3 {
      font-size:32px;
      margin-bottom:28px;
    }
    .comp-brand-track-record-section__list {
      list-style:none;
    }
    .comp-brand-track-record-section__list li {
      font-size:16px;font-weight:normal;
      line-height:2;color:#333;
      opacity:0.88;
      position:relative;
      padding-left:24px;
      margin-bottom:8px;
    }
    .comp-brand-track-record-section__list li::before {
      content:"・";
      position:absolute;
      left:0;
    }
    .comp-brand-track-record-section__footer-wrap {

      border-top:1px solid rgba(255,255,255,0.2);
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
    }
 
    /* 响应式 */
    @media (max-width:992px) {
      .comp-brand-track-record-section__two-col {
        grid-template-columns:1fr;
        gap:40px;
      }
      .comp-brand-track-record-section__main-title {
        font-size:42px;
      }
      .comp-brand-track-record-section__footer-wrap {
        flex-direction:column;
        gap:16px;
        align-items:flex-start;
      }
    }
    @media (max-width:768px) {
    
      .comp-brand-track-record-section__main-title {
        font-size:34px;
      }
      .comp-brand-track-record-section__col h3 {
        font-size:26px;
      }
	}
	


.prologue-content p{
    font-size:clamp(15px,1.6vw,17px);
    line-height:1.8; /* 日文阅读舒适行高 */
    letter-spacing:0.03em;
    margin-bottom:22px;
    color:#333333;
}



.core-subtitle{
    font-size:18px;
    color:#b48c66;
    letter-spacing:0.08em;
    margin-bottom:24px;
}
.core-main-title{
    font-size:clamp(28px,4vw,44px);
    font-weight:700;
    line-height:1.3;
    margin-bottom:32px;
}
.divider-full{
    width:100%;
    height:1px;
    background:#d8d5ce;
    margin-bottom:48px;
}
.data-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
}
.data-item{
    border-left:1px solid #d8d5ce;
    padding:0 24px;
}
.data-item:first-child{
    border-left:none;
}
.data-num{
    font-size:clamp(40px,7vw,60px);
    font-weight:700;
    color:#0070c0;
    line-height:1;
    margin-bottom:20px;
}
.data-label{
    font-size:clamp(16px,2vw,20px);
    font-weight:600;
    margin-bottom:18px;
    line-height:1.4;
}
.data-desc{
    font-size:clamp(14px,1.4vw,16px);
    line-height:1.7;
    color:#555;
    letter-spacing:0.02em;
}

/* 响应式：平板2列，手机1列 */
@media(max-width:992px){
    .data-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .data-item:nth-child(3){
        border-left:none;
    }
	.data-desc{margin-bottom:50px;}
}
@media(max-width:576px){
    .data-grid{
        grid-template-columns:1fr;
        gap:32px 0;
    }
    .data-item{
        border-left:none;
        padding:0;
        padding-bottom:32px;
        border-bottom:1px solid #d8d5ce;
    }
    .data-item:last-child{
        border-bottom:none;
        padding-bottom:0;
    }
		.data-desc{margin-bottom:0;}
}



.text-block-top {
    font-size: 1.125rem;
    color: var(--color-text-main);
 
}
.brand-container {
    display: flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap; margin:3.5rem 0;
    gap:2rem 5rem;  color: #0070c0;
  
}
.brand-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-brand-title);
    transition: var(--hover-duration);
    cursor: default;
}

@keyframes breathe {
    from { opacity: 0.85; }
    to { opacity: 1; }
}
.divider {
    width: 100%;
    height: 1px;
    background-color: var(--color-divider);
    margin-bottom: 2.5rem;
}
.text-block-bottom {
    font-size: 1.125rem;
    color: var(--color-text-sub);
}
@media (max-width: 48rem) {
.brand-name {
    font-size: 1.3rem;}
    .brand-container {
        gap: 1.5rem 2.5rem;
    }
    .text-block-top,
    .text-block-bottom {
        font-size: 1rem;
    }
}
.sc-container{float:left;margin:30px 0;}
.sc-container li{float:left;color:#0070c0;font-weight:bold;font-size:18px;width:50%;margin-bottom:20px;padding-right:30px;}
.ct{font-weight:bold;}

.join-list-hz{width:49%;}


.stats-wrap{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:48px 32px;


}
.stat-item .num{
  font-size:45px;
  font-weight:700;
  color:#0070c0;
  line-height:1;
  margin-bottom:12px;
}
.stat-item .title{
  font-size:18px;
  font-weight:bold;
  color:#222;
  margin-bottom:16px;
}
.stat-item .desc{
  font-size:16px;
  color:#444;
  line-height:1.7;
}
/* 响应式：手机单列 */
@media (max-width:960px){
  .stat-item .num{font-size:40px;}
  	}
@media (max-width:640px){
  .stats-wrap{grid-template-columns:1fr;gap:36px;}
  .stat-item .num{font-size:36px;}
.stat-item .title {font-size: 16px;}
}

.contact-title{position:relative;padding-left:20px;}
.contact-title:before {
    width:13px;
    height:13px;
    border-radius: 50%;
   background:#0070c0;
    position: absolute;
    left: 0;
    top:15px;
    content: "";
}