/* 全局重置 */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: "Microsoft YaHei", sans-serif;

}



:root {

    --primary: #2d5bf7;

    --dark: #1a1a2e;

    --gray: #666;

    --light: #f5f7ff;

    --white: #ffffff;

}



body {

    color: #333;

    line-height: 1.6;

}



a {

    text-decoration: none;

    color: inherit;

}



ul {

    list-style: none;

}



img {

    max-width: 100%;

    display: block;

}



/* 通用容器 & 间距 */

.ab_container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}

.ab_section {

    padding: 80px 0;

}

.ab_bg_light {

    background: var(--light);

}

.ab_flex {

    display: flex;

    align-items: center;

    gap: 60px;

}



/* 标题通用 */

.ab_section_title {

    text-align: center;

    margin-bottom: 60px;

}

.ab_section_title h3 {

    font-size: 32px;

    color: var(--dark);

    margin-bottom: 15px;

    position: relative;

}

.ab_section_title p {

    color: var(--gray);

    font-size: 16px;

}



/* 页面通用头部 */

.ab_page_header {

    margin-top: 80px;

    padding: 60px 0;

    background: var(--light);

    text-align: center;

}

.ab_page_title {

    font-size: 32px;

    color: var(--dark);

    margin-bottom: 10px;

}

.ab_page_header p {

    color: var(--gray);

    font-size: 16px;

}



/* 按钮 */

.ab_btn {

    display: inline-block;

    padding: 14px 35px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 500;

    transition: all 0.3s ease;

    cursor: pointer;

    border: none;

}

.ab_primary_btn {

    background: var(--primary);

    color: #fff;

}

.ab_primary_btn:hover {

    background: #1a42d1;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(45, 91, 247, 0.3);

}

.ab_second_btn {

    border: 2px solid var(--primary);

    color: var(--primary);

    background: transparent;

}

.ab_second_btn:hover {

    background: var(--primary);

    color: #fff;

    transform: translateY(-3px);

}



/* 导航栏 */

.ab_header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: rgba(255,255,255,0.95);

    box-shadow: 0 2px 20px rgba(0,0,0,0.1);

    z-index: 999;

    padding: 15px 0;

    transition: all 0.3s;

}

.ab_header.ab_scrolled {

    padding: 10px 0;

}

.ab_nav_wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.ab_logo h1 {

    color: var(--primary);

    font-size: 28px;

}

.ab_nav_list {

    display: flex;

    gap: 30px;

}

.ab_nav_list a {

    font-size: 15px;

    font-weight: 500;

    color: #333;

    transition: color 0.3s;

	 display: block;

    line-height: 35px;

}

.ab_nav_list a.ab_active,

.ab_nav_list a:hover {

    color: var(--primary);

}

.ab_mobile_btn {

    display: none;

    width: 30px;

    height: 24px;

    position: relative;

    cursor: pointer;

}

.ab_mobile_btn span {

    display: block;

    width: 100%;

    height: 3px;

    background: #333;

    margin: 5px 0;

    border-radius: 2px;

}



/* Banner */

.ab_banner {

    margin-top: 80px;

    height: 600px;

    background: linear-gradient(135deg, #1a1a2e 0%, #2d5bf7 100%);

    display: flex;

    align-items: center;

    color: #fff;

}

.ab_banner_content {

    width: 700px;

}

.ab_banner_title {

    font-size: 48px;

    margin-bottom: 20px;

    line-height: 1.2;

}

.ab_banner_desc {

    font-size: 18px;

    margin-bottom: 35px;

    opacity: 0.9;

}



/* 核心功能 */

.ab_features_grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}

.ab_feature_card {

    background: #fff;

    padding: 40px 25px;

    border-radius: 15px;

    text-align: center;

    box-shadow: 0 5px 15px rgba(0,0,0,0.05);

    transition: transform 0.3s;

}

.ab_feature_card:hover {

    transform: translateY(-10px);

}

.ab_feature_icon {

    font-size: 40px;

    color: var(--primary);

    margin-bottom: 20px;

}

.ab_feature_card h4 {

    font-size: 20px;

    margin-bottom: 15px;

    color: var(--dark);

}

.ab_feature_card p {

    color: var(--gray);

}



/* 功能详情页 */

.ab_feature_detail_item {

    display: flex;

    align-items: center;

    gap: 30px;

    margin-bottom: 40px;

    padding: 30px;

    background: #fff;

    border-radius: 15px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.05);

}

.ab_feature_detail_item .ab_feature_icon {

    font-size: 50px;

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--light);

    border-radius: 50%;

}

.ab_feature_detail_item h3 {

    font-size: 24px;

    color: var(--dark);

    margin-bottom: 10px;

}

.ab_feature_detail_item p {

    color: var(--gray);

}



/* APP展示 */

.ab_app_img {

    flex: 1;

}

.ab_app_img img{ max-height:600px}

.ab_app_content {

    flex: 1;

}

.ab_app_content h3 {

    font-size: 34px;

    color: var(--dark);

    margin-bottom: 20px;

}

.ab_app_content p {

    color: var(--gray);

    margin-bottom: 25px;

    font-size: 16px;

}

.ab_advantage_list li {

    margin-bottom: 12px;

    color: var(--dark);

    font-size: 16px;

}



/* ========== 价格套餐 ========== */

.ab_price_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

}

.ab_price_card {

    background: #fff;

    border-radius: 15px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.08);

    padding: 40px 30px;

    text-align: center;

    position: relative;

    transition: transform 0.3s;

}

.ab_price_card:hover {

    transform: translateY(-8px);

}

.ab_price_hot {

    transform: scale(1.03);

    border: 2px solid var(--primary);

}

.ab_price_tag {

    position: absolute;

    top: 0;

    right: 30px;

    background: var(--primary);

    color: #fff;

    padding: 4px 15px;

    border-radius: 0 0 10px 10px;

    font-size: 14px;

}

.ab_price_card h4 {

    font-size: 22px;

    color: var(--dark);

    margin-bottom: 20px;

}

.ab_price_num {

    font-size: 42px;

    color: var(--primary);

    font-weight: bold;

    margin-bottom: 25px;

}

.ab_price_num span {

    font-size: 16px;

    color: var(--gray);

    font-weight: normal;

}

.ab_price_list {

    margin-bottom: 35px;

}

.ab_price_list li {

    padding: 10px 0;

    border-bottom: 1px solid #eee;

    color: #555;

}



/* ========== APP竖图无限轮播 ========== */

.ab_gallery_carousel {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 10px 0;

}

.ab_gallery_track {

    display: flex;

    gap: 20px;

    transition: transform 0.4s ease;

    width: max-content;

}

.ab_gallery_item {

    width: 260px;

    flex-shrink: 0;

    text-align: center;

}

.ab_gallery_item img {

    width: 260px;

    height: 460px;

    object-fit: cover;

    border-radius: 16px;

    box-shadow: 0 8px 20px rgba(0,0,0,0.15);

    transition: transform 0.3s ease;

}

.ab_gallery_item:hover img {

    transform: translateY(-6px);

}

.ab_gallery_text {

    margin-top: 12px;

    font-size: 15px;

    color: #333;

    font-weight: 500;

}

.ab_gallery_prev,

.ab_gallery_next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 44px;

    height: 44px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    color: var(--primary);

    box-shadow: 0 2px 8px rgba(0,0,0,0.1);

    cursor: pointer;

    z-index: 10;

    transition: 0.3s;

}

.ab_gallery_prev { left: 0; }

.ab_gallery_next { right: 0; }

.ab_gallery_prev:hover,

.ab_gallery_next:hover {

    background: var(--primary);

    color: #fff;

}



/* ========== 新闻资讯 ========== */

.ab_news_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    margin-bottom: 40px;

}

.ab_news_card {

    background: #fff;

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 5px 15px rgba(0,0,0,0.06);

    transition: transform 0.3s;

}

.ab_news_card:hover {

    transform: translateY(-8px);

}

.ab_news_img img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}

.ab_news_info {

    padding: 25px;

}

.ab_news_info span {

    display: inline-block;

    color: var(--primary);

    font-size: 14px;

    margin-bottom: 10px;

}

.ab_news_info h4 {

    font-size: 18px;

    margin-bottom: 12px;

    color: var(--dark);

}

.ab_news_info p {

    color: var(--gray);

    font-size: 15px;

    margin-bottom: 15px;

}

.ab_news_link {

    color: var(--primary);

    font-size: 15px;

    font-weight: 500;

}



/* 新闻详情 */

.ab_news_content {

    max-width: 800px;

    margin: 0 auto;

    background: #fff;

    padding: 40px;

    border-radius: 15px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.06);

}

.ab_news_title h2 {

    font-size: 28px;

    color: var(--dark);

    margin-bottom: 15px;

}

.ab_news_meta {

    color: var(--gray);

    font-size: 15px;

    margin-bottom: 30px;

}

.ab_news_body p {

    font-size: 16px;

    color: #444;

    line-height: 1.8;

    margin-bottom: 15px;

}



/* ========== 下载中心 ========== */

.ab_download_wrap {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

}

.ab_download_item {

    background: #fff;

    padding: 40px 30px;

    border-radius: 15px;

    text-align: center;

    box-shadow: 0 5px 15px rgba(0,0,0,0.06);

}

.ab_download_icon {

    font-size: 50px;

    margin-bottom: 20px;

}

.ab_download_item h3 {

    font-size: 22px;

    color: var(--dark);

    margin-bottom: 10px;

}

.ab_download_item p {

    color: var(--gray);

    margin-bottom: 30px;

}



/* ========== 联系我们 ========== */

.ab_contact_wrap {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

}

.ab_contact_item {

    margin-bottom: 30px;

}

.ab_contact_item h4 {

    font-size: 20px;

    color: var(--dark);

    margin-bottom: 10px;

}

.ab_contact_item p {

    color: var(--gray);

    font-size: 16px;

}

.ab_contact_form h3 {

    font-size: 24px;

    color: var(--dark);

    margin-bottom: 30px;

}

.ab_form_input,

.ab_form_textarea {

    width: 100%;

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid #ddd;

    border-radius: 8px;

    font-size: 15px;

    outline: none;

    transition: border 0.3s;

}

.ab_form_input:focus,

.ab_form_textarea:focus {

    border-color: var(--primary);

}

.ab_form_textarea {

    min-height: 150px;

    resize: vertical;

}



/* 用户评价 */

.ab_reviews_slider {

    display: flex;

    gap: 30px;

    justify-content: center;

    flex-wrap: wrap;

}

.ab_review_card {

    max-width: 500px;

    background: #fff;

    padding: 35px;

    border-radius: 15px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.05);

}

.ab_review_card p {

    font-size: 16px;

    color: var(--gray);

    margin-bottom: 20px;

    font-style: italic;

}

.ab_user {

    color: var(--primary);

    font-weight: 500;

    text-align: right;

}



/* 下载引导 */

.ab_download {

    background: var(--primary);

    color: #fff;

    text-align: center;

}

.ab_download_box h3 {

    font-size: 36px;

    margin-bottom: 15px;

}

.ab_download_box p {

    font-size: 18px;

    margin-bottom: 40px;

    opacity: 0.9;

}

.ab_download_btns {

    display: flex;

    gap: 20px;

    justify-content: center;

    flex-wrap: wrap;

}

.ab_store_btn {

    background: #fff;

    color: var(--primary);

    padding: 15px 40px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 500;

    transition: all 0.3s;

}

.ab_store_btn:hover {

    background: #f0f0f0;

    transform: translateY(-3px);

}



/* 页脚 */

.ab_footer {

    background: var(--dark);

    color: #fff;

    padding: 70px 0 30px;

}

.ab_footer_wrap {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px;

    margin-bottom: 40px;

}

.ab_footer_col h4 {

    font-size: 24px;

    margin-bottom: 20px;

    color: var(--primary);

}

.ab_footer_col h5 {

    font-size: 18px;

    margin-bottom: 20px;

}

.ab_footer_col ul li {

    margin-bottom: 10px;

    opacity: 0.8;float: left;

    width: 50%;

}

.ab_footer_col p {

    opacity: 0.8;

    line-height: 1.8;

}

.ab_copyright {

    text-align: center;

    padding-top: 20px;

    border-top: 1px solid rgba(255,255,255,0.1);

    opacity: 0.7;

}



/* ========== 响应式适配 ========== */

@media (max-width: 992px) {

    .ab_features_grid,

    .ab_price_grid,

    .ab_news_grid,

    .ab_download_wrap {

        grid-template-columns: repeat(2, 1fr);

    }

    .ab_flex,

    .ab_contact_wrap {

        grid-template-columns: 1fr;

        flex-direction: column;

    }

    .ab_footer_wrap {

        grid-template-columns: repeat(2, 1fr);

    }

}



@media (max-width: 1024px) {

	.ab_banner_content{ width:100%; padding-top:30px}

	.ab_header{ padding:10px 0}

	.ab_banner{ margin-top:70px; height:auto}

	.ab_banner_image img{ width:70%; margin:0 auto 30px}

	.ab_download_box h3{ font-size:24px}

	.ab_copyright{ font-size:14px;}

	.ab_footer_col p{ font-size:14px;}

	.ab_app_content h3{ font-size:28px}

	.ab_app_content p{ font-size:14px}

	.ab_page_header{ margin-top:70px;}

    .ab_nav_list {

        display: none;

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: #fff;

        flex-direction: column;

        padding: 20px;

        box-shadow: 0 5px 10px rgba(0,0,0,0.1);

    }

    .ab_mobile_btn {

        display: block;

    }

    .ab_banner_title {

        font-size: 36px;

    }

    .ab_features_grid,

    .ab_price_grid,

    .ab_news_grid,

    .ab_download_wrap,

    .ab_footer_wrap {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .ab_price_hot {

        transform: scale(1);

    }



    /* 轮播移动端 */

    .ab_gallery_item img {

        width: 200px;

        height: 350px;

    }

    .ab_gallery_item {

        width: 200px;

    }

}

.adminbuy_cn img{ max-width:100% !important; height:auto !important;display:inline-block;}

.adminbuy_cn p{text-wrap: inherit !important; margin-bottom:15px; line-height:30px}

.adminbuy_cn p span{text-wrap: inherit !important;}

/* ------------------------------

   新增：Banner 右侧图片及动画

------------------------------ */

.ab_banner .ab_flex {

    align-items: center; /* 确保文字和图片垂直居中 */

}



.ab_banner_image {

    flex: 1; /* 让图片容器和文字容器各占一半宽度 */

    text-align: center;

}



.ab_banner_image img {

    max-width: 100%;

    height: auto;

    /* 图片大小可根据实际情况调整 */

    width: 280px;

}



/* 关键帧动画：上下小幅度弹跳 */

@keyframes bounce {

    0%, 100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-15px); /* 向上弹跳15px */

    }

}



/* 应用动画到图片 */

.ab_bouncing_img {

    animation: bounce 2s ease-in-out infinite; /* 2秒一次，无限循环 */

}



/* 响应式调整：在小屏幕上让图片居中显示 */

@media (max-width: 1024px) {

    .ab_banner .ab_flex {

        flex-direction: column;

        text-align: center;

    }

    .ab_banner_image {

       

    }

}

/* AB模板网新增分页样式 www.admibnuy.cn */

.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}