/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.12
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

.xianxian {
    display: flex;
    justify-content: left;
    gap: 0px; /* 两条线之间的间距 */
}

.xianxian span {
    display: block;
    height: 6px;
    width: 40px;
}

.x1 {
    background-color: #ff6000; /* 紫色 */
}

.x2 {
    background-color: #1f2186; /* 黑色 */
}
.mytxtbox{height:100%;}
.mytxtbox .text-box-content,.mytxtbox .text-inner,.mytxtbox .stack{height:100%;}

.mytxtbox .button{max-width: 70%;}
.mytxtbox .text-inner .text a{display:block;}
.mytxtbox .text-inner .text a:hover{background-color:rgba(255,255,255,0.2);}
.mytxtbox .text-inner .text:first-child h3{padding:0 30px;}

.mytxtbox .text-inner .text a{padding:6px 30px;}
.mytxtbox .text-inner .button{margin-left: 30px !important;}

.yihang p{display:flex;    justify-content: space-between; gap:12px;}
.yihang p span{width:100%;}
.lianxi input{background-color:rgba(255,255,255,0.2);border:none; padding-top:26px;padding-bottom:26px;color:#fff;}
.lianxi textarea{background-color:rgba(255,255,255,0.2);border:none; color:#fff;}
.lianxi input::placeholder{color: #fff; }
.lianxi textarea::placeholder{color: #fff; }
.lianxi input.wpcf7-submit{background-color:#1232b6; padding:9px; width:100%;}
.nav>li.header-search-form{display:none;}
.stuck .header-search{display:none;}
.stuck .nav>li.header-search-form{display:inline-block;}

.myzicion {align-items: start;}
.myzicion .icon-box-img{width: 17px !important;}
.banner .myzicion p{margin-top: 0;}
.myzicion_title {align-items: anchor-center;}
.banner .myzicion_title h1,.banner .myzicion_title h2,.banner .myzicion_title h3,.banner .myzicion_title h4{ margin-top:0; }

.myzicion_home{align-items: start;}
.myzicion_home .icon-box-img img{padding-top: 0;    width: 17px; margin-top: -4px;}
.myzicion_home .icon-box-text{padding-left: 8px !important;}

.mykustkeft{position: absolute; left: 20px; top: 50%;z-index: 100;transform: translateY(-50%); overflow: inherit; transition: all 0.3s ease;}

.denggao .col .col-inner{height: 100%;}
.zidingyicss input.wpcf7-text{height: 56px; box-shadow:inset 0 1px 2px rgba(0,0,0,.06);}
.zidingyicss p{line-height: 48px;}
.zidingyicss input.button{background-color: var(--fs-color-secondary);padding: 7px 6%;}
.mygap{margin-top: 8px;}
.news_home_h{padding-top: 45% !important;}
.mimynavpre{display: flex;}
.mimynavpre .button{background-color: #f3f5f9;}
.mimynavpre .button:hover{background-color: var(--fs-color-secondary);}
.mimynavpre .button:hover a{color: #fff;}
.navigation-post{border-top: 1px solid #f3f5f9;padding-top: 5%;}
.blog-single .widget_block li>div{float: left;margin-right: 1em;}
.blog-single .widget_block li>a{display: inherit;padding: 0;}
.blog-single .widget_block li{border-top:none;padding-bottom: 20px;}
.blog-single .widget_block li:after{display: table;clear: both;content: '';}
.newntop{margin-top: -30px;}
.footer-primary.pull-left{float: none;}
.icon-box-left .icon-box-img{max-width: 500px;}
.icon-wechat{background: url('./assets/img/wechat.svg') center center;width: 27px; height: 27px; background-size: cover;}
.myhide{display: none;}
.huitongbu .accordion-item-title{background-color: #ececec;}
.nav-dropdown-has-shadow .nav-dropdown{ box-shadow: 1px 3px 5px rgba(0, 0, 0, .1); border-top: 1px solid #f0f0f0;}
.mycontainer{padding-left: 15px !important; padding-right: 15px !important;}
.no_bottom{margin-bottom:0px !important;}
.gundong {overflow: hidden;}
.gundong .col-inner{white-space: nowrap; overflow-x: auto;}
.teshuli .menu-item{ border-bottom:1px solid #f0f0f0; }
.teshuli .nav-dropdown{padding: 3px 0 !important;}
.myactive a{color: #292929;  background: #e7e7e7;}
.copyright-footer>section.section{padding: 0 !important;}
.custom-accordion-menu .zhankai{display: none;}
.mykustkeft .zhankai{transition: all 0.3s ease;position: absolute;right: -28px;top: 46%;font-size: 45px; cursor: pointer; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);background-color: #999999; border-top-right-radius: 7px; border-bottom-right-radius: 7px; padding: 6px;}
.mykustkeft .zhankai:hover{background-color: #516985; color: #fff;}
.tesubab .nav-pills>li.active>a{background-color:#fff; color:#1d2087;}
.tesubab .nav-pills>li>a{padding:4px 30px; border:1px solid #fff;border-radius:0;}
.tesubab .nav-pills>li{margin-right:2%;}
.dididsb{ position: absolute;top:0;bottom: 0;width: 52% !important; z-index: 100;height: 100%; margin-top:0 !important; overflow-y:auto;}
.dididsb>.col{padding-bottom:0;}
.dididsb .stack,.dididsb .col-inner{height:100%;}
.dididsb .text h2{padding-left:30px;}
.dididsb .text p>a{padding:6px 30px;display:inline-block;width:100%;}
.dididsb .text p>a:hover{background-color:rgba(255,255,255,0.2);}
.dididsb .button{margin-left:30px !important; margin-right:30px !important;}


@media (max-width:1200px) {
    .mykustkeft{left: -190px;}
    .mykustkeft .zhankai{display: block;}
    .mykustkeft.open{left: 20px; }
    .mykustkeft.open .zhankai{transform: rotate(180deg);border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
}
/* 文章列表页第一个文章项占2个宽度 */
.blog .row .first-post-large {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/* 针对3列布局 */
.blog .row.large-columns-3 .first-post-large {
    width: 66.666% !important;
    flex: 0 0 66.666% !important;
    max-width: 66.666% !important;
}

/* 针对2列布局 */
.blog .row.large-columns-2 .first-post-large {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* 针对5列或更多列布局 */
.blog .row.large-columns-5 .first-post-large,
.blog .row.large-columns-6 .first-post-large {
    width: 40% !important;
    flex: 0 0 40% !important;
    max-width: 40% !important;
}
@media (max-width: 1540px) {
    .mycontainer{padding-left: 15px !important; padding-right: 15px !important;}
}

/* 在移动端保持正常宽度 */
@media (max-width: 768px) {
    .blog .row .first-post-large {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	.dididsb{width:70% !important;}
}

/* 在平板端调整 */
@media (max-width: 1024px) and (min-width: 769px) {
    .blog .row .first-post-large {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .blog .row.medium-columns-2 .first-post-large {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 1350px) {
	.header-wrapper{zoom:0.95}
}
@media (max-width: 1230px) {
	.header-wrapper{zoom:0.92}
}
@media (max-width: 1200px) {
	.header-wrapper{zoom:0.88}
}