/* 首页 index_262 样式（电子类公司蓝色调：banner / 公司简介产品区 / 案例海报区 / 新闻区） */

/* banner 视频占位 */
#banner .index_banner_video { width: 100%; height: 0; padding-top: 44.271%; position: relative; }
#banner .index_banner_video .index_banner_video_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
@media screen and (max-width: 991px) {
    #banner .index_banner_video { padding-top: 44.2667%; }
}

/* 区块通用标题（蓝色 + 下划线点缀） */
.products_262_1 #product .product_title,
.poster_262_1 #case .case_title { margin-bottom: 28px; text-align: center; text-transform: uppercase; letter-spacing: 4px; font-size: 38px; font-family: Oswald-Light; line-height: 48px; color: #003e7e; }
.products_262_1 #product .product_title::after,
.poster_262_1 #case .case_title::after { content: ""; display: block; width: 56px; height: 3px; margin: 14px auto 0; background: #005bac; }

/* 公司简介 + 产品区 products_262_1 */
.products_262_1 #product { margin: 90px 0 40px; }
.products_262_1 #product .index_wrapper_1200 { overflow: hidden; margin: 0 auto; width: 1200px; box-sizing: border-box; padding: 0 15px; }
.products_262_1 #product .product_content { color: #555; text-align: center; font-weight: lighter; font-size: 18px; font-family: Lato-Light; line-height: 32px; }
.products_262_1 #product .product_btn { margin-top: 42px; }
.products_262_1 #product .product_btn a { font-family: 'Lato-Light'; font-weight: lighter; display: block; box-sizing: border-box; margin: 0 auto; width: 250px; height: 52px; border: solid 1px #005bac; background: #005bac; color: #fff; text-align: center; font-size: 18px; line-height: 52px; transition: all .3s; }
.products_262_1 #product .product_btn a:hover { border-color: #1779c9; background: #1779c9; color: #fff; }

/* 产品卡片（3列×2行） */
.products_262_1 #product .product_list { display: flex; margin-top: 46px; flex-wrap: wrap; justify-content: space-between; }
.products_262_1 #product .product_list .product_item { width: 31.5%; margin-bottom: 34px; background: #fff; border: 1px solid #e3ebf3; border-radius: 6px; overflow: hidden; transition: all .3s; }
.products_262_1 #product .product_list .product_item:hover { border-color: #005bac; box-shadow: 0 10px 24px rgba(0, 91, 172, .14); }
.products_262_1 #product .product_list .product_item .product_item_img { position: relative; display: flex; overflow: hidden; padding-top: 75%; width: 100%; justify-content: center; align-items: center; background: #f7fafd; }
.products_262_1 #product .product_list .product_item .product_item_img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 86%; max-height: 86%; transition: all .4s; }
.products_262_1 #product .product_list .product_item:hover .product_item_img img { transform: scale(1.06); }
.products_262_1 #product .product_list .product_item .product_item_text { box-sizing: border-box; padding: 16px 20px 22px; }
.products_262_1 #product .product_list .product_item .product_item_text .product_item_title { overflow: hidden; margin-bottom: 6px; font-size: 19px; font-family: Oswald-Light; line-height: 26px; height: auto; white-space: nowrap; text-overflow: ellipsis; }
.products_262_1 #product .product_list .product_item .product_item_text .product_item_title a { font-family: Oswald-Light; color: #1a1a1a; transition: color .3s; }
.products_262_1 #product .product_list .product_item:hover .product_item_title a { color: #005bac; }
.products_262_1 #product .product_list .product_item .product_item_text .product_item_content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; color: #777; font-size: 14px; font-family: Lato-Light; line-height: 22px; }

/* 案例/新闻海报区 poster_262_1（内容宽度，与产品区一致两边留空） */
.poster_262_1 #case { background: #fff; padding: 70px 0 30px; margin-top: 20px; }
.poster_262_1 #case .index_wrapper_1200 { overflow: hidden; margin: 0 auto; width: 1200px; box-sizing: border-box; padding: 0 15px; }
.poster_262_1 #case .case_content { color: #555; text-align: center; font-weight: lighter; font-size: 18px; font-family: Lato-Light; line-height: 30px; }
.poster_262_1 #case .case_list { display: flex; margin-top: 42px; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 15px; }
.poster_262_1 #case .case_list.news_list { justify-content: flex-start; column-gap: 2.75%; }
.poster_262_1 #case .case_list .case_item { width: 31.5%; margin-bottom: 34px; }

/* 卡片（案例/新闻共用图框样式） */
.poster_262_1 #case .case_list .card { display: block; background: #fff; border: 1px solid #e3ebf3; border-radius: 6px; overflow: hidden; transition: all .3s; }
.poster_262_1 #case .case_list .card:hover { border-color: #005bac; box-shadow: 0 10px 24px rgba(0, 91, 172, .14); }
.poster_262_1 #case .case_list .card .card_img { position: relative; display: block; padding-top: 66.5%; overflow: hidden; background: #f7fafd; }
.poster_262_1 #case .case_list .card .card_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.poster_262_1 #case .case_list .card:hover .card_img img { transform: scale(1.05); }
.poster_262_1 #case .case_list .card .card_text { padding: 14px 18px 16px; }
.poster_262_1 #case .case_list .card .card_title { overflow: hidden; font-size: 17px; font-family: Oswald-Light; line-height: 24px; color: #1a1a1a; white-space: nowrap; text-overflow: ellipsis; transition: color .3s; }
.poster_262_1 #case .case_list .card:hover .card_title { color: #005bac; }
.poster_262_1 #case .case_list .card .card_date { margin-top: 4px; font-size: 13px; color: #999; font-family: Lato-Light; }

/* 成功案例：桌面端四列、最多两行；图片等比例完整显示，留白使用白色填充 */
.case_showcase_262 #case { background: #f7fafd; }
.case_showcase_262 #case .case_list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; justify-content: normal; }
.case_showcase_262 #case .case_list .case_item { width: 100%; margin-bottom: 0; }
.case_showcase_262 #case .case_list .card .card_img { padding-top: 75%; background: #fff; }
.case_showcase_262 #case .case_list .card .card_img img { object-fit: contain; object-position: center; }
.case_showcase_262 #case .case_list .card:hover .card_img img { transform: none; }

@media screen and (max-width: 1220px) {
    .products_262_1 #product .index_wrapper_1200,
    .poster_262_1 #case .index_wrapper_1200 { overflow: hidden; box-sizing: border-box; padding: 0 4vw; width: 100%; }
    .poster_262_1 #case .case_list { padding: 0 4vw; }
}

@media screen and (max-width: 768px) {
    .products_262_1 #product { margin: 11.73333vw 0 6.66666vw; }
    .products_262_1 #product .product_title,
    .poster_262_1 #case .case_title { margin-bottom: 3.73333vw; letter-spacing: 2.5px; font-size: 21px; line-height: 30px; }
    .products_262_1 #product .product_content { color: #333; font-size: 14px; line-height: 22px; }
    .products_262_1 #product .product_btn { margin-top: 6.66666vw; }
    .products_262_1 #product .product_btn a { width: 160px; height: 36px; font-size: 14px; line-height: 36px; }
    .products_262_1 #product .product_list { margin-top: 8vw; }
    .products_262_1 #product .product_list .product_item,
    .poster_262_1 #case .case_list .case_item { margin-bottom: 6.66666vw; width: 100%; }
    .products_262_1 #product .product_list .product_item .product_item_text { padding: 4vw 4vw 5.33333vw; }
    .products_262_1 #product .product_list .product_item .product_item_text .product_item_title { font-size: 17px; line-height: 24px; }
    .poster_262_1 #case { padding: 6.66666vw 0 2vw; margin-top: 4vw; }
    .poster_262_1 #case .case_list { margin-top: 5.33333vw; box-sizing: border-box; padding: 0 4vw; width: 100%; }
    .case_showcase_262 #case .case_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4vw; }
    .case_showcase_262 #case .case_list .case_item { width: 100%; margin-bottom: 0; }
}