@charset "utf-8";
/*首页「不同企业，不同出海增长路径」模块（左图右文长卡轮播）*/
#portfolio{padding:100px 0;box-sizing:border-box;background:#fff;overflow:hidden}
#portfolio *{box-sizing:border-box}
#portfolio .sub_inner{max-width:1568px;width:100%;margin:0 auto;padding:0 64px}

#portfolio .gp_sub{margin:0 0 20px;font-size:16px;font-weight:600;line-height:24px;color:#222}
#portfolio .gp_tit{margin:0 0 60px;font-size:36px;font-weight:600;line-height:46px;color:#222}

#portfolio .gp_swiper{width:140vw;max-width:none}
#portfolio .gp_card{width:605px;flex-shrink:0;display:grid;grid-template-columns:303px 1fr;background:#fff}
#portfolio .gp_img{width:303px;border-radius:10px;overflow:hidden;aspect-ratio:0.57}
#portfolio .gp_img a{display:block;width:100%;height:100%}
#portfolio .gp_img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
#portfolio .gp_card:hover .gp_img img{transform:scale(1.05)}
#portfolio .gp_txt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:60px}
#portfolio .gp_caption{margin:0 0 10px;font-size:16px;font-weight:400;line-height:24px;color:#222}
#portfolio .gp_name{margin:0 0 34px;font-size:24px;font-weight:600;line-height:32px;color:#222;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
#portfolio .gp_desc .gp_line{margin:0 0 8px;font-size:16px;font-weight:400;line-height:24px;color:#222}
#portfolio .gp_desc .gp_line strong{font-weight:600}
#portfolio .gp_desc .gp_first{margin-bottom:20px}
#portfolio .gp_desc .gp_gap{margin-bottom:20px}

#portfolio .gp_nav{display:flex;align-items:center;gap:14px;margin-top:44px}
#portfolio .gp_btn{width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}
#portfolio .gp_btn:hover{border-color:#222}
#portfolio .gp_btn svg{width:15px;height:15px}
#portfolio .gp_btn.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}
#portfolio .gp_dots{display:flex;align-items:center}
#portfolio .gp_dot{width:8px;height:8px;border-radius:50%;background:#222;margin:0 6px;cursor:pointer;transition:all .3s}
#portfolio .gp_dot--active{width:13px;height:13px;background:transparent;border:1.5px solid #222}

@media(max-width:1600px){
#portfolio .sub_inner{padding:0 40px}
}
@media(max-width:1280px){
#portfolio .gp_card{width:480px;grid-template-columns:220px 1fr}
#portfolio .gp_img{width:220px}
#portfolio .gp_txt{padding-left:36px}
}
@media(max-width:1024px){
#portfolio .gp_card{width:420px;grid-template-columns:190px 1fr}
#portfolio .gp_img{width:190px}
#portfolio .gp_txt{padding-left:28px}
#portfolio .gp_tit{font-size:30px;line-height:40px}
}
@media(max-width:767px){
#portfolio{padding:70px 0}
#portfolio .sub_inner{padding:0 20px}
#portfolio .gp_sub{font-size:14px;line-height:22px;margin-bottom:12px}
#portfolio .gp_tit{font-size:24px;line-height:34px;margin-bottom:32px}
#portfolio .gp_swiper{width:100%}
#portfolio .gp_card{width:86%;grid-template-columns:1fr}
#portfolio .gp_img{width:100%}
#portfolio .gp_txt{padding:24px 0 0}
#portfolio .gp_name{margin-bottom:20px}
#portfolio .gp_nav{margin-top:28px}
}