﻿.home-contact{position:relative;margin-top:3%}
.home-contact-box{position:relative;}
.home-contact-box:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#0E47F099;}
.home-contact img{display:block;width:100%;}
.home-contact-info{position:absolute;bottom:16%;width:100%;text-align:center;padding:0 15px}
.home-contact-tit{color:#ff0;font-size:40px}
.home-contact-btn{display:flex;justify-content:center;margin-top:30px}
.home-contact-btn a{display:flex;background:#ff0;color:var(--color);margin:0 20px;padding:10px 20px;border-radius:50px;border:1px solid #ff0;min-width:260px;text-align:center;justify-content:center;text-transform:capitalize}
.home-contact-btn a:nth-child(2){background:transparent;color:#ff0;border-color:#ff0}
.home-contact-btn a:nth-child(1):hover{background:#fff;border-color:var(--color);border-color:#fff}
.home-contact-btn a:nth-child(2):hover{background:#ff0;color:var(--color)}
@media (max-width:1024px){.home-contact-tit{font-size:30px}
.home-contact-btn{margin-top:20px}
.home-contact-btn a{min-width:170px}}
@media (max-width:768px){.home-contact{margin-top:30px}
.home-contact-tit{font-size:22px}
.home-contact-btn{margin-top:12px}
.home-contact-btn a{min-width:160px;padding:6px 8px;font-size:var(--fontsize14);margin:0 6px}}
.home-choose .numCount{transform:none}
.home-company iframe{display:block;aspect-ratio:16/9;height:auto;}
.home-company .company-info .home-title{font-weight:bold;}
.home-company .company-info .des{margin-top:20px}
.home-company .company-info .des span{display:block;padding-left:20px;margin-bottom:15px;font-size:var(--fontsize18);position:relative;}
.home-company .company-info .des span:before{content:'';width:8px;height:8px;background:var(--color);position:absolute;left:0;top:10px;}
@media (min-width:1281px){.home-company .company-info .know-about{margin-top:30px;}
.home-company .company-info .home-title{font-size:35px}}
@media (min-width:1401px){.home-company .company-info .home-des,.home-company .company-info .des span{font-size:var(--fontsize20);}
.home-company .company-info .des span:before{top:14px}}
@media (max-width:1280px){.home-company iframe{width:50%}}
@media (max-width:1024px){.home-company .company-info .des span{font-size:var(--fontsize16);padding-left:16px;margin-bottom:10px}
.home-company .company-info .des{margin-top:10px}
.home-company .company-info .know-about{margin-top:15px}}
@media (max-width:768px){.home-company iframe{width:100%}}
.home-case .caselist{display:flex;justify-content:center;}
.home-case .caselist .itemcase{width:28%;margin:0 2%;}
@media (max-width:1280px){.home-case .caselist .itemcase{width:32%}}
@media (max-width:1024px){.home-case .caselist .itemcase{width:38%}}
@media (max-width:768px){.home-case .caselist{justify-content:space-between;}
.home-case .caselist .itemcase{width:48%;margin:0}}
@media (max-width:500px){.home-case .caselist{flex-wrap:wrap}
.home-case .caselist .itemcase{width:100%;margin:0 0 20px}}
.home-product{padding-top: 0;}
@media (min-width:1025px){.home-case .caselist .itemcase{width:46%;max-width:320px}
.home-case .caselist .itemcase .img{background:#fff}
.home-case .caselist .itemcase .img img{max-width:100%;margin:0 auto;display:block;}}
@media (max-width:768px){.home-banner video{min-height:inherit}}

.home-factory{position:relative;}
.home-factory .title-box{position: absolute;top:5%;text-align:center;left:50%;transform:translateX(-50%)}
.home-factory .title-box .home-title{color:#fff;}
.home-factory .fac-img img{width:100%;display:block;}

.home-banner #indexbanner2::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}
.banner-animote>div{margin-bottom:15px}
.banner-animote .p1{font-size:36px;font-weight:700}
.banner-animote .p2{font-size:18px;font-weight:700}
.banner-animote .more{display:inline-block;margin-top:15px;background:var(--color);padding:10px 15px;border-radius:8px}
@media (max-width:1280px){.banner-animote>div{margin-bottom:10px}
.banner-animote .p1{font-size:30px}
.banner-animote .p2{font-size:16px}
.banner-animote .more{margin-top:10px;padding:5px 15px}}
@media (max-width:1024px){.banner-animote{width:70%}
.banner-animote>div{margin-bottom:5px}
.banner-animote .p1{font-size:24px}
.banner-animote .p2 br{display:none}}
@media (max-width:768px){.banner-animote .p2{display:none}}
@media (max-width:500px){.banner-animote .p1{font-size:20px}
.banner-animote .more{margin-top:5px;padding:3px 10px}}