.goods-top{ width: 100%; padding: 180px 0 110px 0; background: #f8f9fa;}
.goods-position{ font-size: 1.2rem; height: 36px; line-height: 29px; border-bottom:1px solid #000; padding-bottom: 7px; }
.goods-position a{ color: #afafaf;}
.goods-position span{ padding:0 10px; color: #afafaf;}
.goods-position a.fa-home1{display: inline-block; width: 38px; height: 29px; line-height: 29px; text-align: center; color: #FFFFFF; background: #000000 url(../images/newsicon.jpg) no-repeat center; border-radius:4px;}



.goods-cate-info{ width: 100%; padding: 0 0 80px 0; background: #f8f9fa;}
.goods-cate-info .goods-cate-info-box{ max-width: 760px; margin: 0;}
.goods-cate-info .goods-cate-info-box h1{ margin-bottom: 35px; color: #000000; font-size: 3.4rem; line-height: 56px;}
.goods-cate-info .goods-cate-info-box p{ font-size: 1.2rem; line-height: 30px;}


.goods-listbg{ width: 100%; padding: 0 0 80px 0; background: #f8f9fa;}
.goods-list{ gap: 60px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}

.goods-list-item{ background: #FFFFFF; border-radius:20px; border: 1px solid #CCCCCC; padding: 35px 30px;}
.goods-list-item-pic{ width: 100%; height: auto; overflow: hidden;  border-radius:20px;}
.goods-list-item-pic img{ width: 100%; height: auto;  border-radius:20px;}
.goods-list-item-pic:hover img{transform: scale(1.06);}
.goods-list-item-info{ width: 100%; padding-top: 20px;}
.goods-list-item-info a{ display: block; font-family: myFirstFont1; color: #000000; font-size: 1.9rem; line-height: 36px; height: 36px; overflow: hidden;}
.goods-list-item-info em{ display: block; font-size: 1.3rem; line-height: 50px;}
.goods-list-item-info p{ font-size: 1.1rem; line-height: 23px; height: 46px; overflow: hidden;}


/* ===== 基础过渡 ===== */
.goods-list-item{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.goods-list-item-pic img{
  transition: transform .35s ease;
}

.goods-list-item-info a,
.goods-list-item-info em{
  transition: color .2s ease;
}

/* ===== hover 效果 ===== */
.goods-list-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

/* 图片更有张力 */
.goods-list-item:hover .goods-list-item-pic img{
  transform: scale(1.08);
}

/* 标题强调 */
.goods-list-item:hover .goods-list-item-info a{
  color: #000000;
}

/* 副标题轻微变深 */
.goods-list-item:hover .goods-list-item-info em{
  color: #333333;
}



.about-contact{ padding-bottom: 100px;}
.about-contact-title{ height: 88px; line-height: 87px; border-bottom:1px solid #111111;}
.about-contact-title h2{ color: #000000; font-size: 2.8rem;}

.about-contact-list{ width: 100%; padding-top: 50px;  gap: 35px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.about-contact-item{ width: 100%; border: 1px solid #CCCCCC; padding: 30px; border-radius:12px; cursor: pointer;}
.about-contact-item-pic{ width: 68px; height: 68px; background: #f5f5f5; border-radius:50%;}
.about-contact-item h3{ color: #000000; font-size: 1.4rem; height: 84px; line-height: 84px; border-bottom:1px solid #111111;}
.about-contact-item-info{ width: 100%; line-height: 22px; min-height: 110px; font-size: 1rem; margin: 25px 0;}
.about-contact-item a{ display: inline-block;  font-family: myFirstFont2; color: #111111; font-size: 1rem; line-height: 32px; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.about-contact-item a::after{ background:url(../images/blogjt1.png) no-repeat; content:""; width:10px; height:10px; display:inline-block; margin-left:10px;}
.about-contact-item a:hover{ text-decoration: underline;}
.about-contact-item a:hover::after{  background:url(../images/blogjts1.png) no-repeat; width:11px; }

/* ===== hover 基础过渡 ===== */
.about-contact-item{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.about-contact-item h3,
.about-contact-item a{
  transition: color .25s ease;
}

.about-contact-item-pic{
  transition: background .25s ease;
}

/* ===== hover 效果 ===== */
.about-contact-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}



/* 链接更利落 */
.about-contact-item:hover a{
  color: #000000;
}

/* 小箭头微动（细节感） */
.about-contact-item a img{
  transition: transform .25s ease;
}
.about-contact-item:hover a img{
  transform: translateX(4px);
}


.custom-process-title{ padding: 80px 0;}
.custom-process-title em{ display: block; font-size: 1.4rem; color: #111111; line-height: 36px;  font-family: myFirstFont3; font-weight:300;}
.custom-process-title h2{ color: #111111; font-size: 2.8rem; line-height: 48px;}

.home-process-list{ padding:0 0 120px 0; gap: 50px; grid-template-columns: repeat(5, 1fr); /* 3 列 */  display: grid;}

.home-process-item{ width: 100%; cursor: pointer;}
.home-process-item-pic{ width: 78px; height: 78px; border-radius:10px; background: #f5f5f5; transition:transform .35s ease;}
.home-process-item-info{ width: 100%; margin-top: 30px;}
.home-process-item-info h3{ color: #111111; font-size: 1.2rem; line-height: 32px; margin-bottom: 8px;}
.home-process-item-info p{ line-height: 18px;}


/* 让线条以图标块为参照 */
.home-process-item{ position: relative; }

/* 图标块作为“线条起点” */
.home-process-item-pic{
  position: relative;
}

/* 横线：1px 纯黑 */
.home-process-item:not(:last-child) .home-process-item-pic:after{
  content:"";
  position:absolute;
  left: calc(100% + 32px);
  top: 50%;
  transform: translateY(-50%);
  width: 140px;      /* 长度按需微调 */
  height: 1px;       /* ✅ 1px */
  background: #000;  /* ✅ 纯黑 */
}

.case-other-title{ padding: 124px 0 15px 0; border-bottom:1px solid #111111;}
.case-other-title-left{}
.case-other-title-left em{ display: block; font-size: 1.4rem; color: #111111; line-height: 36px;}
.case-other-title-left h2{ color: #111111; font-size: 2.8rem; line-height: 48px;}
.case-other-title a{ display: inline-block;  color: #FFFFFF; background: #000000; height: 44px; line-height: 44px; border-radius:12px; font-size: 1.1rem; padding: 0 22px; margin-top:40px;}
.case-other-title a:hover{color: #000; border:1px solid  #000000; background:none;}


.case-other{ margin-top: 40px !important; padding-bottom: 150px;}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual1 .owl-carousel .home-blog-item-pic{ width: 100%; height: auto; overflow: hidden; border-radius:20px;}
.main_visual1 .owl-carousel .home-blog-item-pic img{ width: 100%; height: auto; border-radius:20px;}
.main_visual1 .owl-carousel .home-blog-item-pic:hover img{  transform: scale(1.06);}

.main_visual1 .owl-carousel .home-blog-item-info{ padding: 20px; text-align: center;}
.main_visual1 .owl-carousel .home-blog-item-info em{ }
.main_visual1 .owl-carousel .home-blog-item-info em img{ width: 30px; height: 21px; display: inline-block; margin-right: 10px;}
.main_visual1 .owl-carousel .home-blog-item-info h3{ font-size: 1.1rem; font-family: myFirstFont; font-weight:400;  line-height: 1.3rem; color: #111111; line-height: 52px; height: 52px; overflow: hidden;}
.main_visual1 .owl-carousel .home-blog-item-info a{ display: inline-block; color: #FFFFFF; background: #000000; height: 30px; line-height: 30px; border-radius:30px; padding: 0 15px;}
.main_visual1 .owl-carousel .home-blog-item-info a i{ display:inline-block; background:url(../images/blogjt.png) no-repeat center; width: 10px; height: 10px; display: inline-block; margin-left: 10px;}
.main_visual1 .owl-carousel .home-blog-item-info a:hover i{ background:url(../images/blogjts.png) no-repeat center; }

.main_visual1 .owl-prev,.main_visual1 .owl-next{width:50px;height: 50px; border:1px solid #CCCCCC; border-radius:50%; box-shadow: 0 16px 50px rgba(0,0,0,.12); background-repeat: no-repeat; background-size:cover; background-position: center center; position: absolute;top: 50%;margin-top: -9px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/bl.png);left:-85px; }
.main_visual1 .owl-next{background-image: url(../images/br.png);right:-85px; }
.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 12px; position:absolute; left: 0; bottom: -50px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 5px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px;  background:#FFFFFF; border:1px solid #000; border-radius:50%;}
.main_visual1 .owl-dot.active span{  background:#000;}
.main_visual1 .owl-controls{ height: 0;}
.main_visual1 .owl-nav{ height: 0;}



.goods-show-position{ margin-top: 180px !important; font-size: 1.2rem; height: 36px; line-height: 29px; border-bottom:1px solid #000000; padding-bottom: 7px;}
.goods-show-position a{ color: #000000;}
.goods-show-position a:last-child{ color: #afafaf;}
.goods-show-position span:nth-child(4){ color: #afafaf;}
.goods-show-position span{ padding:0 10px;}
.goods-show-position a.fa-home1{display: inline-block; width: 38px; height: 29px; line-height: 29px; text-align: center; color: #FFFFFF; background: #000000 url(../images/newsicon.jpg) no-repeat center; border-radius:4px;}




.goods-show-box1{ padding: 50px 0;}

.goods-show-box1-pic{ width: 60%; gap: 20px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.goods-show-box1-pic img{ width: 100%; height: auto; border-radius:20px;}

.goods-show-box1-info{ width: 40%; padding:25px 0  25px 60px;}
.goods-show-box1-info h1{ font-size: 1.9rem; line-height: 32px; color: #000000;}
.goods-show-box1-info h2{ font-size: 1.9rem; line-height: 32px; color: #000000;}
.goods-show-box1-info h3{ font-size: 1.9rem; line-height: 32px; color: #000000;}
.goods-show-box1-info p{ margin: 25px 0; font-size: 1rem;}
.goods-show-box1-info a{ display: block; width: 100%; background: #000000; color: #FFFFFF; height: 50px; line-height: 50px; text-align: center; border-radius:6px; font-size: 1.4rem;}
.goods-show-box1-info a:hover{  border:1px solid #000000; color: #000; background:none;}

.goods-show-optionbg{ background: #f8f9fa;}
.goods-show-option{ padding: 60px 0; width: 100%;}
.goods-show-option-left{ width: 350px; padding-right: 60px;}
.goods-show-option-left h2{ color: #000000; font-size: 2rem; line-height: 46px; margin-bottom: 20px;}
.goods-show-option-left p{ font-size: 1rem; line-height: 26px;}
.goods-show-option-left a{ display: block; width:84%; margin:0; height: 46px; line-height: 46px; border:1px solid #000000; border-radius:6px; text-align: center; color: #000000; font-size: 1.05rem; margin-top: 30px;}
.goods-show-option-left a:hover{ background: #000000; color: #FFFFFF;}

.goods-show-option-right{ width: calc(100% - 350px); }
.goods-show-option-right ul{ width: 100%; gap:70px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.goods-show-option-right ul li{ width: 100%; text-align: center;}
.goods-show-option-right ul li img{ width: 100%; border: 1px solid #CCCCCC; border-radius:6px;}
.goods-show-option-right ul li b{ display: block; font-size: 0.95rem; line-height: 22px; margin-top: 15px; color: #000; font-family: myFirstFont2; font-weight: 500;}


.goods-show-per{ width: 100%; margin-top: 50px;}
.goods-show-per-pic{ width: 61%;}
.goods-show-per-pic img{ width: 100%; height: 100%; object-fit: cover;}


.goods-show-per-info{ width: 39%; padding: 50px 160px 50px 70px;}
.goods-show-per-info h2{ font-size: 2.8rem; color: #000000; line-height: 46px; margin-bottom: 40px;}
.goods-show-per-info p{ line-height: 27px; font-size: 1.2rem; }
.goods-show-per-info p a{ color: #004eff; display: inline-block; position:relative; margin:0 3px; text-decoration:underline;  text-decoration-thickness: 1px; text-underline-offset: 6px;}
.goods-show-per-info p a img{ margin: 0 5px; }
.goods-show-per-info h3{ color: #000000;  font-family: myFirstFont; font-weight:400; font-size: 1.5rem; line-height: 36px; margin:25px 0 15px 0;}
.goods-show-per-info a::after{ display:inline-block; content:""; width:14px; height:14px; background:url(../images/casejts.png) no-repeat center; margin:0 5px;}



@media (max-width: 1200px) {

.goods-top{padding: 80px 0 30px 0; }
.goods-position{ font-size: 1rem; }

.goods-cate-info{  padding: 0 0 40px 0;;}
.goods-cate-info .goods-cate-info-box{ max-width: 100%; margin: 0;}
.goods-cate-info .goods-cate-info-box h1{ margin-bottom: 15px;  font-size: 1.6rem; line-height: 36px;}
.goods-cate-info .goods-cate-info-box p{ font-size: 1rem; line-height: 26px;}


.goods-listbg{ padding: 0 0 30px 0;}
.goods-list{ gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}

.goods-list-item{ padding: 20px;}

.goods-list-item-info a{ font-size: 1.4rem; }
.goods-list-item-info em{ font-size: 1.1rem; line-height: 30px;}
.goods-list-item-info p{ font-size: 1rem; height: auto; overflow: hidden;}


.about-contact{ padding-bottom: 30px;}
.about-contact-title{ height: 48px; line-height: 47px; }
.about-contact-title h2{ font-size:1.4rem;}

.about-contact-list{ padding-top: 20px;  gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.about-contact-item{ padding: 20px;}
.about-contact-item h3{ font-size: 1.2rem; height:54px; line-height:54px; }
.about-contact-item-info{ min-height: auto; font-size: 0.9rem; margin: 15px 0;}


.custom-process-title em{ font-size: 1.1rem; color: #111111; line-height: 30px;}
.custom-process-title h2{ font-size:1.6rem; line-height: 38px;}



.home-process-list{ padding:0 0 30px 0; gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}

.home-process-item{ width: 100%; cursor: pointer; background: #FFFFFF; border-radius:12px; border:1px solid #CCCCCC; padding: 20px;}
.home-process-item-info{ width: 100%; margin-top: 20px;}
.home-process-item-info h3{  font-size: 1.1rem;  margin-bottom: 5px;}



/* 横线：1px 纯黑 */
.home-process-item:not(:last-child) .home-process-item-pic:after{
  width: 0;      /* 长度按需微调 */
  height: 0;       /* ✅ 1px */
  background: none;  /* ✅ 纯黑 */
}
.case-other-title{ padding: 35px 0 15px 0; }
.case-other-title-left em{  font-size: 1.2rem; line-height: 30px;}
.case-other-title-left h2{  font-size: 1.6rem; line-height: 38px;}
.case-other-title a{height: 40px; line-height: 40px;font-size: 1rem; padding: 0 12px; margin-top:15px;}



.case-other{ margin-top: 20px !important; padding-bottom: 100px;}



.goods-show-position{ margin-top: 100px !important; font-size: 1rem; }



.goods-show-box1{ padding: 30px 0;}

.goods-show-box1-pic{ width: 100%; gap: 10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}


.goods-show-box1-info{ width: 100%; padding:25px 0 ;}
.goods-show-box1-info h1{ font-size: 1.4rem; line-height: 26px; color: #000000;}
.goods-show-box1-info h2{ font-size: 1.4rem; line-height: 26px; color: #000000;}
.goods-show-box1-info h3{ font-size: 1.4rem; line-height: 26px; color: #000000;}
.goods-show-box1-info p{ margin: 15px 0; font-size: 1rem;}



.goods-show-option{ padding: 30px 0; width: 100%;}
.goods-show-option-left{ width: 100%; padding-right: 0;}
.goods-show-option-left h2{ color: #000000; font-size: 1.6rem; line-height: 32px; margin-bottom: 10px;}
.goods-show-option-left p{ font-size: 1rem; line-height: 24px;}


.goods-show-option-right{ width:100%;  margin-top: 20px;}
.goods-show-option-right ul{ width: 100%; gap:30px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}


.goods-show-per{ width: 100%; margin-top: 30px;}
.goods-show-per-pic{ width: 100%;}



.goods-show-per-info{ width: 100%; padding:25px;}
.goods-show-per-info h2{ font-size: 1.6rem;  line-height: 36px; margin-bottom:20px;}
.goods-show-per-info p{ line-height: 24px; font-size: 1rem;}
.goods-show-per-info h3{  font-size: 1.1rem; line-height: 30px; margin:10px 0;}



}