/* wp-block-dh-block->dh-href */
.block-ul{--mt:0}
.block-li{cursor: pointer;}
.block-bt{line-height: 26px;margin-bottom: 4px;font-size:11px;font-weight:500;text-transform: uppercase;}
.block-li{align-items:center;padding:10px;justify-content:space-between;width: 100%;}
.block-li.col{flex-direction: column;align-items: flex-start;}
.block-li.col input{margin-top:10px;width:100%}
.block-li:hover{background-color:#f9f9f9}
input[type=text]{border:.1rem solid rgba(var(--border),1)}
.components-toggle-group-control:before{left:0 !important}
/*改变父级区块定位的模式*/
.block-editor-block-list__block:has(.position-abs){position:unset}
.p-unset.block-editor-block-list__block>div{position:unset!important}
.menu-main-vertical .block-editor-block-list__block:has(.menu-item){width:fit-content;position:unset}
.menu-main-vertical .menu-item{width:var(--wd)}
.menu-main-vertical .menu-child{top:0;left:var(--wd);width:calc(100% - var(--wd));height:100%;overflow:auto}
.menu-main-vertical .menu-item .hd{justify-content:center}
.wp-block-group:has(.wp-block-dh-block-menu-box){position:relative}
.menu-main-vertical .block-editor-block-list__layout{position:unset }


/*图标*/
.icon-menu{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M844.8 883.2h-256c-19.2 0-38.4-19.2-38.4-38.4v-256c0-19.2 19.2-38.4 38.4-38.4h256c19.2 0 38.4 19.2 38.4 38.4v256c0 19.2-19.2 38.4-38.4 38.4zm0-403.2h-256c-19.2 0-38.4-19.2-38.4-38.4v-256c0-19.2 19.2-38.4 38.4-38.4h256c19.2 0 38.4 19.2 38.4 38.4v256c0 19.2-19.2 38.4-38.4 38.4zM435.2 883.2h-256c-19.2 0-38.4-19.2-38.4-38.4v-256c0-19.2 19.2-38.4 38.4-38.4h256c19.2 0 38.4 19.2 38.4 38.4v256c6.4 19.2-12.8 38.4-38.4 38.4zm0-403.2h-256c-19.2 0-38.4-19.2-38.4-38.4v-256c0-19.2 19.2-38.4 38.4-38.4h256c19.2 0 38.4 19.2 38.4 38.4v256c6.4 19.2-12.8 38.4-38.4 38.4z' fill='%23272636'/%3E%3C/svg%3E") no-repeat 50% 50%}
/*编辑器tab*/
.d-tab-panel .components-tab-panel__tabs{background-color:white;padding:.2rem;display:flex;display:-webkit-flex;justify-content:center;align-items:center;border:1px solid #000;height:38px}
.components-tab-panel__tabs-item{flex:1;}
.components-tab-panel__tabs-item.active-tab{background-color:#000;color:white;height:100% !important;text-align:center;justify-content:center}
.components-tab-panel__tabs-item.active-tab:hover{color:white}
.components-tab-panel__tab-content{padding-top:10px}

.in-banner-ct{min-height:200px}

.lbt{position:relative}
.lbt img{width:100%}

/* 自定义菜单 */
.menu-main{position: relative;width:100%}
.menu-item{cursor: pointer;width:fit-content}
.menu-item .hd{align-items: center;height: 100%;padding:0 var(--space,10px);color:var(--color);height:var(--h);text-decoration:none;background-color:var(--bg,white)}
.menu-item .hd .icon-rt{background-color:var(--color)}
.menu-child{min-height:100px;min-width:100px;position: absolute;top:100%;display: none;z-index:999;max-width:100%;cursor:auto}
.menu-child.full{left:0;width:100%}

.menu-box .icon-close{display:none}
.menu-main>.block-editor-inner-blocks>.block-editor-block-list__layout{display: flex;display: -webkit-flex;height:100%}
.menu-child>.block-editor-inner-blocks{position: fixed !important;z-index:999;height:100%;}
.menu-child.full>.block-editor-inner-blocks{width:100%;}
.menu-main>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-editor-block-list__block{position:unset}
@media (any-hover: hover) {
    .menu-item:hover .menu-child{display: block;}
    .menu-item:hover>.hd .icon-rt{transform: rotateZ(90deg);background-color:var(--hcolor)}
    .menu-item:hover>.hd{background-color:var(--hbg);color:var(--hcolor)}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .wp-block-dh-block-post-d-menu{position:absolute;left:0;top:0}
    .icon-menu-box{
        position: absolute;top:80dvh;top:webkit-dvh;top:90dvh;left:98vw;transform: translateX(-100%) translateY(-100%);
        display: flex;display: -webkit-flex;align-items: center;justify-content: center;background-color:var(--wp--preset--color--white);
        padding:.5rem;border-radius: 100px;
    }
    .icon-menu-box .icon-menu{--w:24px}
    .menu-box{position:absolute;top:0;left:0;width:80vw;
        height:100vh;height:-webkit-dvh;height:100dvh;
        background-color:white;z-index:999;overflow-y:auto;overflow-x:hidden;transform: translateX(-100%);
        display: flex;display: -webkit-flex;flex-direction: column;
    }
    .menu-box .close-hd{display:flex;display:-webkit-flex;justify-content:flex-end;height:50px;align-items:center;flex-shrink:0}
    .close-box{padding:1rem;align-items:center;justify-content:center}
    .close-box .icon-close{display:block}
    .menu-main{flex-direction:column;position:unset;flex:1;overflow:auto}
    .menu-item{width:100%}
    .menu-item .menu-child{
        transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;
        display: flex;display: -webkit-flex;
        align-items:flex-end;top:0;height:100%;width:100%;
        transform:translateX(100%);}
    .menu-item.show .menu-child{ transform:translateX(0%)}
    .menu-item .menu-child .bg{
        position:absolute;top:0;lefT:0;width:100%;height:100%;
        transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;
        background-color:rgba(0,0,0,0);}
    .menu-item.show .menu-child .bg{ background-color:rgba(0,0,0,.2); }
    .menu-child>div{height:80%;overflow:auto;position:relative;z-index:99;width:100%}
    .menu-item.show .hd{background-color:var(--hbg);color:var(--hcolor)}
    .menu-item.show .hd .icon-rt{transform: rotateZ(90deg);background-color:var(--hcolor)}
    .wp-site-blocks.ac{transform:translateX(80%)}
    .wp-site-blocks.ac .wp-block-dh-block-post-d-menu{width:100%;height:100vh;background-color:rgba(0,0,0,.05)}
}

/*图标按钮*/
.btnIcon{color:var(--color);background-color:var(--bg);gap:var(--space);}
a.btnTm{text-decoration:none}
@media (any-hover: hover) {
    .btnIcon:hover{background-color:var(--hbg,var(--bg));color:var(--hcolor,var(--color))}
}

/*dh-block/card-img-text 图片文字-企业介绍*/
.card-img-text{gap:var(--space)}
.card-img-text.scale{align-items:var(--align)}
.card-img-text .img-box{--w:300px;width:var(--w);flex-shrink:0;}
.card-img-text .img-box img{width:100%;height:100%;object-fit:cover}
.card-img-text.scale .img-box{height:var(--h)}

/*动画标题*/
.dhtitle{
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-position: 2px 95%;
    background-size: 0px 1.5px;
    background-repeat: no-repeat;
    transition: background-size 0.25s cubic-bezier(0.785,0.135,0.15,0.86) 0s;
    padding-bottom:.2rem;
    display: inline;
    text-align: justify;
}
.r-item:hover .dhtitle{background-size: 100% 1.5px;}

/*轮播图的图标*/
.swiper-button-next:after,.swiper-button-prev:after{content:'';display:none}
.swiper-button-prev{
    width:50px !important;height:50px !important;background-color:white;border-radius: 100px;left:5rem;
    -webkit-transform: translateX(3rem);transform: translateX(3rem);opacity: 0.35;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50%;
    transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M320 514.368a52.864 52.864 0 0 0 15.808 37.888l272.32 266.88a55.296 55.296 0 0 0 73.984-2.752 52.608 52.608 0 0 0 2.816-72.512l-233.6-228.928 233.6-228.992a52.736 52.736 0 0 0 17.536-53.056 53.952 53.952 0 0 0-40.192-39.424 55.168 55.168 0 0 0-54.144 17.216l-272.32 266.88a52.864 52.864 0 0 0-15.808 36.8z' fill='%23000' fill-opacity='.88'/%3E%3C/svg%3E")}
.swiper-button-next{
    width:50px !important;height:50px !important;background-color:white;border-radius: 100px;right: 5rem;
    -webkit-transform: translateX(-3rem);transform: translateX(-3rem);opacity: 0.35;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50%;
    transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M704 514.368a52.864 52.864 0 0 1-15.808 37.888L415.872 819.2a55.296 55.296 0 0 1-73.984-2.752 52.608 52.608 0 0 1-2.816-72.512l233.6-228.928-233.6-228.992a52.736 52.736 0 0 1-17.536-53.056 53.952 53.952 0 0 1 40.192-39.424c19.904-4.672 40.832 1.92 54.144 17.216l272.32 266.88c9.92 9.792 15.616 23.04 15.808 36.8z' fill='%23000' fill-opacity='.88'/%3E%3C/svg%3E")}
.swiper-container-horizontal:hover .swiper-button-prev,.swiper-container-horizontal:hover .swiper-button-next{
    visibility: visible;pointer-events: unset;opacity: 1;
    -webkit-transform: translateX(0);transform: translateX(0);opacity: 1;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0 !important}
.text-box .title{font-size:2rem}
.img-box img{width:100%;}

/*切换*/
.tab-hd{gap:10px;padding:10px 0}
.tab-hd .tab-li{display:flex;display:-webkit-flex;align-items:center;justify-content:center;border:1px solid var(--wp--preset--color--foreground);border-radius:var(--radius);font-size:.85rem;padding:.5rem 1rem;}
.tab-hd .tab-li.ac{background-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--inverse);border-color:var(--wp--preset--color--primary)}
.tab-ct{display:none}
.tab-ct.ac{display: block;}

.flex-tb .block-list-appender{right:var(--gap) !important;display:flex;display:-webkit-flex;justify-content:flex-end}
.flex-tb p{width:100%}

.block-li .block-editor-link-control__search-results-wrapper{margin-top:17px}
.block-li .block-editor-url-input,.block-li .block-editor-link-control{min-width:100%;margin:0}
.block-li .block-editor-link-control__search-item.is-current{padding:0}

.wp-block-dh-block-dh-href{text-decoration:none}

/*浮动边栏*/
.fixed-box{position:fixed;z-index:9999;transform: translateY(-50%);}

/*弹出层*/
.proup-item{position:relative;cursor:pointer}
.proup-ct{color:var(--color);background-color:var(--bg);text-decoration:none}
.proup-div{position:absolute;display:none;z-index:999;}
.proup-div img{max-width:unset !important}
.proup-item.block-editor-block-list__layout>div{position:unset}
.proup-item.show .proup-div{display:block}

@media (any-hover: hover) {
    .proup-item:hover .proup-ct{color:var(--hcolor);background-color:var(--hbg)}
    .proup-item:hover .proup-div{display:block;}
}


/*边框样式*/
.solid-item{background-color:var(--bg);border-radius:var(--r);padding:var(--pd)}
.solid-hd{align-items:center}.solid-hd .bt{border-bottom:2px solid rgba(var(--primary), 1);font-size:1rem}
.solid-item .pag-item,.solid-item .item-box{background-color:var(--color)}

/*文章顶部banner*/
.p-banner img{width:100%;height:100%;object-fit:cover}
.p-banner .bg{background-color:rgba(0,0,0,.7);align-items:center;justify-content:center;height:100%;color:white;font-size:2.2rem;flex-direction:column}
.p-banner .subtitle{font-size:1.2rem}


/*分类页面-导航*/
.p-cat-ul{background-color:var(--bg);padding:1rem;display:flex;display:-webkit-flex;gap:10px;flex-direction:column}
.solid-ct .p-cat-ul{padding:0}
.cat-child{gap:10px;align-items:center;}.solid-ct .cat-child{flex-direction:column;align-items: flex-start;}
.cat-child .cat-ul{gap:10px;align-items:center}.solid-ct .cat-ul{flex-direction:column;align-items:flex-start;width:100%;gap:0;}.solid-ct .cat-ul .cat-item{width:100%;height:42px;line-height:42px;padding-top:0;padding-bottom:0}
.cat-item{background-color:var(--color);padding:4px 10px;text-decoration:none;border-radius:var(--radius)}
.solid-ct .cat-item{border-radius:0}
.cat-item:hover{color:var(--bgac)}
.cat-item.ac{background-color:var(--bgac);color:var(--colorac)}

.p-hide{display:none}
.m-hide{display:block}
@media screen and (min-width: 768px) and (max-width: 1180px) {
    .card-img-text{flex-direction: column;}
    .card-img-text .img-box{width:100%}
    .card-img-text.scale .img-box{height:unset}
    .is-layout-constrained > .alignwide{padding:0 10px !important}
    .p-hide{display:block}
    .m-hide{display:none}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .card-img-text{flex-direction: column;}
    .card-img-text .img-box{width:100%}
    .card-img-text.scale .img-box{height:unset}
    .is-layout-constrained > .alignwide{padding:0 10px !important}
    .p-hide{display:block}
    .m-hide{display:none}
}