@import url("/wp-content/themes/fantan-fishing/assets/ft-325283f11168590c631c.css");
.home-work{position:relative;padding:50px 0}
.home-work .cards-wrapper{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0 40px}
.home-work .process-card{flex:1;background-color:#eaeaea;border-radius:12px;padding:40px 30px;text-align:left}
.home-work .icon-circle{width:65px;height:65px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.home-work .icon-circle em{color:var(--color);font-size:var(--fontsize30);}
.home-work .card-title{font-size:var(--fontsize28);font-weight:600;margin-bottom:16px;line-height:1.3}
.home-work .card-desc{font-size:var(--fontsize18);line-height:1.6;color:#333}
.home-work .work-btn{text-align:center}
@media (max-width:1024px){.home-work .process-card{padding:20px}
.home-work .card-title{font-size:var(--fontsize24)}}
@media (max-width:768px){
.home-work .cards-wrapper{margin:10px 0 30px;gap:15px;}
.home-work .process-card{flex:none;width:100%}
.home-work .icon-circle{width:55px;height:55px;margin-bottom:15px;}
.home-work .icon-circle em{font-size:var(--fontsize26)}
.home-work .card-title{font-size:var(--fontsize20);margin-bottom:7px;}
}
.home-service .service-flex .left{overflow:hidden}
.home-service .service-flex:nth-child(3) .left .img2{width:100%;object-fit:cover;right:auto}
.home-service .service-flex:nth-child(3) .right {flex-direction:column;display:flex;align-items:flex-start;justify-content:center;}
.home-service .service-flex:nth-child(3) .text {margin:10px 0 15px 0}
.home-service .service-flex .text{font-size:15px;}
.home-service .service-flex .infoleft .list li{font-size:14px;}
@media (min-width:1025px){.home-service .service-flex .right{padding: 0 20px;}}
@media (min-width:1025px){.home-service .service-flex .title{font-size:28px}
.home-service .service-flex .left{aspect-ratio:1;padding:0;}}
@media (max-width:1024px){
.home-service .service-flex .left{padding:20px;display: flex;justify-content: center;align-items: center;}
.home-service .service-flex:nth-child(3) .left .text{display:none}
.home-service .service-flex:nth-child(3) .text{margin-bottom:30px}
.home-service .service-flex:nth-child(3) .left .img2{max-width: 500px;position: static;width: 100%;transform: translateY(0)}
/* .home-service .service-flex:nth-child(3) .left .img2 {width:calc(100% - 180px);max-width:700px} */
}
/* @media (max-width:768px){.home-service .service-flex:nth-child(3) .left .img2 {width:calc(100% - 130px);}} */
@media (max-width:500px){
/* .home-service .service-flex:nth-child(3) .left .img2 {width:calc(100% - 75px);} */
.home-service .service-flex .left .text{font-size:24px;margin:10px 0}
.home-service .service-flex .left{padding:15px}}
@media (min-width:1025px){.home-service .service-flex .left{width:55%;aspect-ratio:415/289}
.home-service .service-flex .right{padding:20px}
.home-service .service-flex .infoleft{width:43%}}
.home-procate{position:relative;padding:50px 0}
.home-procate .procate-list{display:flex;flex-wrap:wrap}
.home-procate .procate-list .procate-item{z-index:99;width:22%;margin-right:4%;background:#FFFFFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px}
.home-procate .procate-list .procate-item:hover{box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.home-procate .procate-list .procate-item:hover .procate-img img{transform:scale(1.02)}
.home-procate .procate-list .procate-item:hover .procate-title a{color:var(--color)}
.home-procate .procate-list .procate-item:nth-child(4){margin-right:0px}
.home-procate .procate-list .procate-item .procate-img{max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.home-procate .procate-list .procate-item .procate-img .tags{position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFFFFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:var(--fontsize14)}
.home-procate .procate-list .procate-item .procate-img img{width:100%;height:100%;object-fit:cover}
.home-procate .procate-list .procate-item .procate-title{height:80px;display:flex;align-items:center;padding:10px 20px}
.home-procate .procate-list .procate-item .procate-title a{display:inline-block;width:100%;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:768px){
.home-procate .procate-list{justify-content:space-between}
.home-procate .procate-list .procate-item{width:49%;margin-bottom:20px;margin-right:0px}
}
@media(max-width:450px){
.home-procate .procate-list .procate-item .procate-title{height:66px;padding:4px 10px}
.home-procate .procate-list .procate-item .procate-title a{font-size:var(--fontsize16)}
.home-procate .procate-list .procate-item .procate-img{max-height:300px}
}
.home-banner .swiper-slide::before{display:none;}
.home-banner .indexbanner-text{width:max-content;left:25%;padding:0;color:var(--fontcolor)}
.home-banner .indexbanner-text .p1{color:#0b2e6d;font-size:3.2vw;font-weight:700;line-height:1.1}
.home-banner .indexbanner-text .p2{margin:1.8vw 0;max-width:35vw;font-size:1.3vw;line-height:1.6}
.home-banner .indexbanner-text .icon-list{display:flex;width:35vw}
.home-banner .indexbanner-text .icon-list li{margin-right:1vw;display:flex;align-items:center}
.home-banner .indexbanner-text .icon-list li:last-child{margin-right:0}
.home-banner .indexbanner-text .icon-list img{width:1.8vw}
.home-banner .indexbanner-text .icon-list .text{margin-left:.3vw;font-size:.8vw;font-weight:var(--fontbold5);line-height:1.3}
.home-banner .indexbanner-text .more{margin-top:2vw;margin-right:1vw;display:inline-block;padding:.8vw 2vw;font-size:1vw;border-radius:.4vw;line-height:1;transition:all .3s ease-in-out}
.home-banner .indexbanner-text .more:last-child{margin-right:0}
.home-banner .indexbanner-text .more:hover{opacity:.8}
.home-banner .indexbanner-text .more1{color:#fff;background:var(--color)}
.home-banner .indexbanner-text .more2{color:var(--color);background:#fff;border:.1vw solid var(--color)}

.home-product .hot-pro-box .list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-product .hot-pro-box .list .swiper-slide{width:24%}
.home-product .hot-pro-box .list .swiper-slide:nth-child(n+5){margin-top:2%;}
@media (max-width:600px){.home-product .hot-pro-box .list .swiper-slide{width:49%;}
.home-product .hot-pro-box .list .swiper-slide:nth-child(n+3){margin-top:2%;}}

.home-about .aboutlist li .info{justify-content:center}
@media (min-width:1441px){
.home-about .aboutlist li .info .p1{font-size:24px;line-height:1.3}
.home-about .aboutlist li .info .p1 span{font-size:30px}
}
@media (max-width:1440px) and (min-width:1281px){
.home-about .aboutlist li .icon{width:55px;height:55px}
.home-about .aboutlist li .icon img{width:35px}
.home-about .aboutlist li .info{padding-left:15px}
.home-about .aboutlist li .info .p1{font-size:22px}
.home-about .aboutlist li .info .p1 span{font-size:28px}
}
@media (max-width:1280px) and (min-width:1025px){
.home-about .aboutlist li{padding:15px}
.home-about .aboutlist li .info{padding-left:10px}
.home-about .aboutlist li .info .p1{font-size:18px}
.home-about .aboutlist li .info .p1 span{font-size:24px}
}
.home-banner .indexbanner-text.ban1{color:#fff}
.home-banner .indexbanner-text.ban1 .p1{color:#fff}
.home-banner .indexbanner-text.ban1 .more1{background: #4593e7;}
.home-procate .procate-list .procate-item .procate-img .tags{display:none;}