﻿body{ margin:0; font-family:arial,"\5B8B\4F53";}
img{border:0;}
#top{width:988px; margin:auto;height:80px;}
#top .logo{float:left;width:178px;height:80px;}
#top .m{float:right;line-height:80px;width:580px;}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px;}
#top .m a:hover{ opacity:0.9;}
#top .m .a{color:#169bfd;}
ul,li{list-style:none;margin:0;padding:0}
.DB_tab25 {width:100%;height:420px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:absolute;top:0;left:0;width:100%;height:420px;z-index:1;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:420px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;top:0;left:50%;margin-left:-494px;width:988px;height:420px;z-index:10;}
.DB_tab25 .DB_imgSet li{position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:120px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:20px;top:200px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:400px;top:0px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:20px;top:120px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:20px;top:220px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:540px;top:0px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:520px;top:120px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:520px;top:200px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:-100px;top:0px}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:120px;top:0px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:540px;top:120px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:690px;top:150px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:540px;top:250px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:0px}
.DB_tab25 .DB_menuWrap{position:absolute;bottom:30px;left:50%;margin-left:-494px;width:988px;z-index:20;text-align:center;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:relative;width:100%;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline-block}
.DB_tab25 .DB_prev{position:absolute;left:90px;top:50%;margin-top:-30px;cursor:pointer;z-index:30;}
.DB_tab25 .DB_next{position:absolute;right:90px;top:50%;margin-top:-30px;cursor:pointer;z-index:30;}

/* ========== 移动端 Banner 自适应 ========== */
@media screen and (max-width: 768px) {
    .DB_tab25 {
        height: 200px !important;
    }

    .DB_tab25 .DB_bgSet,
    .DB_tab25 .DB_bgSet li {
        height: 200px !important;
    }

    .DB_tab25 .DB_imgSet {
        margin-left: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 200px !important;
    }

    .DB_tab25 .DB_imgSet li {
        width: 100% !important;
        height: 200px !important;
    }

    /* 所有轮播图片自适应 */
    .DB_tab25 .DB_imgSet img {
        max-width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        left: 10% !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        position: absolute !important;
    }

    /* 移动端只显示每张幻灯片的第一张图片 */
    .DB_tab25 .DB_imgSet li img:nth-child(n+2) {
        display: none !important;
    }

    .DB_tab25 .DB_imgSet li img:first-child {
        display: block !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(-50%) !important;
        width: auto !important;
        max-width: 90% !important;
    }

    /* 左右箭头隐藏 */
    .DB_tab25 .DB_prev,
    .DB_tab25 .DB_next {
        display: none !important;
    }

    /* 底部圆点导航 */
    .DB_tab25 .DB_menuWrap {
        margin-left: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: 10px !important;
        width: auto !important;
    }

    .DB_tab25 .DB_menuWrap .DB_menuSet li img {
        width: 8px !important;
        height: 8px !important;
    }
}






