@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100%;position: relative;overflow-x: hidden;}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:Arial, Gotham, "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif,Arial;  }
body { line-height: 200% }
a:link,
a:visited,
a:active,
a { text-decoration: none;color: #333;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
.cf:after{content:""; display:block; height:0; clear:both;}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

/* header头部 */
header{max-width: 1200px;margin: 0 auto;}
.db_nav{margin-right:30px;}
.db_nav .nav-item{margin-right: 30px;}
.db_nav .nav-item:last-child{margin-right: 0;}
.db_nav .nav-item .nav-link{font-size: 16px;letter-spacing: 2px;}
.db_nav .nav-item .nav-link.active{color: #ec074a;/* border-bottom: 2px solid #ec074a; */position: relative;display: inline-block;}
.db_nav .nav-item .nav-link.active:before {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 2px; /* 边框的厚度 */background-color: #ec074a; /* 边框颜色 */ transform: translateX(-50%); /* 确保从中间开始 */animation: extend-border 0.4s ease-out forwards; /* 动画效果 */}
/* 定义动画 */
@keyframes extend-border {
	0% {
		width: 0; /* 起始宽度 */
	}
	100% {
		width: 100%; /* 最终宽度为100% */
	}
}

/* /* banner *  / 1920*817*/
.db_swiper_a{display: block;width: 100%;position: relative;overflow: hidden;}
.db_swiper_img{width: 100%;overflow: hidden;}
.db_swiper_a img{display: block;width: 100%;} 
.db_swiper_content{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;color: #f8f9f4;}
.db_swiper_content_title{ opacity: 0;transition: all 0.6s ease; /* 添加动画过渡 */text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);line-height: 160%;font-weight: 500;}
.animation_left{transform: translateX(-50px);}
.animation_right{transform: translateX(50px);}
.animation_top{transform: translateY(-50px);}
.animation_bottom{transform: translateY(50px);}
.animation_primary{opacity: 1;transform: translate(0px, 0px)}
.swiper-slide-active .db_swiper_content_title{opacity: 1;transform: translate(0px, 0px);}
.no-animation {transition: none;}

/* 执法 */
.db_law{padding: 20px 0;overflow: hidden;}
.db_content{display: flex;flex-direction: column;justify-content: center;}
.db_content p>span{display: inline-flex;border-radius: 50%;width: 24px;height: 24px;align-items: center;justify-content: center;margin-right: 7px;color: #fff;background-color:rgba(94,94,94,.5);}
.db_content p>span i{text-align: center;display: block;width: 100%;margin-left: 1px;}

/* video-bj */
.video_bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.video_bj img{display: block;width: 100%;}
.video_pay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.25);}
.video_pay img{display: block;width: 15%;}
.video_pay:hover{cursor: pointer;}

/* 方案 */
.db_container{background-color: #fbfaf8;}
.db_piece{padding: 20px 0;}
.db_Smallpiece{border-radius: 6px;box-shadow: 0 0 3.5px 0 #eee;background-color: #fff;padding: 15px 10px;position: relative;transition: transform 0.3s ease;}
.db_Smallpiece h3{font-size: 16px;text-align: center;padding-bottom: 15px;}
.db_Smallpiece_content{width: 100%;position: relative;overflow: hidden;}
.db_Smallpiece_content img{width: 100%;object-fit: cover;}
.db_Smallpiece:hover{transform: translateY(-10px);cursor: pointer;}

/* footer */
.footer_left{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.footer-after{position: relative;overflow: hidden;}
.footer-after:after{content: '';position: absolute;height: 80%;right: 0;width: 2px;background-color: #ddd;display: block;top: 50%;transform: translateY(-50%);}
.footer_right{width: 100%;height: 100%;}
.footer_right p{margin-top: 10px;}
.footer-content{display: flex;flex-direction: column;width: 100%;height: 100%;}
.beian{display: flex;}
.beian .lat-beian{display: flex;align-items: center;justify-content: center; margin-left: 5px;}
.beian .lat-beian img{margin-right: 5px;}
.beian a{color: #333;}
.footer-content-beian{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.footer-nav{display: flex;flex: 1 1 0%;justify-content: space-around;align-items: center;/* margin-top: 15px; */}
.footer-nav a{display: block;font-size: 18px;}
.footer-nav a:hover{color: #ec074a;}

/* 面包屑 */
.crumbs{padding: 5px 20px;background-color: #e0dedf;display: flex;align-items: center;}
.crumbs a{display: block;}
.crumbs p{margin: 0 5px;}

/* 关于我们 */
.db_about{text-indent: 2em;letter-spacing: 1px;}
.db_piece .row>*{padding-left: calc(var(--bs-gutter-x) * .15);padding-right: calc(var(--bs-gutter-x) * .15);}

/* 解决方案 */
.scheme-container{padding: 10px;background-color: #fff;box-shadow: 5px 5px 10px 2px #eee;border-radius: 6px;}
.scheme-container-img{width: 100%;max-height: 100%;overflow: hidden;border-radius: 6px;background-color: bisque;}
.scheme-container-content{margin-top: 10px;}
.db_about .db_Smallpiece:hover{transform: translateY(0px);cursor: default;}