.custom-banner{ width: 100%; height: 100%; background: #f8f9fa;}
.custom-banner-left{ width: 36%;  padding: 182px 70px 0 5%; }


.custom-banner-position{ width: 100%; height: 36px; line-height: 29px; border-bottom:1px solid #CCCCCC; padding-bottom: 7px;  font-size: 1.2rem; color: #afafaf;}
.custom-banner-position a{color: #afafaf; }
.custom-banner-position span{ padding:0 10px;}
.custom-banner-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;}


.custom-banner-info{ padding: 130px 20px;}
.custom-banner-info h1{ color: #111111; font-size: 3.2rem; line-height: 62px; color: #000000;}
.custom-banner-info p{ font-size: 1.2rem; line-height: 30px; margin-top:25px;}
.custom-banner-info em{ display: block; color: #111111; font-size: 1.2rem; line-height: 30px; margin-top:25px;}

.custom-banner-right{ width: 64%; }
.custom-banner-right img{ width: 100%; height: 100%;}



.custom-process-title{ padding: 120px 0 80px 0;}
.custom-process-title em{ display: block; font-size: 1.4rem; color: #111111; line-height: 36px; font-weight:300; font-family: myFirstFont3;}
.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;  /* ✅ 纯黑 */
}



.custom-contact-title{ border-bottom: 1px solid #000000; padding-bottom: 25px;}
.custom-contact-title h2{ color: #000000; font-size: 2.8rem;}



.about-contact-list{ padding-top: 80px;  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 h3{
  border-bottom-color: #000000;
  color: #000000;
}

/* 链接更利落 */
.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-inquiry-title{ border-bottom: 1px solid #000000; padding:120px 0  25px 0;}
.custom-inquiry-title h2{ color: #000000; font-size: 2.8rem; line-height: 60px; margin-bottom: 10px;}
.custom-inquiry-title p{ font-size: 1.2rem; line-height: 26px; max-width: 740px; margin: 0;}

.custom-inquiry-box{padding-top: 30px;}
.custom-inquiry-box dl{ width: 47%; margin-bottom: 10px;}
.custom-inquiry-box dl dt{ font-size: 1.2rem; color: #000000; line-height: 50px;}
.custom-inquiry-box dl dd input{ width: 100%; background: none; border:1px solid #CCCCCC; border-radius:10px; padding: 0 15px; line-height: 46px;}
.custom-inquiry-box dl dd textarea{ width: 100%; background: none; border:1px solid #CCCCCC; border-radius:10px; padding:15px; line-height: 26px; height: 100px;}
.custom-inquiry-box dl:nth-child(5){ width: 100%;}
.custom-inquiry-box dl:nth-child(6){ width: 100%;}

.custom-box-btn{ padding-top: 35px; text-align: right;}
.custom-box-btn button{  background: #000000; color: #FFFFFF; border:none; border-radius:6px;  height: 46px; line-height: 46px; font-size: 1.1rem; padding: 0 35px;}
.custom-box-btn button:hover{border:1px solid #000000;  color: #000; background:none;}

.custom-check{ padding: 45px 0;}

.custom-check-email{ width: 44%; line-height: 40px;}
.custom-check-email label{ display: block; width: 190px; font-size: 1.2rem; color: #000000; }
.custom-check-email input{ width: calc(100% - 190px); height: 40px; border:1px solid #CCCCCC; background: none; border-radius:10px; padding: 0 15px;}

.custom-check-orderno{ width: 44%; line-height: 40px;}
.custom-check-orderno label{ display: block; width: 140px; font-size: 1.2rem; color: #000000; }
.custom-check-orderno input{ width: calc(100% - 210px); height: 40px; border:1px solid #CCCCCC; background: none; border-radius:10px; padding: 0 15px;}
.custom-check-orderno button{ width: 40px; height: 40px;  background: #000000; color: #FFFFFF;  font-size: 1.4rem; border-radius:50%; border: none;}
.custom-check-orderno button:hover{border:1px solid #000000; color: #000; background:none;}



.custom-about{ margin-top: 100px; width: 100%; height: auto; background: url(../images/custaboutbg.jpg) no-repeat center; background-size:cover; color: #FFFFFF; padding: 180px 0;}
.custom-about-info{ width: 550px;}
.custom-about-info h2{ font-size: 2.8rem; line-height: 66px; margin-bottom: 25px;}
.custom-about-info p{ font-size: 1.2rem; line-height: 30px;}
.custom-about-info a{ display: inline-block; color: #FFFFFF; text-decoration: underline;}
.custom-about-info a img{ margin-left: 10px;}

@media (max-width: 1200px) {

.custom-banner{  background: #f8f9fa; margin-top: 61px;}
.custom-banner-left{ width: 100%;  padding:30px 3%; }


.custom-banner-position{  font-size: 1rem; color: #afafaf;}

.custom-banner-position a.fa-home{margin-right:5px;}

.custom-banner-info{ padding: 30px 0 0 0;}
.custom-banner-info h1{font-size: 1.4rem; line-height: 32px; color: #000000;}
.custom-banner-info p{ font-size: 1rem; line-height: 26px; margin-top:15px;}


.custom-banner-right{ width: 100%; }
.custom-banner-right img{ width: 100%; height: 100%;}

.custom-process-title{ padding: 30px 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;  /* ✅ 纯黑 */
}

.custom-contact-title{  padding-bottom: 15px;}
.custom-contact-title h2{ font-size: 1.6rem;}

.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: 40px;  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-inquiry-title{  padding:25px 0;}
.custom-inquiry-title h2{font-size: 1.6rem; line-height: 40px; margin-bottom: 10px;}
.custom-inquiry-title p{ font-size: 1rem; line-height: 24px; max-width: 100%; margin: 0;}

.custom-inquiry-box{padding-top: 20px;}
.custom-inquiry-box dl{ width: 100%; margin-bottom: 10px;}
.custom-inquiry-box dl dt{ font-size: 1rem; line-height: 40px;}


.custom-box-btn{  padding-top: 25px; }
.custom-box-btn button{ font-size: 1rem; padding: 0 25px;}


.custom-check{ padding: 25px 0;}

.custom-check-email{ width: 100%; line-height: 40px; margin-bottom: 30px;}
.custom-check-email label{ display: block; width: 190px; font-size: 1rem; color: #000000; }

.custom-check-orderno{ width: 100%; line-height: 40px;}
.custom-check-orderno label{ display: block; width: 140px; font-size: 1rem; color: #000000; }



.custom-about{ margin-top: 30px;  padding: 120px 0;}
.custom-about-info{ width: 100%;}
.custom-about-info h2{ font-size: 1.6rem; line-height: 46px; margin-bottom: 15px;}
.custom-about-info p{ font-size: 1rem; line-height: 26px;}







}