@charset "utf-8";

/* wy-mod-banner */
.wy-mod-banner {
    /* background:#fff;  <-- 删除这行，或者改为 transparent */
    background: transparent; 
    overflow: hidden;
    width: 100%; /* 确保最外层也是全宽 */
}

.wy-mod-banner .banners {
    width: 100%;
    height: 680px;
    overflow: hidden;
    position: absolute;
    left: 0;   /* 强制靠左 */
    right: 0;  /* 强制靠右，撑满屏幕 */
    margin-left: 0; /* 清除可能存在的负边距 */
}

.wy-mod-banner .banner {
    width: 100%;
    height: 680px;
    overflow: hidden;
    position: absolute;
    left: 0;   /* 强制靠左 */
    right: 0;  /* 强制靠右，撑满屏幕 */
}

/* --- 新增：针对 Banner 内部图片的强制填充样式 --- */
.wy-mod-banner .banner img {
    width: 100% !important;      /* 强制宽度全屏 */
    height: 100% !important;     /* 强制高度填满容器 */
    object-fit: cover !important;/* 核心：保持比例裁剪填充，不留白、不变形 */
    display: block;              /* 消除底部间隙 */
}

/* 文字信息区域 (保留原有逻辑) */
.wy-mod-banner .banner .info {
    width: 410px;
    height: 230px;
    position: absolute;
    right: 50%;
    margin-right: -480px;
    background: url(../images/txt1.png) no-repeat;
    top: 230px;
}

.wy-mod-banner .banner2 .info { background-image: url(../images/txt2.png); }
.wy-mod-banner .banner3 .info { background-image: url(../images/txt3.png); }
.wy-mod-banner .banner4 .info { background-image: url(../images/txt4.png); }

.wy-mod-banner .info .link-download {
    width: 148px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    bottom: -70px;
    right: 0px;
    cursor: pointer;
    text-decoration: none;
}

.wy-mod-banner .info .link-download span {
    position: absolute;
    display: block;
    left: 10px;
    cursor: pointer;
    font-size: 28px;
    line-height: 50px;
    color: white;
    font-weight: 500;
    font-family: "Microsoft YaHei";
}

.wy-mod-banner .banner1 .info .link-download span,
.wy-mod-banner .banner2 .info .link-download span {
    color: #3091f2;
}

.wy-mod-banner .info .link-download .bor_c {
    position: absolute;
    width: 14px;
    height: 26px;
    right: 0px;
    top: 14px;
    background-image: url(../images/ico_bule.32.png);
    _background-image: url(../images/ico_bule.png);
}

.wy-mod-banner .banner3 .info .link-download .bor_c,
.wy-mod-banner .banner4 .info .link-download .bor_c {
    background-image: url(../images/ico_white.32.png);
    _background-image: url(../images/ico_white.png);
}

.wy-mod-banner .banner .info h3 { display: none; }
.wy-mod-banner .banner .info p { display: none; }

/* 焦点图导航点 */
.wy-mod-banner .focus {
    width: 100%;
    margin: 0px auto;
    padding-top: 620px;
    text-align: center;
}

.wy-mod-banner .focus a {
    text-decoration: none;
    z-index: 3;
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    *display: inline;
    overflow: hidden;
    margin: 0px 3px;
    zoom: 1;
}

.wy-mod-banner .focus a .bg-m {
    z-index: 4;
    color: white;
    line-height: 40px;
    font-size: 40px;
    position: absolute;
    display: block;
    left: 2px;
    top: 6px;
    cursor: pointer;
    display: none;
}

.wy-mod-banner .focus a .bg-b {
    background-image: url(../images/i_dot.32.png);
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.wy-mod-banner .focus a .inner {
    background-image: url(../images/i_dot_hover.32.png);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    opacity: 0;
    display: none\0;
    +display: none;
    *display: none;
    width: 18px;
    height: 18px;
}

.wy-mod-banner .focus a.on .inner,
.wy-mod-banner .focus a:hover .inner {
    cursor: pointer;
    display: block;
    border: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 1;
}

.wy-mod-banner .focus .hover .inner { display: block; }

/* --- 响应式媒体查询部分 --- */

@media screen and (max-width: 1400px) {
    .wy-mod-banner .banners { width: 100%; height: 496px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .banner { width: 100%; height: 496px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .focus { width: 100%; margin: 0px auto; padding-top: 457px; text-align: center; }
}

@media screen and (max-width: 1200px) {
    .wy-mod-banner .banners { width: 100%; height: 425px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .banner { width: 100%; height: 425px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .focus { width: 100%; margin: 0px auto; padding-top: 390px; text-align: center; }
}

@media screen and (max-width: 1000px) {
    .wy-mod-banner .banners { width: 100%; height: 354px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .banner { width: 100%; height: 354px; overflow: hidden; position: absolute; left: 0; right: 0; }
    .wy-mod-banner .focus { width: 100%; margin: 0px auto; padding-top: 325px; text-align: center; }
}

@media screen and (max-width: 768px) {
    .wy-mod-banner .focus { width: 100%; margin: 0px auto; padding-top: 100px; text-align: center; }
}