/**
Theme Name: suopu2020
Author: Suopu
Author URI: http://www.sp88.com.cn
Description: 索普定制企业和电商网站主题
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: suopu2020
Template: astra
*/
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


body,.elementor-widget-text-editor,.ast-archive-description .ast-archive-title,.elementor-post__badge,.elementor-icon-box-title,.elementor-portfolio-item__title,.elementor-widget-posts .elementor-post__excerpt p,.secondary .widget-title,.secondary .widget > *:not(.widget-title),.elementor-widget-posts .elementor-pagination,.ast-single-post .entry-title, .page-title,button, input, select, textarea, .ast-button, .ast-custom-button,.elementor-widget-icon-box .elementor-icon-box-description{font-family: "Microsoft Yahei"!important;}
.elementor-heading-title,h2.widget-title,.elementor-widget-posts .elementor-post__title a{ font-family: "Microsoft Yahei"!important;}
a{ color:#333}
a:hover{ color:#005BAA}
p{ margin-bottom:24px;}
.pad-30{ padding:30px!important}
.pad-50{ padding:50px 0!important}
.pad-70{ padding:70px 0!important}
.pad-t-30{ padding-top:30px!important}
.pad-b-30{ padding-bottom:30px!important}
.pad-b-70{ padding-bottom:70px!important}
.pad-b-50{ padding-bottom:50px!important}
.pad-t-70{ padding-top:70px!important}
.pad-t-20{ padding-top:20px!important}
.pad-t-0{ padding-top:0!important}
.pad-10{ padding:0 10px!important}
ol,ul,li{list-style-type: none; padding:0; margin:0}
dd{ margin:0} 
em, i { font-style: normal;}
.clearfix:after {
 content: ".";
 display: block;
 height: 0px;
 font-size:0px;
 clear: both;
 visibility: hidden;
}
.pull-right,.fr{ float:right}
.fl {
    float: left;
}
.full-img img{ width:100%; display:block}
.full-img.elementor-widget-image a{ display:block}
.d-flex {display: -ms-flexbox!important;display: flex!important;}
.flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important;}
.home-banner .elementor-slide-description{display: inline-block;
    text-align: left;
    vertical-align: middle;padding: 25px;background: rgba(255,255,255,0.9);
    border-bottom: 5px solid #2b3990;
    border-top: 5px solid #2b3990; font-size:42px!important;color: #333;}
.home-banner .elementor-slide-description p{ margin-bottom:10px;line-height: 2em;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    word-break: break-all;
    word-wrap: word-break;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;}
.home-banner .elementor-slide-description .em {font-size: 60px;color: #005baa; font-weight:bold}
.home-banner .swiper-slide-contents{ padding-left:18%}
.home-forms-section02:before{ content:''; position:absolute; left:0; top:0; height:100%; width:50%; background:#fff; display:block;}
.home-forms-section02{border-bottom: 1px solid #c2c2c2;}
.eicon-play:before{content: "\e89d";font-family: eicons;}
.home-section02 .elementor-image-box-img img{ width:70px; height:70px;}
.home-section02 .elementor-image-box-description{ line-height:1.3}
.home-section02 .right-section>.elementor-widget-wrap{padding: 10px 20px;border-left: 5px solid #eee;}
.home-section03 .text-section .elementor-heading-title{ padding:0 50px; position:relative; display:inline-block}
.home-section03 .text-section .elementor-heading-title b{ font-size:22px;}
.home-section03 .text-section .elementor-heading-title:before{content: "\f10d";font-family: "Font Awesome 5 Pro"; position:absolute; left:0; top:0;font-size: 14px;}
.home-section03 .text-section .elementor-heading-title:after{content: "\f10e";font-family: "Font Awesome 5 Pro"; position:absolute; right:0; bottom:0;font-size: 14px;}
.site-above-footer-wrap[data-section="section-above-footer-builder"],.site-below-footer-wrap[data-section="section-below-footer-builder"]{ background:#fff!important}
.site-below-footer-wrap[data-section="section-below-footer-builder"]{padding: 23px 0;border-top: 1px solid #005baa;}
.foot-bottom-section h2{color:#005baa; font-size:40px; font-weight:bold; padding-bottom:20px}
.foot-bottom-section h3{font-size:16px;color:#005baa;font-weight:bold;padding-bottom:20px}
.foot-bottom-section h4{color:#F7941D; font-size:30px}
.foot-logo{ padding-bottom:10px;}
.foot-left{color: #2b3990;
    font-weight: 700;
    letter-spacing: 1px; line-height:2}
.foot-left a{color: #2b3990;}
.foot-left a:hover,.contact-txt a:hover{ text-decoration: underline;}
.foot-img img{ padding:0 5px}
.foot-right .img{float:left; padding-right:15px}
.foot-right img{width: 25px;height: 25px; }
.foot-right{ padding-top:110px; text-align:left;font-size:26px; font-weight:bold}
.foot-right .title{color:#2b3990; min-width:135px; float:left;padding-right:15px }
.foot-right .num{color:#7f7f7f}
.sp-breadcrumbs{ display:none!important}
.ast-primary-header-bar{ border-color:#005baa!important}
.about-section{ font-size:18px;color: #7f7f7f;}
.f-22{ font-size:22px!important;}
.txt-red{ color:#ff0000!important}
.about-section p{ margin-bottom:15px;}
.site-footer{border-top: 2px solid #005baa;}
.contact-section h2.elementor-heading-title,.default-page-section h2.elementor-heading-title{padding-bottom: 17px;border-bottom:1px solid #00a1e4;}
.contact-txt{ font-size:18px;}
.contact-txt p{ margin:0}
.contact-txt .desc{color: #005baa;}
.contact-txt .desc b{ font-weight:normal; padding-left:48px;}
.contact-txt a{color:#005baa}
.contact-con .elementor-widget:not(:last-child) {margin-bottom: 10px;}
.elementor-widget-text-editor{ color:#333!important}
.entry-content p {margin-bottom: 15px;}
.car-loan-section01 .elementor-image-box-img img{ width:80px; height:80px;}
.car-loan-section02 .text-section .elementor-widget:not(:last-child),.car-loan-section02 .text-section p,.sub-txt-section .elementor-widget:not(:last-child),.sub-txt-section p{ margin-bottom:10px;}
.car-loan-section02 .text-section p,.sub-txt-section p{color: #7f7f7f;line-height: 32px; font-size: 18px;}
.car-loan-section02 .img-section img{ width:120px; height:120px}
.property-loan-section .left-section img{ width:70px; height:70px;}
.merchant-forms div.wpforms-container-full .wpforms-form .wpforms-title{ text-align:center; font-size:18px;}
.merchant-section{ width:50%; margin:0 auto;}
.merchant-section .wpforms-field-label-inline a{color: #00f;}
.merchant-section .wpforms-field-label-inline a:hover{ text-decoration:underline}
.merchant-forms .wpforms-submit {background: #fff!important;
    color: #2b3990!important;
    border: 3px solid #2b3990!important;width: 175px!important; display: inline-block;
    font-size: 18px!important; height:44px!important; text-align:center}
.merchant-forms .wpforms-submit:hover{ background:#2b3990!important; color:#fff!important}
.merchant-forms .wpforms-submit-container{ text-align:center}
.label-forms{ font-size:16px;}
.label-forms .wpforms-field{ display:flex}
.label-forms .wpforms-field label,.wy-loan-calculator label{ min-width:150px;color: #2b3990;font-size: 20px; margin-bottom:0!important; line-height:38px!important}
.merchant-section .desc{color: #7f7f7f!important;}
div.wpforms-container-full .wpforms-form .wpforms-field-label{ font-size:18px;}
.label-forms div.wpforms-container-full .wpforms-datepicker-wrap{ width:100%}
.ast-separate-container{ background:#fff}
.ast-archive-description{ background:none!important; text-align:center;  padding:0!important;}
.ast-archive-description .ast-archive-title{ font-size: 24px!important;color: #005baa!important;font-weight:bold; line-height: 43px!important;}
.category .type-post h2.entry-title{font-size: 20px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;}
.category .type-post h2.entry-title a{color: #7f7f7f;}
.category .type-post:hover h2.entry-title a{color: #005baa;}
.ast-blog-featured-section{ margin-bottom:10px}
.entry-meta *{font-size: 20px;line-height: 36px;color: #005baa;}
.category .entry-meta *{color: #7f7f7f;}
.category .post-thumb-img-content{min-height:355px;display: flex;align-items: center; background:#eee; border:1px solid #eee}
.category .type-post:hover .post-thumb-img-content{ border-color:#005baa}
.category .type-post .entry-header{ text-align:center}
.category .type-post .entry-content,.single-post #primary h1.post-title{ display:none}
.category.ast-separate-container .ast-article-post{ border-bottom:0!important}
.ast-pagination .next.page-numbers,.ast-pagination .prev.page-numbers{float: none;display: inline-block;}
.ast-separate-container .ast-article-single{ padding:0}
.single-post .site-main{ display:flex}
.single-post .site-main>.type-post{width: 75%; float:left; padding:0 15px;}
.single-post.ast-separate-container .ast-single-related-posts-container{  margin:0;width: 25%; padding:0 15px;}
.single-post .type-post .post-thumb-img-content img{ width:100%}
.single .entry-header{ margin-bottom:15px;}
.single-post .entry-content {color: #7f7f7f;font-size: 20px;}
.single-post .entry-content p{ margin-bottom:5px}
.ast-single-related-posts-container h2.ast-related-posts-title{color: #005baa;
font-size: 20px;
font-weight: 400;
line-height: 36px;
padding-bottom: 4px;
margin-bottom: 9px;
border-bottom: 1px solid #00a1e4; font-weight:bold}
.ast-single-related-posts-container .ast-related-post{ padding:0}
.ast-single-related-posts-container h3.ast-related-post-title:before { content: "- ";}
.ast-single-related-posts-container h3.ast-related-post-title a{color: #7f7f7f; line-height:28px!important;}
.ast-related-posts-wrapper{grid-row-gap: 0px;}
.ast-related-post-content .entry-header{ margin:0!important}
.ast-single-related-posts-container h3.ast-related-post-title a:hover{color: #005baa;}
.category.category-21 .type-post h2.entry-title,.category.category-23 .type-post h2.entry-title{-webkit-line-clamp: 1; height:30px}
.category.category-23 .ast-blog-featured-section,.category.category-23 .entry-meta{ display:none}
.category.category-23 .type-post .entry-header{ text-align:left}
.category.category-23 .type-post h2.entry-title{ font-size:1.2em}
.category.category-23 .type-post h2.entry-title a{color: #00f;}
.category.category-23 .type-post h2.entry-title a:hover{ text-decoration:underline}
.category.category-23.ast-separate-container .ast-grid-3 .blog-layout-1{ padding:0 15px}
.category-hezuoshanghu .ast-single-post-order{ display:none}
.main-header-menu .sub-menu{ width:140px;}
.main-header-menu .sub-menu .menu-link{padding: 10px 1em;}
.main-header-menu .sub-menu .menu-item:hover,.main-header-menu>.menu-item:hover{ background:#eee}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{ line-height:40px;}
.main-header-menu>.menu-item.current_page_item>a{color: #005baa;}
.main-header-menu .sub-menu .menu-item.current_page_item{background:#eee;color: #005baa;}
.home-forms-section01 .loan-calculator-bar label{ color:#fff}
.home-forms-section01 input[type=number],.home-forms-section01 select{ padding:5px 10px}
.home-forms-section01 .repay-bar label{ color: #2b3990; font-size:16px;}
.home-forms-section01 .repay-bar span{ font-weight:bold;margin-left: 10px; font-size:18px;color: #2b3990;}
.home-forms-section01 .loan-calculator-bar{ position:relative; z-index:30;}
.home-forms-section01 .calc-bar{ position:absolute; left:0; bottom:-62px; width:50%; text-align:center; font-weight:bold}
.wy-loan-calculator label{ font-size:18px; font-weight:bold; min-width:200px}
.required{color: #ff0000!important;font-weight: 400;}
.wy-loan-calculator div.item,.wy-loan-calculator .item-last{padding: 10px 0;display: flex;clear: both;}
.wy-loan-calculator select{ width:100%}
.wy-loan-calculator input[type=text],.wy-loan-calculator #monthly_payment{ width:100%}
.wy-loan-calculator input[type=text],.wy-loan-calculator select{ background:none;padding: 5px 10px;height: 38px;}
.wy-loan-calculator .btn-wrapper{ font-weight:bold; padding:10px 0 10px 200px; }
.wy-loan-calculator .btn-wrapper button{font-size:18px;}
.wy-loan-calculator #monthly_payment{ text-align:center;border: 1px solid #005baa;color: #005baa; line-height:38px; font-size:18px; font-weight:bold}



@media screen and (max-width:480px){
.ast-site-title-wrap{ display:none}
header .custom-logo-link img { max-width: 300px!important;}
.home-forms-section02:before{ display:none}
.home-section01 .elementor-custom-embed-play i{font-size:70px!important;}
.home-section02{ padding-top:0!important}
.home-section02 .elementor-image-box-img{ width:85px!important; float:right;}
.home-section02 .elementor-image-box-img img{ float:right}
.home-section02  .elementor-image-box-content{ width:calc( 100% - 85px); float:left}
.home-section02 .icon-section>.elementor-container>.elementor-column{border-bottom: 1px solid #005baa; padding:15px 0 20px 0}
.home-section02 .elementor-widget-image-box{ width:85%; margin:0 auto;}
.home-section02>.elementor-container>.elementor-column>.elementor-widget-wrap{ padding:0}
.home-section02>.elementor-container>.elementor-column.right-section>.elementor-widget-wrap{ padding:15px}
.home-section02>.elementor-container>.elementor-column.right-section{ padding:15px;}
.home-section02-btn{ padding-bottom:15px!important}
.home-banner .swiper-slide-contents{ padding-left:0; max-width:100%!important;animation-name: none;animation-duration: inherit;}
.home-banner .elementor-slide-description{ font-size:22px!important; letter-spacing:0!important; width:100%; margin-bottom:0!important;padding: 10px 15px;}
.home-banner .elementor-slide-description .em{ font-size:26px!important}
.home-banner .elementor-slide-description p{ text-align:center;text-align-last: center;}
.home-banner .elementor-slides .swiper-slide-inner{ padding:0; width:100%;display: block;}
.home-banner .swiper-slide{height: 270px!important; margin-bottom:138px;overflow: inherit;}
.home-banner .elementor-slide-description{ position:absolute; left:0; bottom:-138px;}
.home-banner .swiper-slide-bg{background-position:33% center;}
.home-banner .elementor-repeater-item-6c3ffe2 .swiper-slide-bg{background-position:50% center;background-size: cover!important;}
.foot-right{ padding:0 0 0 10%}
.foot-bottom-section h2{font-size: 28px;}
.foot-bottom-section h3{ font-size:14px;}
.foot-bottom-section h4{ font-size:24px;}
.sub-banner .elementor-container{ min-height:140px!important}
.pad-50 {padding: 20px 0!important;}
.about-section{ font-size:16px;}
.property-loan-section .left-section .elementor-image-box-wrapper{ display:flex;align-items: center;}
.merchant-section{ width:100%;}
.merchant-banner .elementor-container {min-height: 150px!important;}
.label-forms .wpforms-field{ display:block}
div.wpforms-container-full .wpforms-form .wpforms-field-label{ font-size:16px;}
.single-post .site-main>.type-post,.single-post.ast-separate-container .ast-single-related-posts-container{ width:100%; float:none}
.single-post .site-main{ display:block}
.single-post.ast-separate-container .ast-single-related-posts-container{ padding-top:30px!important;}
.single-post .entry-content,.ast-single-related-posts-container h3.ast-related-post-title a{ font-size:16px!important;}
.home-forms-section01 .inputs-bar{ text-align:center}
.home-forms-section01 .inputs-bar div{ padding:10px 0;}
.home-forms-section01 .calc-bar{position: static; background:#fff; width:100%; height:56px; line-height:56px}
.home-forms-section01>.elementor-container>.elementor-column>.elementor-element-populated{ padding:0}
.home-forms-section01 .loan-calculator-bar>.row{ margin:0}
.wy-loan-calculator div.item, .wy-loan-calculator .item-last{ display:block}
.wy-loan-calculator .btn-wrapper{ padding:10px 0}
.wy-loan-calculator .btn-wrapper button{ width:100%}
.ast-scroll-to-top-right {right: 10px; bottom: 15px;}
}