/*
Theme Name: Bauforce 官网
Author: Bauforce
Description: 最后一次更新2025年7月
Version: 2.0
*/
body{color: #1A1A18;font-weight:300;font-family:"MiSans","PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Helvetica Neue", sans-serif;}
.bg-bauforce-dark{background-color: #101820;}
.bg-bauforce-light{background-color: #FAFAFA;}
.bg-bauforce-btn{background-color: #11516d; color: #FFF;}
.bg-bauforce-submit-btn{background-color: #101820; color: #FFF;}
.navbar{padding-top:0.5625rem;padding-bottom:0.5625rem;}
.navbar-brand{padding-top:0.3125rem;padding-bottom: 0.3125rem;}
.navbar-brand a{display: block;width:7.3125rem;height:2.5rem;}
.navbar-brand img{width:100%;height:100%;}
.navbar-nav{font-size:0.875rem;font-weight:300;}
.navbar-toggler:focus{box-shadow:none;}
.nav-item{padding:0 1.25rem;}
.nav-item:last-child{padding-right:0 !important}
.nav-link{color: #FFF;padding:0 !important;line-height:1.9375rem;}
.nav-link.active{color: #FFF !important;border-bottom: 1px solid #FFF;}
.nav-link:hover{color: #FFF;border-bottom: 1px solid #FFF;}
.navbar-toggler-icon{background-image: url('data:image/svg+xml,') !important;}
.navbar-toggler-close{width:1.5em;height:1.5em;background-image: url('data:image/svg+xml,') !important;}
/* 顶部菜单栏结束 */
.home-bannner{margin-top:4.25rem;}
.home-bannner img{width:100%;filter: opacity(40%);}
.banner{background: url(images/banner-bg.png) no-repeat center center;}
.banner .h2{font-size:4rem;font-weight:700;}
/* 首页banner结束 */
.headline-title .display-3{font-size:3.5rem;line-height:5.625rem;font-weight:700;color:#101820;padding-top:5rem;margin-bottom:0;}
.headline-title .h5{font-size:1.125rem;line-height:1.875rem;font-weight:300;color:#101820;margin-bottom:0;margin-top:0.25rem;}
.headline-title .h5 strong{font-weight:500;}
.home-case-row{margin-left:-1.25rem;margin-right:-1.25rem;}
.home-case-row .home-case-box{padding-left:1.25rem;padding-right:1.25rem;padding-top:3.75rem;padding-bottom:5rem;overflow: hidden;}
.home-case-row .home-case-box h5{font-size:1.5rem;line-height:3rem;font-weight:600;margin-top:1.25rem;}
.home-case-row .home-case-box h5 a{color:#101820;text-decoration:none;}
.home-case-row .home-case-box p{font-size:1rem;line-height:2rem;font-weight:300;padding-top:0.625rem;margin-bottom:0;}
.home-case-row .home-case-box p:last-child{color:#72767a;}
.home-case-row .home-case-img img{width:100%;}
/* 首页产品和服务结束 */
.home-case{padding-top:3.75rem;padding-bottom:5rem;margin-left:-3.75rem;margin-right:-3.75rem;overflow: hidden;}
.home-case .col-12{padding-left:3.75rem;padding-right:3.75rem;}
.home-case .home-case-img{display: inline-block;}
.home-case .home-case-img img{width:100%;}
.home-case-title {padding:0 3.75rem;}
.home-case-title p{font-weight:300;font-size:1.25rem;line-height:1.875rem;margin-bottom:1.25rem;}
.home-case-title .badge{font-weight:300;font-size:0.875rem;padding:8px 12px;border-radius:0.25rem;color:#FFF;margin-right:0.5rem;background-color:#11516d;}
.home-case-title h3{font-size:2rem;line-height: 3.375rem;font-weight:600;}
.home-case-title h3 a{color:#101820;text-decoration:none;}
.home-case-title .btn{margin-top:3.75rem;font-size:1rem;padding:1rem 2rem;font-weight:600;background-color:#f1f1f1;line-height: 1rem;display: inline-flex;align-items: center;justify-content: center;}
.home-case-title .btn:hover{background-color: #101820;color: #FFF;}
.home-case-title .btn svg{margin-left:0.375rem;}
/* 首页案例结束 */
.brand-box{padding-top:1.25rem;padding-bottom:5rem;background: url(images/brand/brand-bg.png) no-repeat center 2rem;}
.brandSwiper{margin-top:2.5rem;}
.brandSwiper .swiper-wrapper{transition-timing-function:linear;}
/* 首页品牌结束 */
.footer{padding-top:5rem;padding-bottom:5rem;font-size:1rem;line-height:1.5rem;font-weight:300;}
.footer h6{font-size:1.5rem;font-weight:600;line-height:2.25rem;margin-bottom:1.25rem;}
.footer-icon-item{text-decoration:none;font-weight:500;color:#101820;line-height:1.5rem;margin-left:1.25rem;margin-right:1.25rem;}
.footer-icon-item:first-child{margin-left:2.5rem;}
.footer-icon-item svg{margin-right:0.25rem;}
.footer .footer-text{display:none;padding-bottom:1.25rem;}
.footer h6.core{padding-top:2.5rem;}
.solgen{font-size:0.875rem;}
.solgen strong{font-size:1.125rem;font-weight:600;line-height: 1.6875rem;padding-bottom:0.625rem;}
.copyright{padding-top:1.875rem;padding-bottom:1.875rem;font-size:0.875rem;line-height:1.3125rem;font-weight:300;}
.copyright a{padding-left:0.625rem;padding-right:0.625rem;color:#101820;text-decoration:none;}
.copyright .text-lg-end{padding-right:1.25rem;}
.copyright .text-lg-start{padding-right:0.625rem;}
/* 底部结束 */
.popover-body{text-align:center;}
/* 弹窗结束 */
.contact-content .display-3{font-size:4rem;font-weight:700;line-height:6rem;margin-bottom:1.25rem;}
.contact-content .h5{font-size:1.5rem;font-weight:300;line-height:2.25rem;margin-bottom:0;}
.contact-content .btn{font-size:1.5rem;font-weight:600;line-height:2.25rem;padding:0.75rem 3.5rem;margin-top:3.75rem;background-color:#f1f1f1;}
.contact-content .btn:hover{background-color: #101820;color: #FFF;}
.contact-content .btn svg{margin-left:0.5rem;}
.contact{margin-top:3.75rem;}
.contact .col-lg-8 img{width:100%;}
.contact-box{width:100%;}
.contact-item-top{font-size:3rem;font-weight:700;line-height:3.5rem;padding-bottom:1.25rem;}
.contact-item-top::before {content: '';position: absolute;bottom:0;left:50%;display: block;transform: translate(-50%, -50%) ;width:160px;border-top:1px solid #101820;}
.contact-item-address{font-size:1.5rem;font-weight:500;line-height:2rem;padding-top:1.25rem;}
.contact-item-tel{font-size:2rem;font-weight:500;line-height:3rem;padding-top:1rem;margin-bottom:1rem;}
.contact-item-tel svg{margin-right:0.625rem;}
.contact-item-bottom span{display:inline-block;width:5rem;height:5rem;border-radius:50%;color: #fff;background-color:#1A1A18;line-height:5rem;}
.contact:last-child{padding-bottom:5rem;}
/* 联系我们结束 */
.about-container{margin-top:4.25rem;background: url(images/about.png) no-repeat center top;background-size:cover;}
.about .about-title .display-5{font-size:4rem;font-weight:700;line-height:6rem;padding-top:7.5rem;}
.about .about-title .h6{font-size:1.5rem;font-weight:300;line-height:2.25rem;padding-top:1.25rem;padding-bottom:3.75rem;}
.about-banner-bg{padding-bottom:7.5rem;}
.about-banner-bg img{width:100%;}
.team{margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:5rem;overflow: hidden;}
.team .col-md-6{padding-left:1.25rem;padding-right:1.25rem;}
.team-item{background-color:#11516d;margin-top:3.75rem;}
.team-top{margin:0;background:#101820 url(images/team/team-top.png) no-repeat right center;}
.team-top .col-6{padding-left:0;padding-right:0;}
.team-top img{width:100%;}
.team-top .h3{font-weight:700;color:#FFF;font-size:1.5rem;}
.team-bottom{min-height:388px;padding:2.5rem 1.875rem;}
.team-bottom .h4{font-weight:500;font-size:1.5rem;line-height:2.25rem;margin-bottom:1.25rem;}
.team-item-content p{font-size:1rem;font-weight:300;line-height:1.75rem;margin-bottom:0;}
.team-item-content p:first-child{line-height:2rem;margin-bottom:1rem;}
.team-item-content p strong{font-weight:500;}
.team-bg{background:#101820 url(images/team/team-bg.png) no-repeat center bottom; background-size: cover;}
.team-box{width:1656px;padding-top:2.5rem;padding-bottom:5rem;}
.team-box img{width:100%;}
/* 包豪狮故事页面结束 */
.case-list-top{margin-top:4.25rem;}
.case-list-box{padding:1.875rem 5rem 2.5rem 5rem;background-position:0 10px;background: linear-gradient(to bottom,transparent 0%,rgba(16,24,32) 100%) !important;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);font-size:1.25rem;font-weight:300;line-height:1.8125rem;color:#FFF;}
.case-list-text .badge{font-weight:300;font-size:0.875rem;padding:4px 12px;border-radius:0.25rem;color:#FFF;margin-right:0.5rem;line-height:1.3125rem;background-color:#11516d;}
.case-list-text .case-text-title{font-size:2.25rem;font-weight:500;padding-top:1.25rem;line-height:2.6875rem;;}
.case-list-text .case-text-title a{text-decoration: none;color:white;}
.case-list-top .swiper-button-next,.case-list-top .swiper-button-prev{top:50%;margin-top:-1.6875rem;width:3.375rem;height:3.375rem;border-radius:50%;border:1px solid #FFF;color: #fff;background-color: rgba(255,255,255, 0.5);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.case-list-top .swiper-button-prev{left:2.5rem;}
.case-list-top .swiper-button-next{right:2.5rem;}
.case-list-top .swiper-button-prev:after,.case-list-top .swiper-button-next:after{font-size:0 !important;width:100%;height:100%;}
.case-list-top .swiper-button-prev:after{background: url(images/left.svg) no-repeat center center;}
.case-list-top .swiper-button-next:after{background: url(images/right.svg) no-repeat center center;}
.case-list-top .swiper-slide{width:auto;}
.case-list-item img{width:100%;}
.case-list-top .swiper-pagination{bottom:18px;z-index:9999;}
.case-list-top .swiper-pagination span{width:3.75rem;height:0.25rem;border-radius:0 !important;background-color: rgba(255,255,255, 0.2);margin:0 0.25rem;}
.case-list-top .swiper-pagination span.swiper-pagination-bullet-active{background-color: rgba(255,255,255, 0.6);}
/* 案例顶部轮播结束 */
.case-cat-list{padding-top:5rem;padding-bottom:2.5rem;font-size:1.25rem;font-weight:300;line-height: 1.625rem;}
.case-cat-list a{text-decoration: none;color: #575d62;padding-bottom:10px;margin:0 1rem;}
.case-cat-list a.active{border-bottom:1px solid #101820;color: #101820;font-weight:700;}
.case-cat-sub{padding-bottom:1.25rem;font-size:0.8rem;border-top:1px solid #e7e7e8;}
.case-cat-sub .badge{padding:0.5rem 1.5rem;font-size:0.875rem;font-weight:300;background-color:#e5e5e5;line-height:1.1875rem;margin-top:1.875rem;}
.case-cat-sub a{text-decoration: none;color: #101820;margin:0 0.625rem;}
.case-cat-sub a.active,.case-cat-sub a:hover,.case-list-item .badge{background-color:#101820;color: #FFF;}
.case-list-item .col-12{padding-top:2.5rem;padding-left:1.25rem;padding-right:1.25rem;}
.case-list-item{margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:5rem;}
.case-list-item .d-flex{font-size:1.25rem;font-weight: 400;line-height:1.875rem ;padding-top:1.25rem;}
.case-list-item .badge{font-size:0.875rem;font-weight: 300;padding:2px 10px;color:#FFF;line-height:1.3125rem ;margin-right:0.5rem;background-color:#11516d;}
.case-list-item .case-text-title{font-size:1.5rem;line-height:1.8125rem;font-weight:500;padding-top:0.75rem;}
.case-list-item .case-text-title a{text-decoration: none;color: #101820;}
/* 案例列表页结束 */
.case-item-small{padding-bottom:5rem;}
.case-item-left,.case-item-right{padding-top:5rem;}
.case-item-left h1{font-weight:600;font-size:1.5rem;line-height:2.25rem;padding-bottom:1.25rem;margin-bottom:0;}
.case-item-left p{font-size:1rem;font-weight:300;line-height:1.5rem;padding-bottom:1.25rem;margin-bottom:0;}
.case-item-left p strong{font-weight:600;}
.case-item-right img{width:100%;padding-bottom:1rem;margin:0.75rem 0;height:auto !important;}
.case-item-right figcaption{font-size:1rem;padding-bottom:1.5rem;}
.case-item-right p{padding:0.75rem 0;}
.case-item-img{margin-top:4.25rem;}
.case-item-img img{width:100%;}
.case-head h1{font-size:2rem;font-weight:600;line-height:3.375rem;padding-top:5rem;}
.case-head p{font-size:1rem;font-weight:300;line-height:1.5rem;color: #575d62;}
.case-head p span{padding:0 0.5rem;}
.case-content{font-size:1rem;line-height:1.5rem;font-weight:300;padding-bottom:5rem;}
.case-content img{width:100%;margin:0.75rem 0;height:auto !important}
.case-content h2{padding-top: 3.75rem;}
.case-content h3{padding-top:2rem;}
.case-content p{padding:0.75rem 0;}
.case-content video{width:100%;margin:0.75rem 0;}
.case-content .wp-block-columns .wp-block-column{width:450px;}
.case-content .wp-block-gallery,.case-item-right .wp-block-gallery{display: flex;flex-wrap: nowrap;margin-bottom:0 !important;margin-left:-0.75rem !important;margin-right:-0.75rem !important;}
.case-content .wp-block-gallery .wp-block-image,.case-item-right .wp-block-gallery .wp-block-image{flex-grow: 1;flex-basis: 0;margin-bottom:0 !important;padding-left:0.75rem !important;padding-right:0.75rem !important;}
.wp-element-caption{text-align:center;}
.case-content .wp-block-image{margin-bottom:0 !important}
.case-item-right .wp-block-image{margin-bottom:0 !important;}
/* 大小案例结束 */
.join-title{bottom:180px;}
.join-title .display-3{font-size:4rem;font-weight:700;line-height:6rem;}
.join-title .h6{font-size:1.5rem;font-weight:300;line-height:2.25rem;margin-bottom:0;}
.bg-bauforce-join{z-index:9999;background-color: rgba(16,24,32, 0.5);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.join .case-view-title{font-size:1rem;font-weight:300;line-height:1.5rem;}
.join .case-view-content{font-size:3rem;font-weight:700;line-height:5rem;padding-top:0.75rem;}
.join .row{padding:2rem 0;}
.jion-content{margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:5rem;}
.jion-content .col-12{padding-left:1.25rem;padding-right:1.25rem;margin-top:3.75rem;}
.jion-content .jion-box-mark{padding-top:6rem !important;padding-bottom:6rem !important;background:#11516d url(images/jion-content-bg.png) repeat left top;background-size:112%;}
.jion-content .jion-box-mark h3{font-size:2.25rem;font-weight:700;line-height:3.375rem;margin-bottom:1.25rem;}
.jion-content ul{font-size:1.25rem;font-weight:300;list-style:disc;margin-bottom:0;line-height:2.5rem;}
.jion-content ul li{padding:0;}
.bg-bauforce-box{background:#11516d;}
.join-cooperate{width:1120px;margin-top:3.75rem;}
.join-cooperate .join-num{height:288px;}
.join-cooperate .join-num img{width:288px;height:100%;}
.join-cooperate .join-arrow{margin-top:-24px;margin-right:-24px;}
.join-des{padding-top:3.75rem;padding-bottom:5rem;font-size:1.25rem;font-weight:300;line-height:1.875rem;}
.join-how .col-bauforce{margin-top:3.75rem;flex: 0 0 20%;}
.join-how .step-img > img{width:186px;height:186px;}
.join-how .step-arrow{margin-top:-49px;margin-right:-24px;}
.join-how .step-title{font-weight:500;font-size:1.25rem;padding-top:1.25rem;}
.join-step-bottom{padding-top:3.75rem;padding-bottom:5rem;}
.join-step-bottom .jion-step-btn{font-size:2rem;font-weight:600;line-height:3.375rem;padding:1.25rem 5.5rem;background-color:#1A1A18;color: #fff;display: inline-flex;}
.join-step-bottom .jion-step-btn:hover{background-color:#11516d;}
.join-step-bottom svg{margin-left:0.75rem;}
/* 入驻页面结束 */
.form-control::placeholder{color: #a7abb1;}
.form-control::-moz-placeholder{color: #a7abb1;}
.bg-bauforce-submit-btn:hover{background-color: #11516d; color: #FFF;}
#contact .btn,#join .btn{padding:0.5rem 2rem;}
.help-block{color:red;padding-right:0.3rem;}
.modal-header{border-bottom:none;padding-bottom:0px;}
.modal-bauforce-title{font-size:1.6rem;font-weight:700;}
.modal-bauforce-title p{font-size:1rem;font-weight:500;color:#7c7c7c;margin-bottom: 0;}
.modal-dialog{max-width:600px;}
.modal{-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.bauforce-box{border: 1px solid #ccc;}
.bauforce-box .col-form-label{padding-left:0.75rem;padding-right:0.75rem;}
.bauforce-box span{color:red;}
.form-control,.form-select{border:none;}
.form-control:focus,.form-select:focus{box-shadow:none;}
.modal-footer{border-top:none;padding-top:0;padding-bottom:2rem;}
.bauforce-box-file .form-control{border-top: 1px solid #ccc;}
/* 表单 */
@media (min-width: 1800px) {
.container{max-width: 1760px;}
}
@media (max-width:1799.98px) {
.team-box{width:99%;}
.contact-item-top{font-size:2.25rem;line-height:3rem;}
.contact-item-address{font-size:1.25rem;line-height:1.5rem;}
.contact-item-tel{font-size:1.5rem;line-height:1.5rem;}
.contact-item-bottom span{width:4rem;height:4rem;line-height:4rem;}
.team-bottom{min-height:450px;}
}
@media (max-width:1399.98px) {
.banner-bg{height:690px;background:url(images/banner.png) no-repeat center center;background-size:cover;filter: opacity(40%);}
.join-bannner .banner-bg{height:690px;background:url(images/join.png) no-repeat center center;background-size:cover;filter: opacity(40%);}
.home-bannner img{display: none;}
.contact-item-tel{font-size:1.125rem;line-height:1.5rem;padding-top:1rem;margin-bottom:1rem;}
.contact-item-bottom span{width:3rem;height:3rem;line-height:3rem;}
.contact-item-top{padding-bottom:1rem;display:inline-block;width:100%;}
.contact-item-address{padding-top:1rem;}
.contact:last-child{padding-bottom:5rem;}
.team-bottom{min-height:560px;}
.team-box{width:1320px;}
}
@media (max-width:1199.98px) {
.home-case{margin-left:-1.875rem;margin-right:-1.875rem;}
.home-case .col-12{padding-left:1.875rem;padding-right:1.875rem;}
.home-case-title {padding:0 1.875rem;}
.home-case-title p{font-size:1rem;margin-bottom:1rem;}
.home-case-title h3{font-size:1.5rem;line-height:2rem;}
.home-case-title .btn{margin-top:2rem;}
.about .display-5{font-size:2.2rem;}
.about .h6{font-size:1.6rem;}
.team-bottom{min-height:585px;}
.team-box{width:1140px;}
.join-cooperate{width:960px;}
.join-cooperate .join-num{height:250px;}
.join-cooperate .join-num img{width:250px;}
.join-how .step-img > img{width:160px;height:160px;}
.join-how .step-title{font-size:1rem;}
.join-how .col-bauforce{margin-top:2.5rem;flex: 0 0 20%;}
.join-how .step-arrow{width:24px;height:24px;margin-top:-37px;margin-right:-12px;}
.join-how .step-arrow img{width:100%;height:100%;}
.join-step-bottom{padding-top:2.5rem;}
.join-step-bottom .jion-step-btn{font-size:1.5rem;line-height:2.25rem;padding:0.75rem 0 !important;display:flex;}
}
@media (max-width:991.98px) {
.banner-bg{height:auto;background:none;background-size:cover;filter: opacity(100%);}
.join-bannner .banner-bg{height:auto;background:none;background-size:cover;filter: opacity(100%);}
.home-bannner img{display:inline-block;}
.banner .h2{font-size:2.5rem;}
.banner{background-size:75%;}
.headline-title .display-3{font-size:2.25rem;line-height:3.375rem;}
.headline-title .h5{font-size:0.875rem;line-height:1.3125rem;}
.home-case-row{padding-top:2.5rem;}
.home-case-row .order-1{order: 2 !important;}
.home-case-row .order-2{order: 1 !important;}
.home-case-row .home-case-box h5{line-height:2.25rem;}
.home-case-row .home-case-box p{font-size:0.875rem;line-height:1.3125em;}
.home-case-row .home-case-box{padding-top:0;}
.home-case-list{padding-bottom:5rem;}
.home-case{padding-top:2.5rem;padding-bottom:0;}
.home-case .position-absolute{position: static !important;width:100%;display: block !important;}
.home-case-title {padding:0;margin-top:1.25rem;}
.home-case-title p{font-size:0.875rem;}
.home-case-title .badge{font-size:0.75rem;padding:9px 8px;}
.home-case-title h3{font-size:1.5rem;line-height:2.25rem;}
.home-case-title .btn{margin-top:1.25rem;padding:1rem auto;display:flex;}
.home-case .order-1{order: 2 !important;}
.home-case .order-2{order: 1 !important;}
.brandSwiper{margin-top:1.25rem;}
.footer{text-align: center;}
.footer-icon-item{line-height:1.25rem;}
.footer h6.core{padding-top:3.75rem;}
.solgen strong{font-size:1rem;line-height:1.1875rem;}
.copyright{text-align: center;padding-top:1.25rem;padding-bottom:1.25rem;font-size:0.75rem;line-height:1.125rem;}
.copyright .d-flex{display:block !important}
.copyright .text-center{display: inline-block;width:100%;}
.copyright a:first-child{padding-left:0;}
.copyright .text-lg-end{padding-right:1.0;}
.copyright .text-lg-start{padding-left:0;padding-top:0.625rem;}
.contact-content .display-3{font-size:2.5rem;line-height:3.75rem;}
.contact-content .h5{font-size:1rem;line-height:1.5rem;}
.contact-content .btn{font-size:1rem;line-height:1.5rem;padding:0.75rem 2rem;margin-top:2rem;}
.contact-box.position-absolute{position: static !important;transform:translate(0,0) !important;}
.contact .order-1{order: 2 !important;}
.contact .order-2{order: 1 !important;}
.contact-box{margin-top:1.25rem !important;}
.contact .col-lg-8{height:440px;overflow: hidden;}
.contact .col-lg-8 img{width:auto;height:440px;margin-left:-0.75rem !important;}
.about .about-title .display-5{font-size:2.25rem;line-height:3.375rem;padding-top:3.75rem;}
.about .about-title .h6{font-size:1rem;line-height:1.5rem;}
.about-banner-bg{padding-bottom:3.75rem;}
.team-bottom{min-height:552px;}
.team-box{width:720px;}
.join-title{bottom:0;}
.join-title .display-3{font-size:2.5rem;line-height:6rem;}
.bg-bauforce-join{position: static !important;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#FAFAFA;}
.bg-bauforce-join .text-white{color:#101820 !important;}
.join .case-view-title{font-size:0.875rem;line-height:0.875rem;padding-top:2.5rem;}
.join .case-view-content{font-size:2.25rem;line-height:2.25rem;padding-top:0.625rem;}
.join .row{padding:2.5rem 0 5rem 0;}
.join-bg{background-color: white !important;}
.jion-content .col-12{margin-top:2.5rem;}
.jion-content .jion-box-mark{padding-top:2.5rem !important;padding-bottom:2.5rem !important;}
.jion-content .jion-box-mark h3{font-size:1.5rem;line-height:2.25rem;}
.jion-content ul{font-size:0.875rem;line-height:1.75rem;}
.join-cooperate{width:720px;}
.join-cooperate .join-num{height:180px;}
.join-cooperate .join-num img{width:180px;}
.case-list-top .swiper-slide{width:100%;}
.case-list-top .swiper-slide img{width:100%;}
.case-list-text{position: static !important;margin:0;}
.case-list-box{background:#0A1927 !important;padding:1.25rem 1.25rem 2rem 1.25rem;background-position:0 0;font-size:0.875rem;line-height:1.3125rem;}
.case-list-text .badge{font-size:0.75rem;padding:0 0.375rem;line-height:1.5rem;}
.case-list-text .case-text-title{font-size:1rem;line-height:1.1875rem;}
.case-list-top .swiper-button-next,.case-list-top .swiper-button-prev{display:none;}
.case-list-top .swiper-pagination{bottom:8px;}
.case-list-top .swiper-pagination span{width:15%;height:2px;margin:0 0.2rem;background-color: rgba(255,255,255, 0.4);}
.case-list-top .swiper-pagination span.swiper-pagination-bullet-active{background-color: rgba(255,255,255, 0.8);}
.case-cat-list{font-size:1rem;line-height: 1.25rem;}
.case-cat-list a{margin:0 1rem;}
.case-list-item .d-flex{font-size:0.875rem;line-height:1.3125rem ;}
.case-list-item .badge{font-size:0.75rem;padding:1.5px 12px;line-height:1.125rem ;}
.case-list-item .case-text-title{font-size:1rem;line-height:1.1875rem;padding-top:0.625rem;}
.join-how .step-img > img{width:110px;height:110px;}
}
@media (max-width:767.98px) {
.home-case-row,.home-case,.team,.jion-content{margin-left:-0.75rem;margin-right:-0.75rem;}
.home-case-row .home-case-box,.home-case .col-12,.team .col-md-6,.jion-content .col-12{padding-left:0.75rem;padding-right:0.75rem;}
.banner-bg{height:400px;background:url(images/banner.png) no-repeat center center;filter: opacity(40%);background-size:cover;}
.home-bannner img{display: none;}
.navbar-collapse{text-align:center;font-size:1.5rem;margin-top:0.5rem;background-color: #101820 !important;}
.nav-link{display: inline-block;}
.navbar-nav{font-size:1rem;padding-top:1.25rem;padding-bottom:1.25rem;}
.nav-link{font-weight:300;line-height:2.375rem;}
.nav-item{padding:0.5rem 0}
.footer .address-box{display:block !important;}
.footer .address{display:inline-block !important;width:100%;}
.footer .footer-icon{margin-top:1.25rem;}
.footer-icon-item:first-child{margin-left:1.25rem;}
.contact-content .display-3{margin-bottom:1.25rem;}
.contact-content .btn{margin-top:2.5rem;}
.team-item{margin-top:2.5rem;}
.team-top .h3{font-size:1.25rem;}
.team-item-content p{font-size:0.875rem;}
.team-bottom{min-height:auto;padding:1.25rem;}
.team-box{width:540px;}
.join-title .display-3{font-size:2rem;line-height:3.75rem;}
.join-title .h6{font-size:1rem;line-height:1.5rem;}
.join-bannner .banner-bg img{display: block;}
.join-cooperate{width:100%;margin-top:0rem;}
.join-cooperate .col-4{padding-top:2.5rem;padding-bottom:2.5rem;}
.join-cooperate .join-num{height:auto;}
.join-cooperate .join-num img{width:90%;height:90%;}
.join-cooperate .join-arrow{width:24px;height:24px;margin-top:-12px;margin-right:-12px;}
.join-cooperate .join-arrow img{width:100%;}
.join-how .step-img > img{width:80px;height:80px;}
.join-how .step-arrow{margin-top:-25px;}
.join-how .step-title{font-size:0.75rem;padding-top:0.75rem;}
.join-des{padding-top:0;font-size:0.875rem;line-height:1.3125rem;}
.join-how{align-items:center!important;overflow: hidden;}
.case-head h1{text-align: left;}
.case-head p{text-align: left;}
.case-content img{width:100%;margin:0.5rem 0;}
.case-content h2{padding-top:2rem;}
.case-content h3{padding-top:1.5rem;}
.case-content p{padding:0.5rem 0;}
.case-content video{margin:0.5rem 0;}
.case-content .wp-block-columns .wp-block-column{width:auto;}
.case-item-right{padding-top:1.25rem;}
.case-content .wp-block-gallery,.case-item-right .wp-block-gallery{flex-wrap:wrap;margin-left:0 !important;margin-right:0 !important;}
.case-content .wp-block-gallery .wp-block-image,.case-item-right .wp-block-gallery .wp-block-image{flex-basis:100%;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
.join .case-view-title{font-size:0.75rem;line-height:0.75rem;padding-top:0;}
.join .case-view-content{font-size:1.125rem;line-height:1.125rem;}
.join .row{padding:2.5rem 0 2.5rem 0;}
}
@media (max-width:575.98px) {
.headline-title span{display: inline-block;}
.contact-content .h5{font-size:1.2rem;}
.team-box{width:auto !important;margin-left:10px !important;margin-right:10px !important;}
.case-text .display-6{font-size:1.5rem;}
.case-text p{font-size:1.2rem;font-weight: normal;}
.case-cat-list a{margin:0 0.3rem;}
.join-title .display-3{font-size:1.2rem;line-height:2rem;}
.join-title .h6{font-size:0.875rem;line-height:1.5rem;}
.join-how .step-img > img{width:45px;height:45px;}
.join-how .step-arrow{margin-top:-20px;}
.join-how .step-title{font-size:0.3rem;}
}
@media (max-width:374.98px) {
.join-how .step-img > img{width:35px;height:35px;}
.join-how .step-arrow{margin-top:-25px;}
}