/**
 * 下拉菜单背景图片样式
 * 根据不同栏目显示不同的左侧背景图片
 * 
 * @package XundaoTheme
 */

/* 新闻资讯 */
.thedropmenu_news:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/news.jpg);
    background-size: cover;
    background-position: center;
    opacity: 1 !important;
    z-index: 0;
}   

/* 工程案例 */
.thedropmenu_cases:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/cases.jpg);
    background-size: cover;
    background-position: center;
    opacity: 1;
    z-index: 0;
}

/* 关于新澳门游戏网站入口app */
.thedropmenu_about:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/about.jpg);
    background-size: cover;
    background-position: center;
    opacity: 1;
    z-index: 0;
}

/* 营销网络 */
.thedropmenu_network:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/network.jpg);
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    z-index: 0;
}

/* 联系我们 */
.thedropmenu_contact:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/contact.jpg);
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    z-index: 0;
}

/* 加入新澳门游戏网站入口app */
.thedropmenu_join:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background-image: url(static/images/dropdown-bg/join.jpg);
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    z-index: 0;
}

/* 确保下拉菜单容器是相对定位 */
.thedropmenu {
    /* position: relative; */
    overflow: hidden;
}

/* 确保菜单内容在背景图片之上 */
.thedropmenu .smenu {
    position: relative;
    z-index: 1;
}

/* 如果原网站使用的是sbg1.jpg, sbg2.jpg等，可以使用这种方式： */
/*
.thedropmenu_news:before {
    background-image: url(static/images/sbg1.jpg);
}

.thedropmenu_cases:before {
    background-image: url(static/images/sbg2.jpg);
}

.thedropmenu_about:before {
    background-image: url(static/images/sbg3.jpg);
}
*/