:root{
    --color: #05339f;
}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.page-section-about-container,
.page-section-team-container,
.page-section-customer-container,
.page-section-products-container,
.page-section-honor-container,
.page-section-contact-container{width:100%;max-width:1560px;margin:0 auto;box-sizing:border-box;position: relative;}
.page-section-banner{margin-top:100px}
.page-section-banner img{width:100%;display:block}
.page-section-about-home-tit,
.page-section-team-home-tit,
.page-section-customer-home-tit,
.page-section-products-home-tit,
.page-section-honor-home-tit,
.page-section-contact-home-tit{font-size:30px;font-weight:500;color:#111;margin-bottom:30px}
.page-section-about{background:#f9f9f9;padding:3% 0 0}
.page-section-about .container{position:relative}
.page-section-about-advan-list{width:63%}
.page-section-about-advan-list li{text-align:center;background:#fff;box-sizing:border-box;color:#111;width:31%;margin:0 0 40px;padding:5%;transition:box-shadow .2s ease-in-out}
.page-section-about-advan-list li:nth-child(3){opacity:0;}
.page-section-about-advan-list li:hover{box-shadow:0 0 16px #ccc}
.page-section-about-advan-list li img{max-width:50px;}
@media(max-width:768px){page-section-about-.advan-list li img{max-width:30px;}}
.page-section-about-advan-item-tit{font-size:26px}
.page-section-about-advan-item-text{font-weight:500}
.page-section-about-pcadvan{width:41%;padding-top:2%;position:absolute;top:0;right:2%}
.page-section-about-advan-text{font-size:16px;color:#777;line-height:1.6}
.page-section-about-advan-more{display:inline-block;font-size:20px;font-weight:500;color:#fff;background:var(--color);padding:16px 26px;margin-top:8%;margin-left:35%;transition:transform .2s ease-in-out}
.page-section-about-advan-more:hover{color:#fff;transform:translateY(4px)}
.page-section-team-repro{padding:8% 0;margin-top:-5%;background-size:100% 50%;background-color:var(--color)}
.page-section-team-home-text,.page-section-team-home-tit{color:#fff}
.page-section-team-home-text{max-width:940px}
#pageSectionTeamRepro{width:calc(100% - 230px);max-width:1560px;margin:0 10px}
.page-section-team-repro-box{margin-top:-6%}
.page-section-team-repro-btn{font-size:18px;font-weight:500;color:#2f2f2f;text-transform:uppercase;letter-spacing:6px;cursor:pointer;user-select:none;display:flex;align-items:center;padding-bottom:10%;user-select:none}
.page-section-team-repro-btn:hover{color:var(--color)}
.page-section-team-repro-btn img{width:32px;}
#pageSectionTeamRepro ul li a{display:block;position:relative;overflow:hidden;}
#pageSectionTeamRepro ul li img{display:block;width:100%}
#pageSectionTeamRepro ul li:hover img{transform:scale(1.2)}

.page-section-team-repro-tit{position:absolute;top:0;left:0;width:100%;font-size:22px;font-weight:500;color:#fff;padding:8% 10%}
.page-section-customer{margin:30px 0;position:relative}
.page-section-customer::after{content:'PRISE';display:block;position:absolute;right:0;top:-4%;font-size:200px;line-height:1;font-weight:700;color:#f3f3f3;z-index:-1}
.page-section-customer-home-tit{color:var(--color)}
.page-section-customer-home-text{max-width:352px;font-weight:500;color:#2f2f2f}
.page-section-customer-what-list li{width:22%;border-right:1px solid #f3f3f3;color:#1c1b19;padding:3% 3% 3% 0;box-sizing:border-box}
.page-section-customer-what-list li:last-child{border-right:none}
.page-section-customer-what-item-photo img{display:block;border-radius:50%}
.page-section-customer-what-item-tit{font-size:22px;margin:20px 0 6px}
.page-section-customer-what-item-text{margin-top:10%}
.page-section-products{background-color:var(--color);padding:5% 0 3%}
.page-section-products-home-tit{display:none}
.page-section-products-hot-list li{width:22.5%;background-color:#fff;margin-bottom:3%}
.page-section-products-hot-list li a{display:block;position:relative;overflow:hidden;height:100%}
.page-section-products-hot-list li img{display:block;width:100%}
.page-section-products-hot-tit{font-size:18px;color:#fff;background-color:rgba(17,17,17,.8);padding:3% 10%;position:absolute;bottom:-100%;left:0;transition:bottom .3s ease-in-out}
.page-section-products-hot-list li:hover .page-section-products-hot-tit{bottom:0}
.page-section-products-hot-list li:hover img{transform:scale(1.2)}
.page-section-contact{background:#111;color:#fff;padding:30px 0}
.page-section-contact-contact-l{width:71%;padding:0 5% 0 0;box-sizing:border-box}
.page-section-contact-home-text{max-width:395px;font-weight:500}
.page-section-honor{padding:40px 0}
.page-section-honor-home-tit{margin-bottom:10px}
#zs{margin-top:30px}
#zs li{width:calc(20% - 20px)}
#zs li img{display:block;width:100%}
.page-section-contact-contact-r{width:29%}
.page-section-contact-contact-box{background-color:#fff;color:var(--color);padding:9% 12% 12%}
.page-section-contact-contact-box .send-inquiry .inquiry-form input{border:none;border-bottom:1px solid #ededed;width:100%}
.page-section-contact-contact-box .send-inquiry .inquiry-form textarea{border:none;border-bottom:1px solid #ededed;height:100px}
.page-section-contact-contact-box .hvr-bounce-to-right-y:before{background:var(--color);}
#zs .swiper-pagination{display:none}
@media(max-width:1600px){
.page-section-about-container,
.page-section-team-container,
.page-section-customer-container,
.page-section-products-container,
.page-section-honor-container,
.page-section-contact-container{padding-left:20px;padding-right:20px}
}

@media(max-width:1367px){.page-section-team-{font-size:18px}
.page-section-customer::after{top:-2%;font-size:140px}
}
@media(max-width:1064px){.page-section-team-repro{margin-top:-8%}
.page-section-about-home-tit,
.page-section-team-home-tit,
.page-section-customer-home-tit,
.page-section-products-home-tit,
.page-section-honor-home-tit,
.page-section-contact-home-tit{margin-bottom:20px}
}
@media(max-width:768px){.page-section-banner{margin-top:60px}
.page-section-about-home-tit,
.page-section-team-home-tit,
.page-section-customer-home-tit,
.page-section-products-home-tit,
.page-section-honor-home-tit,
.page-section-contact-home-tit{font-size:22px}
.page-section-about-advan-item-tit{font-size:18px}
.page-section-about-pcadvan{bottom:0;width:100%;right:0;padding:0;position:static;margin:0}
.page-section-about-advan-more{font-size:16px;margin-top:20px;margin-left:0;padding:16px 0;width:100%;text-align:center}
.page-section-about-advan-list{width:100%}
.page-section-about-advan-list li{width:47%}
.page-section-about-advan-list li:nth-child(3){display:none}
.page-section-about{padding:1rem 0 .8rem}
.page-section-team-repro{margin-top:.48rem;padding:12% .2rem 12%}
.page-section-team-repro-box{position:relative;display:block;margin-top:-1px;padding:.7rem 20px 0;background-color:var(--color)}
#pageSectionTeamRepro .swiper-slide{height:calc((100% - 20px)/ 2)}
#pageSectionTeamRepro{margin:0;width:100%;height:32rem;margin-top:20px}
.page-section-team-repro-box::before{content:'';display:block;width:100%;height:3rem;background-color:#fff;position:absolute;bottom:-1px;left:0}
.page-section-customer-what-list li{width:50%;margin-bottom:30px;border-width:2px}
.page-section-customer-what-list li:nth-child(even){padding-right:0;padding-left:3%;border-right:none}
.page-section-customer::after{font-size:1rem;top:0}
.page-section-products-home-tit{font-size:20px;display:block;color:#fff;text-align:center;text-transform:uppercase}
.page-section-products- li{width:48%;margin-bottom:10px}
.page-section-contact-contact-l{width:100%;padding:0}
.page-section-contact-contact-r{width:100%;margin-top:.8rem}
#zs{padding-bottom:.6rem}
#zs li{width:calc(33.33% - 17px)}
#zs .swiper-pagination{top:auto;bottom:2px;background-color:#fff;height:2px;display:block}
#zs .swiper-pagination span{height:6px;margin-top:-2px;background:#fff}
}

.page-section-products-hot-list li{position:relative;overflow:hidden}
.page-section-products-hot-list li a{color:#fff}
@media(max-width:768px){.page-section-products-hot-list li{width:48%}
}
.page-section-team-repro-box .page-section-team-repro-list .swiper-slide .repro-tit a{font-size:16px;text-align:center;display:block;padding-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:768px){#pageSectionTeamRepro{height:40rem}
.page-section-team-repro-box .page-section-team-repro-list .swiper-slide .repro-tit a{color:#fff}
.page-section-team-repro-box::before{display:none}
#pageSectionTeamRepro ul li>a:nth-child(1){height:250px}
#pageSectionTeamRepro ul li img{height:100%;object-fit:cover}
.page-section-team-repro{padding-bottom:4%;}
.page-section-honor{overflow-x:hidden;}   
}

.page-section-Project-examples{
   background-color: var(--color);
}
.page-section-customer-home-tit{color: #fff;margin-top: 20px;}
.wmpage85-page4-Swiper{padding-bottom:50px}
.wmpage85-page4-carousel{margin-top:30px}
.wmpage85-page4  {max-width: 1560px; margin: 0 auto; overflow: hidden; }
.wmpage85-page4-Swiper .swiper-slide{display: flex;align-items: center;justify-content: center; padding: 30px 0;}
.wmpage85-page4-Swiper .swiper-slide a{width: 70%;}
.wmpage85-page4-Swiper .swiper-slide a img{width: 100%;max-height: 600px;}