/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
body{ font-size:12px; font-family:微软雅黑,宋体,Arial,Helvetica,Tahoma !important;color:#333;text-align:center; /*overflow-x:hidden; */min-width:1200px; background-color:#fff;}
a{text-decoration:none;color:#333;}
a:hover,a:active{color:#029b63; }
img{ vertical-align:middle;}
ul,li{ list-style:none;}
/*em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}*/
/*var{font-style:normal;}*/
input,select,img{vertical-align:middle;}
.wrap, .wrap2, .wrap3 {clear: both;margin: 0 auto;text-align: left;overflow: hidden;justify-content: space-between;
}
.wrap{width:1200px;padding: 20px; /* 给容器添加一些内边距 */}
.wrap2{width:1370px;}
.wrap3{width:1474px;}
.wrapper{ width:100%; text-align:center; background:url(../images/bg.jpg) center top #fff no-repeat; padding-top:11px;}
.clear{clear:both; height:0;font-size:0;overflow:hidden;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t30{ margin-top:30px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
/*1.头部
/* 顶部背景 */
/* 固定顶部背景 */
.top_bg {
    height: 99px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
}

/*首頁*/
/*banner*/
.main_visual {
    position: relative; /* 使得子元素相对于该容器定位 */
    width: 100%;
    height: 700px; /* 固定高度 */
    background-color: #fff;
    background-image: url('../images/banner.jpg');
    background-position: center;
    background-size: cover;
}

.main_visual .main_image {
    width: 100%;
    height: 800px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background-position: center; /* 背景图片居中 */
    background-size: cover; /* 使背景图片填充容器 */
    
}
.main_visual .banner-text {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    padding: 10px 20px; /* 内边距，文字与背景框之间的距离 */
    border-radius: 8px; /* 圆角效果 */
    width: 100%; /* 背景框宽度和 banner 一样宽 */
    text-align: center; /* 文字居中 */
    box-sizing: border-box; /* 确保 padding 不影响元素的宽度计算 */
}

/* 御金优势 Section */
.service-container {
    padding: 40px 15px;
    background-color: #fff;
}

.service-header h2 {
    font-size: 36px;
    text-align: left; /* 将标题对齐方式改为左对齐 */
    margin-bottom: 20px;
    margin-left: 20px; /* 增加左边距，调整标题位置 */
}

.service-header h2 span {
    color: #FF9900; /* 突出显示的颜色 */
}

.i_service_desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;  /* 限制父容器的最大宽度，调整为你需要的值 */
    margin: 0 auto;  /* 居中对齐容器 */
}

.i_service_desc .text-content {
    width: 45%;  /* 减小文本部分的宽度 */
    font-size: 25px;
    text-align: left; 
}

.i_service_desc .image-content img {
    width: 100%;  /* 增大图片部分的宽度 */
    border-radius: 8px; 
}
.i_service_desc .text-content h3 {
    font-size: 35px;                     /* 标题大小 */
    text-align: left; 
    font-weight: bold;                   /* 加粗 */
    color: #333;                         /* 标题颜色 */
    margin-bottom: 30px;                  /* 标题与内容之间的间距 */
}
/* 设置按钮的样式 */
.i_service_desc .text-content .btn-link {
    display: inline-block;               /* 使按钮成为内联块元素 */
    padding: 10px 20px;                  /* 内边距 */
    background-color: #FF9900;           /* 按钮背景色 */
    color: #fff;                         /* 按钮文字颜色 */
    font-size: 16px;                     /* 字体大小 */
    border-radius: 5px;                  /* 圆角按钮 */
    text-decoration: none;               /* 去掉链接的下划线 */
    margin-top: 15px;                    /* 按钮与文本之间的间距 */
    transition: background-color 0.3s;    /* 设置按钮的hover效果 */
}

.i_service_desc .text-content .btn-link:hover {
    background-color: #e68900;           /* 悬停时按钮背景色 */
}

/* 我们的服务 Section */
.i_service {
    background-color: #fafafa;
    padding: 50px 0;
    max-width: 1200px;  /* 限制父容器的最大宽度，调整为你需要的值 */
    margin: 0 auto;  /* 居中对齐容器 */
}

.i_service .wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.i_service_ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.i_service_ul li {
    width: 240px; /* 增大每个服务项的宽度 */
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.i_service_ul li:hover {
    transform: translateY(-10px);
}

.i_service_ul li img {
    width: 100px; /* 图片的宽度 */
    height: 100px;
    margin-bottom: 15px; /* 增大图片和文字之间的间距 */
}

.i_service_ul li h2 {
    font-size: 22px;  /* 增大标题文字大小 */
    margin-bottom: 15px;/* 增大标题和文本之间的间距 */
}

.i_service_ul li p {
    font-size: 16px; /* 增大描述文字大小 */
    color: #666;
}

/* 我们的产品 Section */
.i_product {
    padding: 50px 15px;
    background-color: #fff;
    max-width: 1200px;  /* 限制父容器的最大宽度，调整为你需要的值 */
    margin: 0 auto;  /* 居中对齐容器 */
}

.service-header h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
}

.M_7 .slideTxtBox3 .parBd .picList {
    display: flex;
    justify-content: space-between; /* 在容器内均匀分布 */
    flex-wrap: wrap;                 /* 允许换行 */
}
/* 单个项目（每个产品项） */
.M_7 .slideTxtBox3 .parBd .picList li {
    width: 27%; /* 每个项目占 30% 宽度 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 加入阴影效果 */
    padding: 15px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;             /* 下边距 */
    height: 300px;                   /* 设置固定高度，调整为你需要的高度 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;  /* 使内容均匀分布 */
    margin: 10px;

}
/* 图片部分 */
.M_7 .slideTxtBox3 .parBd .picList li .img {
    display: block;                     /* 使图片成为块级元素 */
    margin: 0 auto;                     /* 水平居中图片 */
    width: 300px;                       /* 固定宽度 */
    height: 200px;                      /* 固定高度 */
    overflow: hidden;                   /* 隐藏超出部分 */
}
/* 文本内容 */
.M_7 .slideTxtBox3 .parBd .picList li .txt2 {
    font-size: 15px;
    color: #666;
}

/* 公司动态 Section */
.service-header {
    text-align: left; /* 标题靠左 */
    margin-bottom: 30px;
}

.service-header h2 {
    font-size: 36px;
    color: #333;
}

.wrap.m_t30 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.i_about_l, .i_about_r {
    width: 48%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    background-color: #fff;
}

.i_about_l img, .i_about_r img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    object-fit: cover;  /* 防止图片变形 */
}

.i_about_l h2, .i_about_r h2 {
    font-size: 20px;
    margin-bottom: 15px;
}

.i_about_l p, .i_about_r p {
    font-size: 14px;
    color: #666;
}

.i_about_more {
    display: inline-block;
    font-size: 14px;
    color: #FF9900;
    margin-top: 10px;
    cursor: pointer;
}

.blog_list li {
    margin-bottom: 20px;
}

.blog_list li a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #333;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: all 0.3s;
}

.blog_list li a:hover {
    background-color: #f9f9f9;
    border-color: #1E90FF;
}

.blog_Rtime {
    width: 88px;
    height: 88px;
    background-color: #0693e3;
    text-align: center;
}

.blog_Rtime em, .blog_Rtime b {
    display: block;
    font-family: Arial;
    color: #FFF;
}

.blog_Rtime b {
    font-size: 48px;
    height: 62px;
    line-height: 62px;
    font-weight: bold;
    letter-spacing: 2px;
}

.blog_Rtime em {
    font-style: normal;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    background-color: #87CEEB;
    font-weight: bold;
}

.blog_Rmore {
    width: 540px;
    padding-top: 5px;
}

.blog_Rmore b {
    color: #333;
    display: block;
    width: 230px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 2px;
}

.blog_Rmore span {
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    font-size: 14px;
}

/* 常见问题 */
/* FAQ 容器 */
.faq-container {
    width: 60%;
    margin: 0 auto;
    padding: 40px 0;
    font-family: Arial, sans-serif;
}

/* 每个 FAQ 项 */
.faq-item {
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    background-color: #f9f9f9;
}

/* 问题按钮样式 */
.faq-question {
    width: 100%;
    text-align: left;
    padding: 18px 20px;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background-color: #0693e3;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq-question:hover {
    background-color: #0056b3;
}

/* 答案样式 */
.faq-answer {
    display: none;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    background-color: #ffffff;
}

/*尾部*/
.foot_txt{ height:100px; background-color:#A9A9A9; line-height:28px; font-size:14px; color:#ffffff;}
.foot_txt a{ color:#fff; text-decoration:none;}
.foot_txt a:hover{ color:#bcdad5;}
.foot_txt .wrap{ padding-top:13px;}
/* 为网站地图和网站内容添加额外的样式 */
.footer-extra {
    position: absolute;
    right: 20px; /* 定位到右侧 */
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%);
    font-size: 14px;
    line-height:28px;
}

.footer-extra a {
    color: #fff; /* 文字颜色 */
    text-decoration: none; /* 去掉链接下划线 */
    margin-right: 15px; /* 给链接添加间隔 */
}

.footer-extra a:hover {
    color: #bcdad5; /* 悬停时改变颜色 */
}
.f_top{ width:53px; height:23px; background:url(../images/top.png) no-repeat; cursor:pointer; position:absolute; right:0; margin-top:-40px;}
.f_top:hover{filter:alpha(opacity=80);opacity:0.8;}
.f_bg {
    height: 50px;
    width: 100%;
    font-size: 12px;
    background-color: #333333;
    line-height: 43px;
    text-align: center; /* 保证文字水平居中 */
}

.f_bg p {
    color: #fff; /* 设置文字颜色为白色 */
    margin: 0; /* 去掉 p 标签默认的外边距 */
    text-align: center; /* 确保 p 标签内的文字居中 */
}

/*二級頁面*/
.position{ height:66px; line-height:66px;font-size:12px; color:#666666;}
.position a{ color:#666666;}
.position a:hover{}
.position label{ color:#666666;}

 /*关于我们标题 */
/* 页面整体布局 */
.wrap {
    width: 80%;                 /* 设置页面宽度 */
    margin: 0 auto;             /* 居中对齐 */
    padding-top: 40px;          /* 给顶部留白 */
}

.common_bottomFloat {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    background: #92cafb5c;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0;
}
.common_bottomFloat .companyLink:first-child {
    background: url(../images/acetop_bg.png) center center no-repeat;
    background-size: cover;
}
.common_bottomFloat .companyLink {
    color: #000;
    display: inline-block;
    /*height: 72px;*/
    padding: 10px 30px;
    border-radius: 5px;
    margin: 2px 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.common_bottomFloat .bottomFloat_link_acetop .link_right {
    float: right;
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 4px 0;
    background-color: #fff;
    width: 300px;
    font-size: 20px;
    line-height: 1.3;
}
.common_bottomFloat .companyLink:nth-of-type(2) {
    background: url(../images/acetop_bg.png) center center no-repeat;
    background-size: cover;
}
.common_bottomFloat .companyLink:nth-of-type(2) .link_right {
    color: #000;
}
/* PC端默认隐藏移动端元素 */
.mobile-banner-overlay {
    display: none;
}
/* 保留原有通用样式，新增/修改以下移动端适配样式 */

/* ========== 移动端banner专属样式 ========== */
@media (max-width: 768px) {
    /* 重置body最小宽度，适配移动端 */
    body {
        min-width: unset !important;
        width: 100%;
    }

    /* 隐藏PC端banner，显示移动端专属banner容器 */
    .main_visual {
        display: none !important; /* 隐藏原PC端banner */
    }

    /* 移动端banner容器 - 核心样式 */
    .mobile-banner-overlay {
        display: block !important;
        position: relative;
        width: 100%;
        height: auto; /* 自适应高度 */
    }

    /* 移动端banner背景图（m-banner.jpg） */
    .mobile-banner {
        width: 100%;
        height: auto; /* 保持图片比例 */
        display: block; /* 去除图片默认间隙 */
    }

    /* 半透明悬浮框 - 居中覆盖在banner上 */
    .mobile-overlay-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.85); /* 半透明白色背景 */
        padding: 15px 20px;
        border-radius: 12px;
        text-align: center;
        width: 80%; /* 占屏幕80%宽度 */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 轻微阴影提升质感 */
    }

    /* 移动端logo样式 */
    .mobile-logo {
        width: 100px; /* 适配移动端的logo大小 */
        height: auto;
        margin: 0 auto 15px; /* 居中+底部间距 */
        display: block;
    }

    /* 下载按钮样式 */
    .mobile-download-btn {
        display: inline-block;
        width: 100%; /* 按钮占满悬浮框宽度 */
        padding: 12px 0;
        background-color: #FF9900; /* 橙色主色，与原有风格统一 */
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 8px;
        transition: background-color 0.3s ease; /* 点击过渡效果 */
    }

    .mobile-download-btn:hover {
        background-color: #e68900; /* hover深色效果 */
    }

    /* 隐藏移动端所有非必要模块 */
    .service-container,    /* 御金优势 */
    .i_service,            /* 我们的服务 */
    .service-header,
    .i_product,            /* 我们的产品 */
    .faq-container,        /* 常见问题 */
    .foot_txt,
    .f_bg,
    .wrap.m_t30,           /* 公司动态 */
    .common_bottomFloat    /* 底部浮窗 */
    {
        display: none !important;
    }

    /* 尾部样式适配移动端 */
    .foot_txt {
        height: auto !important;
        padding: 15px 0;
        font-size: 12px !important;
        line-height: 22px;
    }
    .foot_txt .wrap {
        width: 90% !important;
        padding: 0 !important;
        margin: 0 auto;
    }
    .f_bg {
        height: auto !important;
        padding: 10px 0;
        line-height: 20px !important;
        font-size: 10px !important;
    }
     /* 下载按钮样式 */
    .mobile-download-btn {
        display: inline-block;
        width: 100%; /* 按钮占满悬浮框宽度 */
        padding: 12px 0;
        background-color: #FF9900; /* 橙色主色，与原有风格统一 */
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 8px;
        transition: background-color 0.3s ease; /* 点击过渡效果 */
    }

    .mobile-download-btn:hover {
        background-color: #e68900; /* hover深色效果 */
    }

    /* 新增：底部并排双按钮容器 */
    .mobile-bottom-btns {
        position: absolute;
        bottom: 0; /* 固定在banner底部 */
        left: 0;
        width: 100%; /* 宽度100% */
        display: flex; /* 弹性布局实现并排 */
        border-collapse: collapse; /* 消除间隙 */
    }

    /* 底部单个按钮样式 */
    .mobile-bottom-btn {
        flex: 1; /* 平分宽度 */
        padding: 12px 0;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #fff !important;
        text-decoration: none;
        /* 取消边框/间距，确保无间隙 */
        margin: 0 !important;
        border: 0 !important;
        outline: 0 !important;
    }

    /* 第一个按钮样式 */
    .mobile-bottom-btn.btn1 {
        background-color: #0693e3; /* 蓝色系，区分按钮 */
    }

    /* 第二个按钮样式 */
    .mobile-bottom-btn.btn2 {
        background-color: #FF9900; /* 橙色系，与下载按钮呼应 */
    }

    /* 按钮hover效果 */
    .mobile-bottom-btn.btn1:hover {
        background-color: #007bbd;
    }
    .mobile-bottom-btn.btn2:hover {
        background-color: #e68900;
    }

}

/* PC端强制隐藏移动端banner */
@media (min-width: 769px) {
    .mobile-banner-overlay {
        display: none !important;
    }
}
/* 保留原有其他样式... */