/**
 * 原 template/elec_2023_led/portal/index.htm 中内联的 <style> 块，原样抽出。
 * 这段样式控制首页 banner 的透明导航、案例轮播与资讯 Tab，去掉首页就走形。
 */
#diy_banner.displaynone { margin-top: 0 !important}
.up[data-v-f3a4122a] {
    background-color: transparent;
}
.up .header-telephone[data-v-f3a4122a] {
    background: url(../style/header-telephone-white.png) no-repeat 0;
    color: #fff;
}
.up .header-telephone em[data-v-f3a4122a] {
    color: #fff;
}
/* 「经营品牌：」标签与品牌链接同色 —— 对应 header-block.css 里把 span 并进
   .up a 选择器的那处改动，这里管首页透明导航下的白色变体。 */
.up a[data-v-f3a4122a], .up > span[data-v-f3a4122a] {
    color: #fff;
    color: hsla(0,0%,100%,.8);
}
.logo a { display: block; width: 328px; height: 50px; background: url(../style/logo1.png) no-repeat 0 0}
#elecom_nav.navfixed .logo a, .topbox_one:hover .logo a { display: block; width: 328px; height: 50px; background: url(../style/logo.png) no-repeat 0 0}
/* 2026-10-16 统一：footer 上边距清零规则已移除，恢复 footer.css 的原站设计。 */
#elecom_nav { position: relative; z-index: 999; background: none !important}
#diy_banner { display: inline-block; width: 100%; margin-top: -143px}
.menu ul li a { color: hsla(0,0%,100%,.8)}
.menu ul li.a a { color: hsla(0,0%,100%,.8)}
.topbox_one:hover #elecom_nav { background: #FFFFFF !important}
#elecom_nav.navfixed .menu ul li a, .topbox_one:hover .menu ul li a { color: #032974}
#elecom_nav.navfixed .menu ul li.a a, .topbox_one:hover .menu ul li.a a { color: #032974}
.elecom_user_info .avatar a { color: hsla(0,0%,100%,.8)}
#elecom_nav.navfixed .elecom_user_info .avatar a, .topbox_one:hover .elecom_user_info .avatar a { color: #032974}
.topbox_one:hover .up[data-v-f3a4122a] { border-color: #e4ebf2 !important; background: #e4ebf2 !important}
.topbox_one:hover .up a[data-v-f3a4122a], .topbox_one:hover .up > span[data-v-f3a4122a] { color: grey}
.topbox_one:hover .up .header-telephone[data-v-f3a4122a] {
    padding-left: 24px;
    background: url(../style/header-telephone.png) no-repeat 0;
    font-size: 14px;
    color: #525252 !important;
    line-height: 54px;
    margin-left: 55px;
}
.topbox_one:hover .up .header-telephone em[data-v-f3a4122a] {
    font-size: 18px;
    color: #ff8a00;
    letter-spacing: -1px;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
@media (max-width: 800px) {
#diy_banner { margin-top: 0 !important}
.fullSlide { height: 260px !important}
.fullSlide .hd { bottom: 48px; left: 20px !important}
.fullSlide .bd li { height: 260px}
.slideButton[data-v-ed335cc6] { bottom: 20px !important; right: 20px !important; margin-right: 0 !important}
.auto { width: 94% !important}
.case-swiper2[data-v-3407655c] { width: 100% !important}
.index-culture[data-v-281ecba5] .cont h5 { font-size: 26px}
.index-culture[data-v-281ecba5] .cont h6 { font-size: 26px}
.index1 .list .en[data-v-281ecba5] { font-size: 62px}
.index1 .item h5[data-v-281ecba5] { font-size: 13px}
.index1[data-v-281ecba5] .item h5 em { top: 3px; font-size: 30px}
.index4 .list[data-v-3407655c] .tempWrap { width: calc(100% + 10px) !important}
.swiper-wrapper { width: calc(100% * 6) !important; margin-left: -40px !important}
.swiper-slide { width: calc((100% - 60px) / 6) !important; margin-right: 10px !important}
.index4[data-v-3407655c] { padding: 30px 0}
.index4 .li[data-v-3407655c] { width: 60% !important}
.index4 .li+.li[data-v-3407655c] { width: 36% !important; border-radius: 8px; overflow: hidden}
.index4 .li-box[data-v-3407655c] { height: 260px !important}
.index4 .li+.li .li-box[data-v-3407655c] { height: 122px !important}
.index4 .li+.li .infomation[data-v-3407655c] { bottom: 15px; padding: 0 15px; box-sizing: border-box}
.index4 .infomation[data-v-3407655c] { padding: 0 20px; box-sizing: border-box}
.index4 .infomation h5[data-v-3407655c] { line-height: 22px; font-size: 14px}
.index1[data-v-281ecba5] { padding-top: 50px !important}
.index1 .infomation[data-v-281ecba5] { width: 100% !important; margin-bottom: 20px !important}
.index-culture[data-v-281ecba5] { width: 100% !important}
.index1 .infomation h1[data-v-281ecba5] { font-size: 30px !important}
.index1 .infomation h3[data-v-281ecba5] { font-size: 18px !important}
.index1 .infomation[data-v-281ecba5] p { font-size: 13px !important}
.index2[data-v-c6afddec] { padding: 30px 0}
.index2 .list[data-v-c6afddec] { margin: 30px 0 0 0}
.index2 .swiper-container[data-v-c6afddec] { width: 100% !important}
.index2 .swiper-wrapper { display: block !important; width: 100% !important; margin: 0 !important}
.index2 .swiper-slide { float: left; width: calc(50% - 5px) !important; margin: 0 10px 10px 0 !important}
.index2 .swiper-slide:nth-child(2n) { margin-right: 0 !important}
.index2 .li-box[data-v-c6afddec] { height: 308px}
.index2 .icon[data-v-c6afddec] { height: 36px; margin-bottom: 20px}
.index2 .icon img[data-v-c6afddec] { height: 36px}
.index2 .img[data-v-c6afddec] { height: 183px; background-size: 90% !important}
.index2 .infomation[data-v-c6afddec] { padding: 0 22px}
.index2 .cn[data-v-c6afddec] { font-size: 20px}
.index2 .en[data-v-c6afddec] { font-size: 14px}
.index3 .index-up[data-v-a2642b12] { width: 100% !important; padding: 0 20px !important; margin: 20px auto 0 auto; box-sizing: border-box}
.index3 .float[data-v-a2642b12] { display: none}
.index3 .infomation h5[data-v-a2642b12] { width: 100% !important; line-height: 22px; font-size: 14px}
.index3-more[data-v-a2642b12] { display: none}
.index3 .index-cn[data-v-a2642b12], .index3 .index-en[data-v-a2642b12] { float: left}
.index3 .index-en { margin: 5px 0 0 12px; font-size: 22px !important}
.index3 .infomation[data-v-a2642b12] { margin-top: 80px}
.index3 .infomation h1[data-v-a2642b12] { font-size: 30px}
.index3 .infomation h3[data-v-a2642b12] { font-size: 18px}
.fullSlide2 { height: 260px}
.fullSlide2 .bd li { height: 260px !important; background-size: cover !important}
.index5-exhibition[data-v-32f34479] { display: none}
.index5 .list .item[data-v-32f34479]:first-child { width: 100%}
.index5 .list .item[data-v-32f34479] { width: 100%}
.index5 .tab-name[data-v-32f34479] { margin: 5px 0 0 0}
[data-v-07aef802] .index-en { display: none}
.item-box[data-v-32f34479] { min-height: 0}
.index5 .infomation[data-v-32f34479] { padding: 20px}
.index5 .list[data-v-32f34479] { padding-top: 170px}
.index5 .list .item:first-child .item-box[data-v-32f34479] { height: 160px}
.index5 .img[data-v-32f34479] { height: 160px}
.index5 .img img[data-v-32f34479] { height: auto}
.index5 .date[data-v-32f34479] { font-size: 16px}
.index5 .name[data-v-32f34479] { font-size: 16px}
}