/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#header-wrap #logo img {height:auto;max-width:180px;}
#header-wrap  { box-shadow: var(--cnvs-header-boxshadow) }
.is-expanded-menu .mega-menu-content {border:0;}
.bg {background-color:#FF7900;}
.fs-7 {font-size: 0.9rem !important;}
.hzms .fbox-icon, .hyjjfa .fbox-icon {height:auto; width:auto;}
.hzms .fbox-icon img, .hyjjfa .fbox-icon img {height:auto; width:auto;}
.text-left {text-align:left;}
.text-yellow {color:#ff7900;}
.bg-yellow {background-color:#ff7900;}
.owl-carousel .owl-nav [class*=owl-]{background-color: #fff;}
.uil-angle-right-b, .uil-angle-left-b {color: #666 !important;}
.form-check-input:checked {background-color: #FF7900;border-color: #FF7900;}
.homebanner {height:600px;background-size: cover; background-position: center; background-repeat: no-repeat;}
.home .why-us {background-color:#ffffff80; border-radius:20px;box-shadow:0 0.125rem 0.025rem #ffffff;}
.home .home-icon img {max-width:80px !important;}
.zjcontainer{}
.zujian .grid-item {width:20%;}
.zujian .title {color:#ff7900; margin-right:10px;}
.zujian .iconlist li > *{flex: none; color:#ff7900;}
.wenjuan .fbox-icon {width:auto; height:auto;}
.wenjuan {box-shadow:0rem 0rem 1.25rem rgb(0 0 0 / 8%) !important;}
.wenjuan .fbox-content {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 如果需要水平居中，可以加上这一行 */
    height: 100px; }
.wenjuan .feature-box img {width:80px;}
.text-yellow {color:#ff7900;}
.text-gray {color:#B9B9B9 !important;}
.pe-md-0 {padding-right:0 !important;}
.zujian .custom-hr {
  display: flex;
  align-items: center;
}
.tongdian .title {position: relative; background: url(/assets/images/tongdian-bg.png),linear-gradient(to right, #FF5B00, #FF8F4A);border-radius: 5px 5px 0 0;background-size: auto;background-position: top left;background-repeat: no-repeat;}
.triangle {
    content: '';
    position: absolute;
    left: 50%;
    top: 65px; /* 调整三角形与标题的距离 */
    margin-left: -10px; /* 三角形宽度的一半 */
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid white; /* 修改为border-bottom，使角朝上 */
}
.sd .sdbg1 {background: linear-gradient(to left, #ffffff, #f7f7f7);}
.sd .sdbg2 {background: linear-gradient(to left, #ffffff,#fef5f1 );}
 .zujian .custom-hr span {
  width:80px;
  height: 4px;
  background-color: #ff7900; /* 你想要的颜色 */
  margin-right: 0; /* 间距 */
}

.zujian .custom-hr::after {
  content: '';
  flex-grow: 1;
  height: 2px;
  background-color: #ccc; /* 默认 hr 颜色 */
}
.feedback-title {
    position: relative;
}
.feedback-title::before {
    content: "“";
    position: absolute;
    top: -45px;
    left: 90px;
    font-size: 85px;
    color: #adadad;
}
.yunsucai .fbox-icon img {background-color:transparent;}
.text-right {text-align:right;}
.home .erweima img {height:90px; width:90px; display: block; margin: 10px auto 0 auto;}
.home .fbox-icon {width:auto;}
.home .fbox-icon img {max-height:70px;}
.home .mfp-title {background-color:transparent; bottom:-100px;}
.home .mfp-counter {display:none;}
.home .oc-item {cursor: pointer;}
.whyusbg {background: url('/assets/images/home/whyus-bg.jpg') no-repeat top center; background-size: cover;}
.yxgj .fbox-icon {width:auto;}
.yxgj .col-md-1 {width:10%;}
.yxgj .feature-box:first-child {border:0 !important;}
.yxgj img {max-width:30px;}
.yxgj .feature-box.fbox-center h3 {font-size:16px !important;}
.yxgj .feature-box.fbox-center p {font-size:12px;}
.yxgj .feature-box:hover {background-color: #fff !important; border: 1px solid #ff7900 !important;}
.lishi .bi-circle-fill::before {color:#ff7900;}
.whyus img {max-width: 180px;position: absolute;right: 0; bottom:0;}
.bgabout {background-image: url(/assets/images/about-banner.jpg); background-size: cover;background-attachment: inherit;}
.pricing-price span.price-tenure {display: inline !important;}
.owl-nav span, .uil-angle-left-b, .uil-angle-right-b {color:#fff;}
.product h3 {text-align:center;margin-bottom:10px;}
.product span {font-size:0.9rem;}
.map {border: 15px solid #ffffff57;border-radius: 10px;}
#map {min-height:400px; width:100%;height:100%;}
.menu-item:not(:first-child) {border:0;}
.iconlist li + li {margin-top:0;}
@media (min-width: 469px) {
    .yxgj .feature-box {min-height: 145px;}
    .fuwu {min-height:260px;}
}
@media (max-width: 468px) {
.homebanner {height:300px;background-size: cover; background-position: left; background-repeat: no-repeat;}
.yxgj .col-md-1 {width:20%;}
.yxgj p {font-size: 12px;}
.yxgj .feature-box {min-height:145px;}
.whyus img {position: relative;}
.mega-menu-content {max-width:100% !important;}
}
.grid-filter-wrap {display: block;}
.grid-filter li {width:100%;}
.grid-filter li a {border-bottom: 1px solid #eee; text-align:left;}
.faq h3 a {color:#222; font-size:18px;}
.dark#footer .footer-widgets-wrap a {color:#f2f2f2; font-weight:400;}
.qiye .icon {width:auto; height:auto; padding:0;}
.qiye .icon img {width:auto; height:auto; max-width:40px;}
.qiye .feature-box {align-items: center;}
.qiye .shadow-sm {box-shadow: 0px 2px 10px 0px #E0ECFF !important; border-radius:5px;}
.qiye .fbox-icon img {width:90%; height:90%;}
.block-hero-17.slider-element .owl-dots {
			position: relative;
		}

		.block-hero-17.slider-element .owl-dots .owl-dot.active,
		.block-hero-17.slider-element .owl-dots .owl-dot:hover {
			background-color: #fe9602 !important;
		}
		.block-hero-17.slider-element .owl-dots button {
			border-color: #fe9602;
		}
		.offcanvas {
	opacity: 0;
	transform: translateX(50%);
	transition: transform 0.3s ease-in-out,
					opacity 0.3s ease-in-out;
	will-change: transform;
}

.offcanvas.show {
	opacity: 1;
}

.offcanvas-backdrop.show {
	opacity: .7;
}

.fbox-icon i,
.bg-white-soft {
	background-color: rgba(255, 255, 255, 0.07);
}
		.owl-carousel.full-width-view .owl-stage {
	padding-left: 0 !important;
}

.owl-carousel.full-width-view .owl-stage-outer {
	overflow: visible;
}

.owl-carousel {
	--cnvs-owl-nav-sizes: 46px;
	--cnvs-owl-nav-background: rgba(0,0,0,0.5);
	--cnvs-owl-nav-bg: var(--cnvs-themecolor);
}

.dark .owl-carousel .owl-nav [class*=owl-] span {
	border-color: rgba(255,255,255,0.15);
	color: #CCC;
	line-height: 30px;
}
.stack-cards {
  position: relative;
  display: block;
}

.stack-cards-item {
	background: #19202B;
	border-radius: 0.25rem;
	box-shadow: -5px 0 16px 8px rgba(0, 0, 0, 0.2);
	text-align: left;
	margin-bottom: 10px;
}
.block-pricing-10 .pricing-title {
			transform: translateY(-50%);
		    margin: 0 auto;
		    display: inline-block;
		    width: auto;
		    padding: 0 16px;
		}

		.block-pricing-10 .btn-action {
			transform: translateY(50%);
		}
		.feature-box img {
    transition: all 0.7s ease; /* 添加过渡效果 */
}
/* 隐藏弹窗 */
        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.88);
        }

        /* 弹窗内容 */
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 35px;
            border: 1px solid #888;
            width: 100%;
        }
        .tanchuang {background-color: #fefefe;
    margin: 5% auto;
    padding: 35px;
    border: 1px solid #888;
    width: 70%;}
    @media (max-width:468px) {.tanchuang {width: 100%;}}
        .form .active {background-color:#ff7900 !important;}
        .button.button-circle {background-color: #888;}
.form .small {color:#ff0000;}
.form .error {color:#ff0000; font-size:13px;margin: 10px 0 0 0;}
        /* 关闭按钮样式 */
        .close {
            color: #aaa;
            right: 15px;
            top: 5px;
            font-size: 28px;
            position: absolute;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        /* 视频样式 */
        video {
            width: 100%;
            height: auto;
        }
        input::placeholder {
  color: black; /* 默认占位符颜色 */
}

.required-placeholder {
  color: red;
}

input {
  font-size: 16px;
}
@media (min-width: 768px) {
.col-md-25 {flex: 0 0 auto;width:20%;}
}
input.required::placeholder {
  font-size: 16px;
}
.shadow-1 {box-shadow: 0 0rem 0.4rem 3px rgb(0 0 0 / 8%);}
.shangcheng .fbox-icon i, .shangcheng .fbox-icon {background-color: var(--cnvs-themecolor); width:auto; height:auto;min-height:60px; min-width:60px; line-height:46px; font-size:1.2rem !important;}
.scbanner, .pxbanner, .grbanner {min-height:550px; background-size:cover;background-position: center;}
.zujianbanner {min-height:450px; background-size:cover;background-position: center left;}
@media (max-width:468px) {
    .scbanner, .zujianbanner, .pxbanner {
    min-height: 230px;
    background-size: cover;
    background-position: bottom left;
}
.scimgm {display:block !important;}
.scimgpc {display:none !important;}
}
.scimgm {display:none;}
.scimgpc {display:block;width: 80%;margin: 0 auto;}
.geren .row1 {--bs-gutter-x: 0rem;}
.cbg {background-color:#F2F5FA !important;}
.liucheng {background-image: url(/assets/images/shangcheng/shangcheng-3-bg.jpg); background-size: cover;}
.mega-menu-content {max-width:300px !important;}
.geren .card-img-bottom, .geren .card-img-top {width:50px; height:auto; margin:0 auto;}
.mega-menu-content .active {background-color:#f6f6f6;}
.mega-menu-content .active .menu-link {color:#ff7900 !important;}
.sub-menu-container {padding-left:0;}
.is-expanded-menu .mega-menu:not(.mega-menu-small) .mega-menu-column {padding-top:0.1rem;}
.block-pricing-9 .table th,
		.block-pricing-9 .table td {
			padding: 1.25rem;
			vertical-align: middle;
		}

		@media (min-width: 767.98px) {
			.content-wrap,
			.block-pricing-9.table-responsive { overflow: visible; }

			.block-pricing-9 .table-sticky-header {
				position: -webkit-sticky;
				position: sticky;
				top: 60px;
				z-index: 2;
				background-color: #ff7900;
			}
		}
.tableprice td {border: 1px solid #eee;}
.tableprice .line {border-bottom: 5px solid #ced4da;}
.box {
  position: relative;
  width: 200px;
  height: 100px;
}

.feature {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 20px;
}

.version {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}

.diagonal-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-container {
    position: relative;
}

.text-container h4 {
    display: inline-block; /* 确保标题始终显示在一行 */
    margin: 0; /* 去掉默认的 margin */
}

.text-container p {
    margin-top: 5px; /* 可以调整 p 距离 h4 的间距 */
    margin-left: 8px;
    line-height: 1.5;
}
.text-container .bi-record-fill {
    color:#FF7900;
}