/**
Theme Name: suopu
Author: suopu
Author URI: https://www.sp88.com.cn
Description: suopu
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suopu
Template: astra
*/
.w-240 .elementor-button{ width:240px;}
 .ast-theme-transparent-header #masthead {position: inherit;}
.ast-container { max-width: 1560px;}
.site-header .ast-container{max-width:100%}
.main-header-menu .menu-link{ font-size:24px;}
.sub-title .elementor-heading-title{ position:relative}
.sub-title .elementor-heading-title{ display:inline-block; position:relative; padding:8px 0 0 34px;}
.sub-title .elementor-heading-title:before{ content:''; background:url(/wp-content/uploads/2025/06/tit-bg.png) no-repeat; position:absolute; left:0; top:0;display: block;width: 43px;height: 32px;}
.sub-jb-title .elementor-heading-title{ background: linear-gradient(to bottom, #0D75F8, #71B2FD); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; }
.target-box-card .elementor-image-box-img{width:107px;height:107px; background:#F5F5FA; border:4px solid #fff; border-radius:50%;box-shadow: 0px 4px 4px 0px #ADCCFF33; display:flex; justify-content:center; align-items:center;margin: 0 auto !important;margin-top: -54px !important;margin-bottom: 20px !important;}
.target-box-card .elementor-image-box-img img{width:80px;height:80px; padding:7px}

.target-box-card .elementor-image-box-description{ text-align:left}
.target-box-card .elementor-image-box-description p{ margin:0}
.service-card-item,.function-item{ position: relative; transition: transform 0.3s; cursor:pointer}
.service-card-item .service-txt,.function-item-info .desc{display: none;}
.service-card-item .service-txt strong{ font-size:20px;}
.service-card-item .service-txt p{line-height: 2.2;}
.service-card-item:hover .service-txt,.function-item:hover .desc{ display: block; }
.service-card-item:hover .service-title .elementor-heading-title,.service-card-item:hover .service-img .elementor-widget-container,.function-item:hover .title .elementor-heading-title,.function-item:hover .img .elementor-widget-container{ text-align:left;}
.service-card-item:hover .service-card-info{ position:absolute; left:0; top:0; width:100%;z-index:10; min-height:625px;}
.function-item-info{ padding:19px 5px!important}
.service-row02 .service-card-item:hover .service-card-info{ top:auto; bottom:0;}
.function-item:hover .function-item-info{position:absolute; left:0; top:0; width:340px;z-index:10; min-height:460px; padding:30px!important}
.function-row02 .function-item:hover .function-item-info{ top:-160px;}
.function-row03 .function-item:hover .function-item-info{ top:auto; bottom:0}
.function-row .function-item:last-child:hover .function-item-info{ left:auto; right:0}
.function-item .img .elementor-widget-container{ height:61px;}

.partner-section{ position:relative}
.partner-section .top-img{ position:absolute; right:0; top:0;z-index:2}
.foot-contact-txt p{ margin:0}
.main-header-menu>.menu-item>a{ display:block; position:relative}
.main-header-menu>.menu-item>a:after {
    content: '';
    position: absolute;
    left: calc(50% - 26px);
    bottom: -10px;
    width: 52px;
    height: 4px;
    background: linear-gradient(to right, #0D75F8, #40C2ED);
    transform: scaleX(0);
    transition: transform 0.3s ease; border-radius:4px;}
.main-header-menu>.menu-item:hover>a:after,.main-header-menu>.menu-item.current-menu-item>a:after{ transform: scaleX(1);}
.f-32{ font-size:32px; color:#388FFB}
.blue-li ul,.blue-li li{ margin:0; padding:0; list-style:none}
.blue-li li{ position:relative; padding-left:20px; margin-bottom:10px;}
.blue-li li:before{ content:''; width:8px; height:8px; border-radius:50%; background:#B8D2F2; display:block; position:absolute; left:0; top:50%;transform: translateY(-50%)}
.ast-grid-right-section.site-header-primary-section-right {justify-content: center;}
.advantage-box-card .elementor-heading-title{ background:url(/wp-content/uploads/2025/06/title-bg.png) left center no-repeat; height:44px; padding: 12px 0 0 30px;}
.ul-txt ul,.ul-txt li{ padding:0; margin:0}
.ul-txt li{ margin-left:1em}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{ padding:30px 0}
.main-header-menu .sub-menu .menu-link {font-size: 18px;}
.ast-builder-menu-1 .sub-menu{ border-color:#0D75F8}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {text-decoration:none;}


@media screen and (min-width: 1707px) {
	.banner-info{padding-left: 150px!important; padding-right:150px!important}	
}
@media screen and (min-width: 1680px) {
	.banner-info{padding-left: 150px!important; padding-right:150px!important}	
}
@media screen and (max-width:1440px){
	.banner-info{padding-left: 80px!important; padding-right:80px!important}	
	.e-con>.e-con-inner{ padding-left:50px!important; padding-right:50px!important}
	.business-item .business-txt{ padding:30px!important}
.business-item .business-txt .elementor-heading-title{font-size: 28px!important;}
}
@media screen and (max-width:480px){
.e-con>.e-con-inner{ padding-left:20px!important; padding-right:20px!important}	
	.banner-info{padding-left: 30px!important; padding-right:30px!important}
	.w-240 .elementor-button{ width:180px;}
	.sub-title .elementor-heading-title{padding: 8px 0 0 40px;}
	.foot-top-section .elementor-menu-toggle{ margin-top:-45px;}
	[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { fill:#0D75F8; width:30px; height:30px}
	.main-header-menu .menu-link{ line-height:2}
	.function-item:hover .function-item-info,.service-card-item:hover .service-card-info{ position:inherit; width:100%; min-height:inherit!important; padding:19px 5px !important;!important}
.service-card-item .service-txt,.function-item .desc{ display: none!important; }
	.service-card-item:hover .service-title .elementor-heading-title,.service-card-item:hover .service-img .elementor-widget-container,.function-item:hover .title .elementor-heading-title,.function-item:hover .img .elementor-widget-container{ text-align:center;}
}