@charset "utf-8"; 
:root{--color:#0062A0}
.advan .advan-icon>i, .advan .advan-icon>em{background-image:url(/uploads/42990/page/p202501131000442abfd.png)}
#product .pro-list .pro-name {height: 55px;}
.product-main .pro-list.list0 .pro-intro,.new-main .new-list.list0 .new-intro{word-break:break-word}
.sidebar-prolist .pro-item{align-items:center}
.probig-img1,.probig-img2{padding-bottom:4%;}
.probig-img2 img,.probig-img1 img{width:100%;display:block;}
#product .main-part{text-transform: initial;}
#about .about-img{padding-top:0;}
#about .about-img img{width:100%;}
#about .about-con ul{padding-left:20px;margin:15px 0 25px;display:flex;flex-wrap:wrap;}
#about .about-con ul>li{width:49%;margin-right:0;}
#about .about-con ul:before, #about .about-con ul:after{display:none;}
@media (max-width:768px){#about .about-con ul>li{width:100%;}}
#appli .sol-top{display:none;}
@media (min-width:769px){#new .new-list>li{width:25%;}}
#new .new-title{padding-bottom:0;border-bottom:none;margin-bottom:5px;}
#new .new-item .new-des{margin:0 13px 10px 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color:#666;font-size:14px;}
#new .new-more{padding-top:10px;border-top:1px solid #eee;}
@media (max-width:768px){#new .new-list>li{width:49%}}
.advan .advan-list>li{padding:0px 4px}
@media (min-width:769px){.advan .advan-item{aspect-ratio:1 / 1}}
.project{padding:80px 0px 60px 0px;background-color:#FFFFFF}
.project .common-wrap{display:flex;flex-direction:column;align-items:center}
.project .common-title{color:var(--fontcolor);font-size: 40px;line-height: 1.1;font-weight: var(--fontbold6);margin-bottom: 15px;}
.project .common-con{margin:0px auto 20px;max-width:1300px;color:var(--fontcolor)}
.project .common-btn{padding:0px;margin:0px auto;width:180px;height:45px;font-size:var(--fontsize16);display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid #000000;text-transform:lowercase}
.project .common-btn:hover{background-color:var(--color);border:1px solid var(--color)}
.project-swiper{margin-top:30px;width:100%}
.project .swiper-container .swiper-pagination-bullet{width:100px;opacity:1;width:35px;height:5px;border-radius:10px;background-color:#CCCCCC}
.project .swiper-container .swiper-pagination-bullet-active{background-color:var(--color)}
.project-item{position:relative;display: flex;justify-content: center;}
.project-item:after{content:"";padding-bottom:100%}
.project-item:hover .project-info{top:0px}
.project-item:hover .project-img img{opacity:.3}
.project-item:hover .line,.project-item:hover .project-title,.project-item:hover p{transform:translateZ(0);opacity:1}
.project-item:hover .common-btn{opacity:1;transform:translateZ(0) scale(1)}
.project-item a{color:#FFFFFF}
.project-img{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-2;display:flex;justify-content:center;align-items:center;background-color:#000000}
.project-img>img{width:100%;transition:opacity .3s ease!important;max-width:100%;max-height:100%}
.project-info{position:absolute;transition:top .4s ease;top:0px;left:0px;width:100%;height:100%;color:#FFFFFF}
.project-info .line{margin:10px 0px;width:30px;height:1px;background-color:#EEEEEE}
.project-info .common-btn{margin-top:20px;padding:0px;width:160px;height:40px;background-color:var(--color);color:#FFFFFF;font-size:var(--fontsize16);border:none;transform:translate3d(0,20px,0) scale(1.1);opacity:0;transition:opacity .35s,transform .35s}
.project-info .common-btn:hover{color:#FFFFFF;background:var(--color)}
.project-info>a{width:100%;height:100%;display:block}
.project-info>a object{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.project-info .line,.project-info .project-title,.project-info p{transform:translate3d(0,20px,0);transition:transform .35s}
.project-title{font-size:var(--fontsize22);text-transform:uppercase}
.project .swiper-wrapper{padding-bottom:40px}
@media(max-width:1620px){.project .common-con{width:1200px}}
@media(max-width:1280px){.project .common-con{width:1000px}}
@media(max-width:768px){.project{padding:0px 0px 30px 0px}
.project .common-btn{font-size:var(--fontsize14);width:150px;height:40px}
.project-info .common-btn{display:none}
.project .common-con{width:auto;margin-bottom:4vw;padding:0px 4vw}
.project-title{font-size:var(--fontsize14)}
.project-item .project-img img{opacity:.3}
.project-info .line,.project-info .project-title,.project-info p{transform:none;opacity:1}}
.index .advan{display:none;}
   #contact{position:relative;padding:2% 0;background:linear-gradient(90deg,#0098F5,#1CCE7E);color:var(--headercolor);z-index:1}
#contact .l-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
#contact::after{transform:rotate(180deg)}
#contact::after,#contact::before{content:"";position:absolute;top:0px;right:0px;width:100%;height:100%;background:url(https://css02.v15cdn.com/m430/imgs/foottop-bg.webp) no-repeat right;z-index:-1}
#contact .title{text-align:center;font-size:36px;font-weight:600;line-height:1.2}
#contact .btn a{min-width:160px;height:48px;font-size:var(--fontsize14);background:rgba(255,84,0,0);border:1px solid #FFFCFC;border-radius:5px;display:inline-flex;color:#fff;align-items:center;justify-content:center;margin:0px 15px;font-weight:var(--fontbold6);transition:all .2s linear;margin-top:20px}
#appli .project-item .project-info .line,#appli .project-item .project-info .project-title,#appli .project-item .project-info p{transform:translateZ(0);opacity:1;transition:transform 0.35s}
#appli .project-item .project-img img{opacity:0.3}
#appli .project-item:hover .project-img img{opacity:1}
#appli .project-item:hover .project-info .line,#appli .project-item:hover .project-info .project-title,#appli .project-item:hover .project-info p{transform:translate3d(0,20px,0)}
#appli .project-item .common-btn{opacity:1;transform:translateZ(0) scale(1)}
#appli .project-info:hover .common-btn{transform:translate3d(0,20px,0) scale(1.1);opacity:0}
#appli .project-title{text-align: center;padding:0 10px;}
@media (max-width:1280px){#appli .project-title{font-size:16px;}}