@charset "utf-8";
.banner { height:100vh; } 
/* CSS Document */
.index-about-bg {background:#f7fafd;position:relative;}
.index-about-pic { position:absolute; top:0; right:0; width:60%; height:100%; z-index:1; }
.index-about-pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.index-about{padding-top:1.5rem;padding-bottom:1.5rem; position:relative;z-index:2;  }
.index-about-main{}
.index-about-l{width:30%}
.index-about-tit{color:#08233f;line-height:1.3;margin-bottom:.25rem}
.index-about-tit em{display:block;font-style:normal}
.index-about-desc{color:#08233f;line-height:1.875;margin-bottom:.5rem}
.index-about-data{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;margin-top:.5rem; background-color:#FFF;border-radius:.15rem;}
.index-about-data .i{flex:0 0 auto;width:23%;padding:.3rem .2rem;text-align:center;transition:.3s;display:flex; align-items: center; justify-content: center;}
.index-about-data .i .ico{font-size:0;height:.9rem;line-height:.9rem;margin-right:.15rem}
.index-about-data .i .ico img{max-height:100%}
.index-about-data .i .con { text-align:left;}
.index-about-data .i .it{line-height:1;color:#08233f;margin-bottom:.1rem; font-size:0.4rem;}
.index-about-data .i .it span{font-family:Barlow;font-weight:600}
.index-about-data .i .ip{color:#707983;font-size:.14rem}

.index-business{padding-top:1rem;padding-bottom:1rem;background:#fff}
.index-business-tit{color:#08233f;margin-bottom:.5rem;position:relative; display:inline-block;}
.index-business-tit::after{content:""; position:absolute; left:50%; transform: translateX(-50%);  bottom:-0.1rem; width:0.8rem; height:0.05rem; background-color:#4078dd; border-radius:0.03rem; }
.index-business-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.index-business-list .item{flex:0 0 auto;width:31.5%;margin-bottom:.3rem;border-radius:.15rem;overflow:hidden;background:#edf2f8;box-shadow:0 0 .15rem rgba(0,0,0,.05);transition:.3s; position:relative}
.index-business-list .item:hover{box-shadow:0 0 .3rem rgba(0,104,206,.15)}
.index-business-list .item .imgbox{position:relative;padding-bottom:60%;overflow:hidden}
.index-business-list .item .imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:.8s}
.index-business-list .item:hover .imgbox img{transform:scale(1.05)}
.index-business-list .item .text-box{padding:.3rem}
.index-business-list .item .it{display:flex;align-items:center;margin-bottom:.15rem}
.index-business-list .item .it .ico{width:.55rem;height:.55rem;margin-right:.15rem;flex:0 0 auto}
.index-business-list .item .it .ico img{width:100%;height:100%}
.index-business-list .item .it .name{color:#08233f;font-family:HarmonyOS_Sans_SC_Medium;font-weight:400}
.index-business-list .item .con {display:flex; align-items: center; justify-content: space-between;}
.index-business-list .item .desc{ width:74%; color:#08233f;line-height:1.6;font-size:.16rem;}
.index-business-list .item .more{ flex-shrink: 0;  display:flex;align-items:center;justify-content:space-between}
.index-business-list .item .more .arrow{width:.36rem;height:.36rem;border-radius:50%;background:#4078dd;display:flex;align-items:center;justify-content:center;color:#fff;transition:.3s}
.index-business-list .item .more .arrow i{font-size:.14rem!important}
.index-business-list .item:hover .more .arrow{background:#08233f}

.index-tech-banner{position:relative;padding-top:1.5rem;background-size:cover;background-repeat:no-repeat;background-position:center;color:#000000; padding-bottom:1.5rem; }
.index-tech-banner .inner{position:relative;z-index:2; }
.index-tech-banner-tit{line-height:1.3;margin-bottom:.25rem}
.index-tech-banner-desc{line-height:1.875;max-width:8rem;margin-bottom:.4rem;opacity:.9}
.index-tech-banner .vm{display:inline-block;padding:0 1.5em;text-align:center;min-width:1.6rem;border:1px solid rgba(0,0,0,.4);border-radius:3em;line-height:3.125;transition:.3s;color:#000000}
.index-tech-banner .vm:hover{background:#fff;color:#08233f;border-color:#fff}
.index-tech-flow{background:#cfdef1; padding-top:0.2rem; padding-bottom:0.2rem; }
.index-tech-flow-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap; }
.index-tech-flow-list .item{flex:0 0 auto;width:11%;text-align:center}
.index-tech-flow-list .item .ico{width:.6rem;height:.6rem;margin:0 auto .15rem}
.index-tech-flow-list .item .ico img{width:100%;height:100%}
.index-tech-flow-list .item .name{color:#08233f;font-size:.16rem}
.index-tech-flow-list .arrow{flex:0 0 auto;width:.2rem;color:#08233f;text-align:center;font-size:.14rem}

.index-solution{padding-top:1.4rem;background:#fff}
.index-solution-tit{color:#08233f;margin-bottom:.5rem; position:relative; display:inline-block; }
.index-solution-tit::after{content:""; position:absolute; left:50%; transform: translateX(-50%);  bottom:-0.1rem; width:0.8rem; height:0.05rem; background-color:#4078dd; border-radius:0.03rem; }
.index-solution-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.index-solution-list .item{flex:0 0 auto;width:31.5%;margin-bottom:.3rem;border-radius:.15rem;overflow:hidden;background:#f4f7fb;transition:.3s}
.index-solution-list .item:hover{box-shadow:0 0 .15rem rgba(0,104,206,.15)}
.index-solution-list .item .top{display:flex;align-items:flex-start;padding:.3rem}
.index-solution-list .item .top .ico{width:.5rem;height:.5rem;flex:0 0 auto;margin-right:.2rem}
.index-solution-list .item .top .ico img{width:100%;height:100%}
.index-solution-list .item .top .text-box{flex:1 1 auto;overflow:hidden}
.index-solution-list .item .top .name{color:#08233f;font-family:HarmonyOS_Sans_SC_Medium;font-weight:400;margin-bottom:.1rem}
.index-solution-list .item .top .desc{color:#707983;line-height:1.6;font-size:.14rem}
.index-solution-list .item .imgbox{position:relative;padding-bottom:55%;overflow:hidden}
.index-solution-list .item .imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:.8s}
.index-solution-list .item:hover .imgbox img{transform:scale(1.05)}
.index-new-section{position:relative;width:100%;background: #80a7f2 url(../images/new/news-bg.jpg) no-repeat center center; background-size:cover;}
.index-new-section .inner{width:1480px;max-width:94%;margin:auto; }
.index-news{ padding-top:1rem; padding-bottom:1rem; }
.index-news-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.index-news-head .tl{color:#ffffff}
.index-news-head .tr a{display:inline-block;padding:0 1.2em;text-align:center;border:1px solid #c5cdd6;border-radius:3em;line-height:2.8;transition:.3s;color:#ffffff;font-size:.14rem}
.index-news-head .tr a:hover{background:#0068ce;color:#fff;border-color:#0068ce}
.index-news-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.index-news-list .item{flex:0 0 auto;width:31.5%;margin-bottom:.3rem;border-radius:.15rem;overflow:hidden;background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.03);transition:.3s}
.index-news-list .item:hover{box-shadow:0 0 .2rem rgba(0,104,206,.1)}
.index-news-list .item .imgbox{position:relative;padding-bottom:60%;overflow:hidden}
.index-news-list .item .imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:.8s}
.index-news-list .item:hover .imgbox img{transform:scale(1.05)}
.index-news-list .item .tag{position:absolute;left:.2rem;top:.2rem;z-index:2}
.index-news-list .item .tag span{display:inline-block;background:#0068ce;color:#fff;padding:.05rem .15rem;border-radius:.05rem;font-size:.12rem}
.index-news-list .item .text-box{padding:.25rem}
.index-news-list .item .tit{color:#08233f;line-height:1.5;margin-bottom:.15rem;font-family:HarmonyOS_Sans_SC_Medium;font-weight:400;min-height:1.2rem}
.index-news-list .item .date{color:#707983;font-size:.14rem;display:flex;align-items:center;justify-content:space-between}
.index-news-list .item .date .arrow{width:.3rem;height:.3rem;border-radius:50%;background:#f0f1f2;display:flex;align-items:center;justify-content:center;color:#0068ce;transition:.3s}
.index-news-list .item .date .arrow i{font-size:.12rem!important}
.index-news-list .item:hover .date .arrow{background:#0068ce;color:#fff}

/* ==================== 模具制造 & 注塑 页面公共样式 ==================== */


/* 区块标题 */
.section-title{color:#08233f;text-align:center;margin-bottom:.6rem;position:relative;display:inline-block;left:50%;transform:translateX(-50%);}
.section-title::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-0.15rem;width:0.8rem;height:0.05rem;background-color:#4078dd;border-radius:0.03rem;}

/* 技术介绍区块 */
.tech-intro-section{padding:0.8rem 0;background:#fff;}
.tech-intro-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.tech-intro-l{flex:0 0 auto;width:48%;}
.tech-intro-r{flex:0 0 auto;width:48%;position:relative;}
.tech-intro-r .imgbox{border-radius:.15rem;overflow:hidden;}
.tech-intro-r .imgbox img{width:100%;display:block;}
.tech-intro-tit{color:#08233f;line-height:1.4;margin-bottom:.5rem; position:relative;}
.tech-intro-tit::after{content:""; position:absolute; left:0; bottom:-0.2rem; width:0.8rem; height:0.05rem; background-color:#4078dd; border-radius:0.03rem; }

.tech-intro-tit em{display:block;font-style:normal;}
.tech-intro-desc{color:#08233f;line-height:1.875;}

.tech-intro-tags {display:flex; align-items: center; margin-top:0.4rem;color:#08233f;line-height:1.875;}
.tech-intro-tags span { display:inline-block;position:relative;  }
.tech-intro-tags  em{display:inline-block;font-style:normal; margin:0 0.8rem; }

.tech-intro-float{position:absolute; width:80%; right:0;bottom:0;background:#fff;padding:.2rem .3rem;display:flex;align-items:center;gap:.15rem; background-color:rgba(255, 255, 255, 0.8);border-top-left-radius:0.1rem; border-top-right-radius:0.1rem; border-bottom-left-radius:0; border-bottom-right-radius:0.1rem;}
.tech-intro-float .float-ico{width:.4rem;height:.4rem;flex:0 0 auto; margin-right:0.2rem;}
.tech-intro-float .float-ico img{width:100%;height:100%;}
.tech-intro-float .float-name{color:#08233f;margin-bottom:.05rem;}
.tech-intro-float .float-desc{color:#707983;}

/* 制造能力区块 */
.cap-section{padding:0.8rem 0;background:#f7fafd;}
.cap-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem;}
.cap-item{width:48.5%;background:#fff;border-radius:.15rem;overflow:hidden;box-shadow:0 0 .1rem rgba(0,0,0,.03);transition:.3s;display:flex; align-items: center; justify-content: space-between;}
.cap-item:hover{box-shadow:0 0 .2rem rgba(0,104,206,.1);}
.cap-item .cap-imgbox{ width:49%; height:100%; overflow:hidden; flex-shrink: 0; }
.cap-item .cap-imgbox img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.cap-item:hover .cap-imgbox img{transform:scale(1.05);}
.cap-item .cap-text{  width:50%;  padding:.3rem; flex-shrink: 0; }
.cap-item .cap-ico{width:.8rem;height:.8rem;margin-bottom:.15rem;}
.cap-item .cap-ico img{width:100%;height:100%;}
.cap-item .cap-name{color:#08233f;margin-bottom:.1rem;}
.cap-item .cap-desc{color:#707983;line-height:1.6;}

/* 流程区块 */
.process-section{padding:0.8rem 0;background:#fff;}
.process-list{display:flex;align-items: stretch;justify-content:flex-start;flex-wrap:wrap; background:url(../images/new/muju-process-bg.jpg) no-repeat center center; background-size:cover;  border-radius:0.1rem; padding:0.5rem 0 0.6rem 0.15rem; }
.process-item{ width:16.66%; text-align:left; border-bottom:#4078dd solid 2px; padding:0 0.15rem 0.5rem 0.15rem; position:relative; }
.process-item::after{content:""; position:absolute; left:50%; transform: translate(-50%, 50%);bottom:0; width:0.21rem; height:0.21rem; background:url(../images/new/process-icon.png) no-repeat center center; background-size:100% 100%;  }
.process-item:last-child::before {content:""; position:absolute; right:0; bottom:0; width:0.21rem; height:0.23rem; background:url(../images/new/process-jiantou.png) no-repeat center center; transform: translateY(50%);  background-size:100% 100%;}
.process-item .process-num{color:#4078dd;font-size:.36rem;font-weight:600;margin-bottom:.15rem;}
.process-item .process-name{color:#08233f;margin-bottom:.1rem;}
.process-item .process-desc{color:#707983;font-size:.14rem;line-height:1.6;}


/* 制造优势区块 */
.adv-section{padding:0.8rem 0;background:#f7fafd;}
.adv-main{display:flex;align-items:stretch;justify-content:space-between;gap:.4rem;}
.adv-img{flex:0 0 auto;width:43%;border-radius:.15rem;overflow:hidden;}
.adv-img img{width:100%;height:100%;object-fit:cover;display:block;}
.adv-list{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:.2rem;}
.adv-item{flex:0 0 auto;width:48%;background:#fff;border-radius:.1rem;padding:.25rem;display:flex;align-items:center;gap:.15rem;transition:.3s;}
.adv-item:hover{box-shadow:0 0 .15rem rgba(0,104,206,.1);}
.adv-item .adv-ico{width:.8rem;height:.8rem;flex:0 0 auto; }
.adv-item .adv-ico img{width:100%;height:100%;}
.adv-item .adv-text{flex:1 1 auto;}
.adv-item .adv-name{color:#08233f;margin-bottom:.08rem;}
.adv-item .adv-desc{color:#707983;font-size:.14rem;line-height:1.6;}



/* ==================== 注塑页面专属样式 ==================== */

/* 注塑技术能力 - 左右布局 */
.zhusu-cap-section .zhusu-cap-main{display:flex;align-items:stretch;justify-content:space-between;gap:.4rem;}
.zhusu-cap-section .zhusu-cap-img{flex:0 0 auto;width:42%;border-radius:.15rem;overflow:hidden;}
.zhusu-cap-section .zhusu-cap-img img{width:100%;height:100%;object-fit:cover;display:block;}
.zhusu-cap-section .zhusu-cap-list{flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem;}
.zhusu-cap-item{display:flex;align-items:flex-start;gap:.2rem;padding:.2rem 0;border-bottom:1px solid #e4edfb;}
.zhusu-cap-item:last-child{border-bottom:none;}
.zhusu-cap-num{color:#4078dd;font-size:.28rem;font-weight:600;flex:0 0 auto;width:.5rem;line-height:1;}
.zhusu-cap-text{flex:1 1 auto;}
.zhusu-cap-name{color:#08233f;margin-bottom:.08rem;}
.zhusu-cap-desc{color:#08233f;font-size:.16rem;line-height:1.6;}

/* 注塑优势 - 2x2网格 */
.zhusu-adv-section { background:url(../images/new/zhusu-adv-bg.jpg) no-repeat center center; background-size:cover; }
.zhusu-adv-section .zhusu-adv-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem;}
.zhusu-adv-item{flex:0 0 auto;width:48.5%;background:#fff;border-radius:.15rem;padding:.35rem;display:flex;align-items:flex-start;gap:.2rem;box-shadow:0 0 .1rem rgba(0,0,0,.03);transition:.3s;}
.zhusu-adv-item:hover{box-shadow:0 0 .2rem rgba(0,104,206,.1);}
.zhusu-adv-item .zhusu-adv-ico{width:.8rem;height:.8rem;flex:0 0 auto;}
.zhusu-adv-item .zhusu-adv-ico img{width:100%;height:100%;}
.zhusu-adv-item .zhusu-adv-text{flex:1 1 auto;}
.zhusu-adv-item .zhusu-adv-name{color:#08233f;margin-bottom:.1rem;}
.zhusu-adv-item .zhusu-adv-desc{color:#08233f;font-size:.16rem;line-height:1.6;}

/* banner */
.mingan-banner{position:relative;height:auto;overflow:hidden;}
.mingan-banner img{width:100%;}
.mingan-banner .banTxt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;}
.mingan-banner .banTxt .t1{color:#08233f;font-size:.6rem;margin-bottom:.2rem;}
.mingan-banner .banTxt .t2{color:#08233f;font-size:.2rem; position:relative; width:51%; }
.mingan-banner .banTxt .t2::after{content:""; position:absolute; left:0; bottom:-0.2rem; width:0.76rem; height:0.05rem; background-color:#4f82ff;  border-radius:0.03rem; }
.mingan-banner .scroll-down-wrap {position:absolute;left:0;bottom:0.5rem;z-index:2; width:100%; height:auto; }
.mingan-banner .scroll-down{animation:bounce 2s infinite;color:#ffffff;font-size:.14rem; }
.mingan-banner .scroll-down i{ display:inline-block; width:0.16rem; height:0.24rem; background:url(../images/newtwo/mouse.png) no-repeat center center; background-size:100% 100%; margin-left:0.1rem; vertical-align:middle; transform: translateY(-2px);}
@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% {  transform: translateY(-5px); }}
.mingan-banner.white .banTxt .t1{color:#ffffff; }
.mingan-banner.white .banTxt .t2{color:#ffffff; }


@media(max-width:1440px){
.index-about{padding-top:1.2rem;}	
.index-business{padding-top:1.2rem;}
.index-solution{padding-top:1.2rem;}
.index-news{padding-top:1.2rem;}
.tech-intro-tags em{ margin: 0 0.6rem;}
}
@media(max-width:1024px){
.index-about{padding-top:1rem;}
.index-business{padding-top:1rem;}
.index-tech-banner{padding-top:1rem; padding-bottom:1rem;}
.index-tech-flow { height:auto; padding-bottom:0.5rem; }
.index-tech-flow-list .item{width:22%;margin-bottom:.2rem}
	
.index-solution{padding-top:1rem;}
.index-news{padding-top:1rem;}

.tech-intro-l,.tech-intro-r{width:100%;}
.tech-intro-r{margin-top:.3rem;}
.adv-main{flex-direction:column;}
.adv-img{width:100%;}
.adv-item{width:48%;}
.zhusu-cap-section .zhusu-cap-main{flex-direction:column;}
.zhusu-cap-section .zhusu-cap-img{width:100%;}
.cap-item{width:100%;}
.process-arrow{transform:rotate(90deg);padding:0;}
.zhusu-adv-item{width:100%;}
.tech-intro-tags em{ margin: 0 0.4rem;}

}
@media(max-width:768px){
.index-about{padding-top:0.8rem; padding-bottom:0.4rem;}
.index-about-l{width:90%}
.index-about-pic { width:100%; }
.index-about-tit em { display:inline-block; }
.index-about-desc {text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);}
.index-about-data .i { width:50%; }
.index-about-data .i .ico {  height: .4rem; line-height: .4rem;  margin-right: .1rem;}
.index-about-data .i .it { font-size: 0.3rem;}
.index-business{padding-top:0.4rem;}
.index-business-list .item{width:100%;}
.index-solution{padding-top:0.4rem;}
.index-solution-list .item{width:100%;}
.index-news{padding-top:0.4rem;}
.index-news-list .item{width:100%;}
.process-list { padding: 0.1rem 0 0.6rem 0.15rem;}
.process-item { width:48%; padding-top:0.2rem; }
.adv-item .adv-ico {width: .6rem;  height: .6rem;}

.tech-intro-section,.cap-section,.process-section,.adv-section{padding:0.4rem 0;}
.adv-item{width:100%;}

.zhusu-adv-item .zhusu-adv-ico{width: .6rem;  height: .6rem;}
.tech-intro-tags em{ margin: 0 0.2rem;}

.mingan-banner { height:3.5rem; }
.mingan-banner img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.mingan-banner .banTxt .t1{font-size:.3rem;}
.mingan-banner .banTxt .t2 { width:90%;}
.scroll-down-wrap { display:none; }

.banner { height:auto; } 

}