@charset "utf-8";
/* ==========================================================================
   首页 index.css
   ========================================================================== */

/* mt-banner start */
.mt-banner { position: relative; overflow: hidden; background: linear-gradient(90deg, #071B33 0%, #123060 100%); background: -webkit-linear-gradient(90deg, #071B33 0%, #123060 100%);}
.mt-banner::before { content: ''; display: block; position: absolute; right: -160px; top: -200px; width: 720px; height: 720px; border-radius: 50%; background: radial-gradient(circle, rgba(30,111,255,.28) 0%, rgba(30,111,255,0) 70%); background: -webkit-radial-gradient(circle, rgba(30,111,255,.28) 0%, rgba(30,111,255,0) 70%);}
.mt-banner-container { position: relative; z-index: 2; display: flex; display: -webkit-flex; align-items: center; gap: 48px; padding: 90px 0;}
.mt-banner-left { width: 640px; flex-shrink: 0;}
.mt-banner-badge { display: inline-block; padding: 8px 18px; border-radius: 100px; background: rgba(30,111,255,.16); font-size: 13px; color: #7FB4FF;}
.mt-banner-left h1 { font-size: 54px; color: #fff; margin-top: 22px; line-height: 1.25;}
.mt-banner-left .mt-banner-desc { font-size: 16px; color: #B9C9E6; line-height: 30px; margin-top: 20px;}
.mt-banner-btns { display: flex; display: -webkit-flex; gap: 16px; margin-top: 30px;}
.mt-banner-btns .mt-btn { padding: 14px 32px; font-size: 16px;}
.mt-banner-btns .mt-btn-white-line { box-shadow: 0 8px 20px rgba(0,0,0,.14); -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.14);}
.mt-banner-trust { display: flex; display: -webkit-flex; gap: 28px; margin-top: 34px; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.mt-banner-trust span { display: flex; display: -webkit-flex; align-items: center; gap: 8px; font-size: 13px; color: #9FB6DC;}
.mt-banner-trust span i { display: block; width: 16px; height: 16px;}
.mt-banner-right { flex: 1; position: relative; min-height: 460px;}
.mt-banner-img { position: relative; width: 100%; height: 460px; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 48px rgba(0,0,0,.45); -webkit-box-shadow: 0 24px 48px rgba(0,0,0,.45);}
.mt-banner-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.mt-banner-card { position: absolute; left: 24px; bottom: 28px; width: 240px; padding: 16px 20px; background: #fff; border-radius: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.25); -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.25);}
.mt-banner-card b { display: block; font-size: 24px; color: #1E6FFF;}
.mt-banner-card span { display: block; font-size: 12px; color: #5C6B85; margin-top: 4px;}
/* mt-banner end */

/* mt-stats 数据带 start */
.mt-stats { background: #F4F7FC;}
.mt-stats ul { display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; height: 132px;}
.mt-stats ul li { text-align: center; position: relative; flex: 1;}
.mt-stats ul li::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 52px; margin-top: -26px; background: #DCE4F0;}
.mt-stats ul li:last-child::after { display: none;}
.mt-stats ul li b { display: block; font-size: 32px; color: #1E6FFF; line-height: 1.2;}
.mt-stats ul li span { display: block; font-size: 14px; color: #5C6B85; margin-top: 6px;}
/* mt-stats 数据带 end */

/* mt-product 产品展示 start */
.mt-product { padding: 72px 0;}
.mt-product-list { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 24px; margin-top: 40px;}
.mt-product-item { width: calc((100% - 48px) / 3); background: #fff; border: 1px solid #E4EAF3; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(11,37,80,.08); -webkit-box-shadow: 0 8px 24px rgba(11,37,80,.08); transition: transform .4s, box-shadow .4s; -webkit-transition: transform .4s, box-shadow .4s;}
.mt-product-item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); box-shadow: 0 16px 36px rgba(11,37,80,.16); -webkit-box-shadow: 0 16px 36px rgba(11,37,80,.16);}
.mt-product-item .mt-pro-img { position: relative; height: 240px; overflow: hidden; background: #F0F4FA;}
.mt-product-item .mt-pro-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; transition: transform .6s; -webkit-transition: transform .6s;}
.mt-product-item:hover .mt-pro-img img { transform: scale(1.06); -webkit-transform: scale(1.06);}
.mt-product-item .mt-pro-con { padding: 16px 20px 22px;}
.mt-product-item .mt-pro-tag { font-size: 12px; font-weight: 700; color: #1E6FFF;}
.mt-product-item h3 { font-size: 17px; color: #16233F; margin-top: 8px;}
.mt-product-item .mt-pro-desc { font-size: 13px; color: #5C6B85; line-height: 22px; margin-top: 8px; height: 44px; overflow: hidden;}
/* mt-product 产品展示 end */

/* mt-about 关于我们 start */
.mt-about { background: #0A1E44; padding: 80px 0; overflow: hidden;}
.mt-about-container { display: flex; display: -webkit-flex; align-items: center; gap: 64px;}
.mt-about-visual { width: 600px; height: 460px; flex-shrink: 0; position: relative;}
.mt-about-visual .mt-about-img1 { width: 520px; height: 420px; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,.40); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.40);}
.mt-about-visual .mt-about-img1 img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.mt-about-visual .mt-about-img2 { position: absolute; right: 0; bottom: 0; width: 240px; height: 180px; border-radius: 12px; overflow: hidden; border: 4px solid #fff; box-shadow: 0 12px 28px rgba(0,0,0,.35); -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.35);}
.mt-about-visual .mt-about-img2 img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.mt-about-con { flex: 1;}
.mt-about-con .mt-about-tag { font-size: 12px; font-weight: 700; color: #7FB4FF; letter-spacing: 2px;}
.mt-about-con h2 { font-size: 32px; color: #fff; margin-top: 14px;}
.mt-about-con > p { font-size: 15px; color: #B9C9E6; line-height: 28px; margin-top: 18px;}
.mt-about-adv { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 14px; margin-top: 24px;}
.mt-about-adv li { width: calc((100% - 14px) / 2); display: flex; display: -webkit-flex; align-items: center; gap: 10px; font-size: 14px; color: #D8E4F8;}
.mt-about-adv li i { display: block; width: 18px; height: 18px; flex-shrink: 0;}
.mt-about-link { display: inline-flex; display: -webkit-inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-size: 15px; color: #4DA3FF;}
.mt-about-link i { display: block; width: 16px; height: 16px;}
.mt-about-link:hover { color: #fff;}
.mt-about-link:hover i path { stroke: #fff;}
/* mt-about 关于我们 end */

/* mt-case 成功案例 start */
.mt-case { padding: 72px 0;}
.mt-case-list { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 24px; margin-top: 36px;}
.mt-case-item { width: calc((100% - 48px) / 3); background: #fff; border: 1px solid #E4EAF3; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(11,37,80,.08); -webkit-box-shadow: 0 8px 24px rgba(11,37,80,.08); transition: transform .4s, box-shadow .4s; -webkit-transition: transform .4s, box-shadow .4s;}
.mt-case-item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); box-shadow: 0 16px 36px rgba(11,37,80,.16); -webkit-box-shadow: 0 16px 36px rgba(11,37,80,.16);}
.mt-case-item .mt-case-img { position: relative; height: 240px; overflow: hidden;}
.mt-case-item .mt-case-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; transition: transform .6s; -webkit-transition: transform .6s;}
.mt-case-item:hover .mt-case-img img { transform: scale(1.06); -webkit-transform: scale(1.06);}
.mt-case-item .mt-case-con { padding: 16px 20px 22px;}
.mt-case-item .mt-case-tag { font-size: 12px; font-weight: 700; color: #1E6FFF;}
.mt-case-item h3 { font-size: 17px; color: #16233F; margin-top: 8px;}
.mt-case-item .mt-case-desc { font-size: 13px; color: #5C6B85; line-height: 22px; margin-top: 8px;}
/* mt-case 成功案例 end */

/* mt-news 新闻资讯 start */
.mt-news { padding: 72px 0; background: #F4F7FC;}
.mt-news-list { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 24px; margin-top: 36px;}
.mt-news-item { width: calc((100% - 48px) / 3); background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(11,37,80,.08); -webkit-box-shadow: 0 8px 24px rgba(11,37,80,.08); transition: transform .4s, box-shadow .4s; -webkit-transition: transform .4s, box-shadow .4s;}
.mt-news-item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); box-shadow: 0 16px 36px rgba(11,37,80,.16); -webkit-box-shadow: 0 16px 36px rgba(11,37,80,.16);}
.mt-news-item .mt-news-img { position: relative; height: 200px; overflow: hidden;}
.mt-news-item .mt-news-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; transition: transform .6s; -webkit-transition: transform .6s;}
.mt-news-item:hover .mt-news-img img { transform: scale(1.06); -webkit-transform: scale(1.06);}
.mt-news-item .mt-news-con { padding: 16px 20px 22px;}
.mt-news-item .mt-news-date { font-size: 12px; font-weight: 700; color: #1E6FFF;}
.mt-news-item h3 { font-size: 16px; color: #16233F; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.mt-news-item .mt-news-desc { font-size: 13px; color: #5C6B85; line-height: 22px; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
/* mt-news 新闻资讯 end */

/* mt-cta 咨询带 start */
.mt-cta { background: linear-gradient(90deg, #0D2963 0%, #1F50A8 100%); background: -webkit-linear-gradient(90deg, #0D2963 0%, #1F50A8 100%);}
.mt-cta-container { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; gap: 30px; height: 176px;}
.mt-cta-left h2 { font-size: 28px; color: #fff;}
.mt-cta-left p { font-size: 14px; color: #B9C9E6; margin-top: 10px;}
.mt-cta-right { display: flex; display: -webkit-flex; gap: 16px; flex-shrink: 0;}
.mt-cta-right .mt-btn { padding: 14px 30px; font-size: 16px;}
/* mt-cta 咨询带 end */

/* 响应式 start */
@media (max-width:1440px) {
  .mt-banner-left { width: 540px;}
  .mt-banner-left h1 { font-size: 46px;}
  .mt-about-visual { width: 500px; height: 400px;}
  .mt-about-visual .mt-about-img1 { width: 440px; height: 360px;}
}
@media (max-width:1280px) {
  .mt-banner-left { width: 480px;}
  .mt-banner-left h1 { font-size: 40px;}
  .mt-banner-right { min-height: 380px;}
  .mt-banner-img { height: 380px;}
  .mt-about-visual { width: 420px; height: 340px;}
  .mt-about-visual .mt-about-img1 { width: 360px; height: 300px;}
  .mt-about-visual .mt-about-img2 { width: 200px; height: 150px;}
  .mt-product-item, .mt-case-item, .mt-news-item { width: calc((100% - 24px) / 2);}
}
@media (max-width:1080px) {
  .mt-section, .mt-product, .mt-case, .mt-news { padding: 48px 0;}
  .mt-banner-container { flex-direction: column; -webkit-flex-direction: column; padding: 48px 0;}
  .mt-banner-left { width: 100%;}
  .mt-banner-right { width: 100%; min-height: 0;}
  .mt-banner-img { height: 300px;}
  .mt-banner-card { width: 200px;}
  .mt-stats ul { flex-wrap: wrap; -webkit-flex-wrap: wrap; height: auto; padding: 28px 0;}
  .mt-stats ul li { width: 50%; padding: 10px 0;}
  .mt-stats ul li:nth-child(2)::after { display: none;}
  .mt-about { padding: 48px 0;}
  .mt-about-container { flex-direction: column; -webkit-flex-direction: column; gap: 32px;}
  .mt-about-visual { width: 100%; height: auto; max-width: 520px;}
  .mt-about-visual .mt-about-img1 { width: 100%; height: 320px;}
  .mt-about-visual .mt-about-img2 { width: 180px; height: 130px;}
  .mt-cta-container { flex-direction: column; -webkit-flex-direction: column; justify-content: center; text-align: center; height: auto; padding: 36px 0;}
}
@media (max-width:767px) {
  .mt-banner-left h1 { font-size: 30px;}
  .mt-banner-left .mt-banner-desc { font-size: 14px; line-height: 26px;}
  .mt-banner-btns { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
  .mt-banner-trust { gap: 12px;}
  .mt-banner-card { left: 12px; bottom: 12px; width: 170px; padding: 12px 14px;}
  .mt-product-item, .mt-case-item, .mt-news-item { width: 100%;}
  .mt-about-adv li { width: 100%;}
  .mt-cta-right { flex-direction: column; -webkit-flex-direction: column; width: 100%;}
}
/* 响应式 end */