/*
    Theme name: 样式功能继承hello
    Template: hello-elementor
*/
body, ul, img, p, input, dl, dd, tr, th, td {
    margin: 0;
    padding: 0;
}
em {
    font-style: normal;
}
i {
    font-style: italic;
}
li, ul, ol {
    list-style: none;
	  margin-top: 0;
    margin-bottom: 0px;
}
@font-face {
    font-family: 'Rany';
    src: url('/wp-content/themes/spider/assets/fonts/Rany.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rany Bold';
    src: url('/wp-content/themes/spider/assets/fonts/Rany-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rany Medium';
    src: url('/wp-content/themes/spider/assets/fonts/Rany-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 应用字体 */
body {
    font-family: 'Rany', sans-serif !important;
}


.elementor-element-2bc1120 .elementor-widget-container{
    position: absolute;
    top: -7px;
    left: 0px;
}
.elementor-element-2bc1120 .elementor-widget-container .trp-ls-shortcode-current-language{
    border:none;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
     border:none;
     left: 40px!important;
     
}
.elementor-65 .elementor-element.elementor-element-0884d38 .elementor-icon-list-text{
    color: #4E4E4E!important;
}
#all-to-top{
    width:48px;
    height: 48px;
    border-radius: 50%;
    background: #666666;
    z-index: 99999999999999999;
    position: absolute;
    right: 15px;
    bottom: 55px;
}
.elementor-65 .elementor-element.elementor-element-ccc4300 .elementor-icon-wrapper svg{
    width: 80%!important;
    margin: auto;
}
.elementor-element-3831972{
    position: relative!important;
    height: 52px!important;
}
.elementor-element-3831972 .elementor-widget-mobile__width-inherit .elementor-widget-container{
    position: absolute;
    left: 10px;
    top: -16px;
    
}


/*尾部--开始*/


  .blkg-left-df li {
        position: relative;
        display: block;
        height: 50px;
        width: 50px;
        background-color: #ED741B;
        cursor: pointer;
        border-bottom: 2px solid #fff;
    }
    .blkg-left-df li .df-ico-det .ico-svg {
        z-index: 1000;
        display: flex;
        width: 50px;
        height: 50px;
        position: absolute;
        align-items: center;
        justify-content: center;
        
    }
    .blkg-left-df .df-show-right {
        visibility: hidden;
        position: absolute;
        left: 50px;
        display: inline-block;
        width: 220px;
        height: 50px;
        transition: visibility 0.3s ease, opacity 0.3s ease; /* 添加过渡效果 */
        opacity: 0;
    }
    .letf-float-service {
        position: relative;
        transition: right 0.5s ease; /* 缓慢变化right位置 */
    }
    .letf-float-service:hover {
        right: 220px !important;
    }
    .letf-float-service:hover .blkg-left-df li {
        width: 280px !important;
        transition: width 0.5s ease;
    }
    .letf-float-service:hover .df-show-right {
        visibility: visible; 
        opacity: 1; 
        transition: opacity 0.5s ease; 
    }
    .blkg-left-df .df-show-right a {
        display: block;
        line-height: 60px;
        text-align: left;
        color: #fff;
    }
    .letf-float-service:hover .df-right-last{
        height: 160px;
    }
    .blkg-left-df .df-right-last img{
        width: 100px;
        position: relative;
        top: -10px;
    }
    @media only screen and (max-width: 767px) {
        .blkg-left-df{
            display: none;
        }
    }

    .search-bl-box  .phone{
        display: none;
    }
    
    
/*尾部--结束*/


@media only screen and (max-width: 768px) {
	.elementor-element-3831972 .elementor-widget-mobile__width-inherit .elementor-widget-container{
		transform: translate(0px, 0px);
	}
     .pd-img-dec .pd-dec .pd-btn a{
         font-size: 1rem;
        line-height: 1rem;
     }
     .pd-img-dec .pd-dec .pd-btn a span{
         position: relative;
        top: -6px;
     }
     #all-to-top{
      right: 3px; 
      height: 30px;
    }
    .search-bl-box .sl-time{
        display: none;
    }
    .search-bl-box  .pc{
        display: none;
    }
    .search-bl-box  .phone{
        display: block;
    }
    .search-rel-box .search-list li{
        height: auto!important;
        padding: 10px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .elementor-element-cf6d25c .elementor-element-300f2da{
        flex: 3;
    }
    .elementor-element-cf6d25c  .elementor-element-2bc1120{
        flex: 1; 
    }
    .elementor-element-cf6d25c .elementor-element-300f2da .e-search-form{
        height: 48px;
    }
    .elementor-element-cf6d25c  .elementor-element-3831972 .elementor-element-98745ea{
        width: 100%;
    }
    .elementor-element-cf6d25c  .elementor-element-3831972 .elementor-element-98745ea .elementor-widget-container{
         width: 100%;
    }
    .elementor-element-cf6d25c  .elementor-element-3831972 .elementor-element-98745ea .elementor-widget-container a{
         width: 100%;
    }
    .elementor-element-cf6d25c  .elementor-element-3831972 .elementor-element-98745ea .elementor-widget-container a img{
        width: 80%;
        height: auto;
    }
    .elementor-element-3831972 .elementor-widget-mobile__width-inherit .elementor-widget-contai{
        top: -12px;
    }
    .elementor-element-2bc1120 .elementor-widget-container{
        top: 0;
    }
    #rmp_menu_trigger-7180{
        top: 95px 
    }
    .pcc-box .new-product ul li .hov-scale-img{
        display: none;
    }
    .pcc-right .list-product .list-grid .product-detail{
        width: 50% !important;
        margin: 0 !important;
    }
    .elementor-element-4ba5719 img{
        width: 70%;
    }
    .seer-detail {
        width: 95% !important;
        margin: 10px !important;
    }
    .pd-img-dec{
        flex-direction: column;
        width: 100% !important;
    }
    .seer-detail .pd-img-dec .pd-img {
        width: 95% !important;
        height: auto !important;
    }
    .projects-content .top-desc {
        flex-direction: column;
    }
    .pcc-box{
        padding: 15px;
    }
    .pcc-nav{
        padding: 0 15px;
    }
    .blkg-box .video-main {
        flex-direction: column;
    }
    .video-main .v-fl,.video-main .v-fr {
        width: 95% !important;
    }
    .pcc-box .service-menu{
        width: 97%;
    }
    .pcc-banner-img {
        padding-top: 105px !important;
    }
    body{
        overflow-x: hidden;
    }
}