.slider-section .slider-section-div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 250px 0 0 0;
}

.slider-section .slider-section-div .slider-section-content h1 {
	font-family: Microsoft YaHei;
    font-size: 70px;
    color: #ffffff;
    text-shadow: 0.01em 0.05em .1em black;
    margin-bottom: 47px;
	font-weight: bold;
}
.slider-section .slider-section-div .slider-section-content p {
	font-size: 24px;
	font-weight: 550 !important;
	color: #ffffff;
	text-shadow: 0.01em 0.05em .1em black;
	line-height: 2rem;
}
.suspend-right-activity {
	position: fixed;
	top: 72%;
	right: 0px;
	z-index: 9999;
}
.suspend-right-activity .tab {
	width: 75px;
	position: relative;
	z-index: 22;
	background: #ffffff;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
	overflow: unset !important;
}
.suspend-right-activity .tab .slideTab {
	right: 90px;
	top: 0px;
	background: #ffffff;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.1);
	transition: all .3s;
	min-height: 100px;
	min-width: 250px;
	visibility: hidden;
	opacity: 0;
	flex-flow: wrap;
}
.suspend-right-activity .tab .slideTab:after {
	content: '';
	display: block;
	border-left: 9px solid #949494;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;
	position: absolute;
	right: -9px;
	top: 30px;
}
.suspend-right-activity .tab .img-fluid {
	display: block;
	width: 45px;
	height: 45px;
	background-image: url('../../imgs/activity/consult.png'); 
	background-size: cover;
	background-position: center;
	transition: background-image 0.3s ease; /* 可选：添加平滑过渡 */
}
.suspend-right-activity .tab .img-fluid:hover {
	background-image: url('../../imgs/activity/phone1.png'); 
}
.suspend-right-activity .tab .slideTab img {
	display: block;
	margin: 0 auto 7px;
}
.suspend-right-activity .tab:hover .slideTab {
	visibility: visible;
	opacity: 1;
	right: 90px;
}

.suspend-right-activity .tab1 {
	width: 75px;
	position: relative;
	z-index: 22;
	background: #ffffff;
    box-shadow: -1px 0px 6px 3px rgba(0,0,0,0.1);
	overflow: unset !important;
}
.suspend-right-activity .tab1 .slideTab {
	right: 90px;
	top: 0px;
	background: #ffffff;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.1);
	transition: all .3s;
	min-height: 100px;
	min-width: 250px;
	visibility: hidden;
	opacity: 0;
	flex-flow: wrap;
}
.suspend-right-activity .tab1 .slideTab:after {
	content: '';
	display: block;
	border-left: 9px solid #949494;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;
	position: absolute;
	right: -9px;
	top: 28px;
}
.suspend-right-activity .tab1 .slideTab img {
	display: block;
	margin: 0 auto 7px;
}
.suspend-right-activity .tab1 .img-fluid {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url('../../imgs/activity/after.png'); 
	background-size: cover;
	background-position: center;
	transition: background-image 0.3s ease; /* 可选：添加平滑过渡 */
}
.suspend-right-activity .tab1 .img-fluid:hover {
	background-image: url('../../imgs/activity/after1.png'); 
}
.suspend-right-activity .tab1:hover .slideTab {
	visibility: visible;
	opacity: 1;
	right: 90px;
}

.suspend-right-activity .tab2 {
	width: 75px;
	position: relative;
	z-index: 22;
	background: #ffffff;
    box-shadow: -1px 3px 6px 1px rgba(0,0,0,0.1);
	overflow: unset !important;
}
.suspend-right-activity .tab2 .slideTab {
	right: 90px;
	top: 0px;
	min-height: 67px;
    min-width: 130px;
	background: #ffffff;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.1);
	transition: all .3s;
	visibility: hidden;
	opacity: 0;
	flex-flow: wrap;
}
.suspend-right-activity .tab2 .slideTab:after {
	content: '';
	display: block;
	border-left: 9px solid #949494;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;
	position: absolute;
	right: -9px;
	top: 20px;
}
.suspend-right-activity .tab2 .img-fluid {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url('../../imgs/activity/phone.png'); 
	background-size: cover;
	background-position: center;
	transition: background-image 0.3s ease; /* 可选：添加平滑过渡 */
}
.suspend-right-activity .tab2 .img-fluid:hover {
	background-image: url('../../imgs/activity/phone1.png'); 
}
.suspend-right-activity .tab2:hover .slideTab {
	visibility: visible;
	opacity: 1;
	right: 90px;
}

.select .select-content {
	background: #ffffff;
	box-shadow: -1px 0px 6px 3px rgba(0,0,0,0.1);
}
.select .select-content div {
	background: #ebeffc;
	border-radius: .5rem;
}
.select .select-content div.activate {
	color: #ffffff;
	background: #1892d2;
}

.djs .djs-content .progress {
	background-color: #255793;
	height: 36px; 
	border-radius: 50rem;
	position: relative;
}
.djs .djs-content .progress .progress-bar {
	background: #f9790f; 
	border-radius: 50rem;
	position: relative;
}
.djs .djs-content .progress .progress-bar::after {
	content: "";
    border-radius: 50%;
    position: absolute;
    right: -5px;
	width: 50px;
	height: 50px;
	background-image: url('../../imgs/activity/hdt.png'); 
	background-size: cover;
	background-position: center;
}

.djs .djs-content .djs-content-1 {
    position: relative;
	width: 95%;
}

.djs .djs-content .djs-content-1 span {
	position: absolute; 
	right: 2%;
	top: 5px;
	color: #fff;
}
.djs .djs-content .progress .progress-img {
	position: absolute; 
	right: 25px; 
}
.djs .djs-content .progress .progress-img {
	width: 70px;
	height: 70px;
}
.djs .djs-content-body {
	border: solid 2px #1892d2;
	background: #fdfdfd;
	border-radius: .5rem;
}
.djs .djs-content {
	width: 100% !important;
}

@media (max-width:575px) {
	.djs .djs-content {
		width: 100% !important;
	}
	.flip-clock-wrapper {
		padding-right: 32px;
	}
	.flip-clock-divider {
		width: 30px;
		font-size: 29px;
	}
	.flip-clock-wrapper ul {
		height: 37px;
		width: 35px;
	}
	.flip-clock-wrapper ul li {
		line-height: 40px;
	}
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 23px;
	}
	.flip-clock-divider.days .flip-clock-dot {
	  left: 79px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	  left: 109px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	  left: 110px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	  left: 115px;
	}
	.flip-clock-dot.top {
	  top: 7px;
	}
}
@media (min-width:576px) {
	.djs .djs-content {
		width: 100% !important;
	}
	.flip-clock-wrapper {
		padding-right: 32px;
	}
	.flip-clock-divider {
		width: 30px;
		font-size: 29px;
	}
	.flip-clock-wrapper ul {
		height: 37px;
		width: 35px;
	}
	.flip-clock-wrapper ul li {
		line-height: 40px;
	}
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 23px;
	}
	.flip-clock-divider.days .flip-clock-dot {
	  left: 79px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	  left: 109px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	  left: 110px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	  left: 115px;
	}
	.flip-clock-dot.top {
	  top: 7px;
	}
}
@media (min-width:768px) {
	.djs .djs-content {
		width: 100% !important;
	}
	.flip-clock-wrapper {
		padding-right: 32px;
	}
	.flip-clock-divider {
		width: 30px;
		font-size: 33px;
	}
	.flip-clock-wrapper ul {
		height: 43px;
		width: 53px;
	}
	.flip-clock-wrapper ul li {
		line-height: 40px;
	}
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 23px;
	}
	.flip-clock-divider.days .flip-clock-dot {
	  left: 111px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	  left: 141px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	  left: 141px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	  left: 146px;
	}
	.flip-clock-dot.top {
	  top: 7px;
	}
}
@media (min-width:992px) {
	.djs .djs-content {
		width: 75% !important;
	}
	.flip-clock-wrapper {
		padding-right: 32px;
	}
	.flip-clock-divider {
		width: 30px;
		font-size: 33px;
	}
	.flip-clock-wrapper ul {
		height: 43px;
		width: 53px;
	}
	.flip-clock-wrapper ul li {
		line-height: 40px;
	}
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 23px;
	}
	.flip-clock-divider.days .flip-clock-dot {
	  left: 111px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	  left: 141px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	  left: 141px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	  left: 146px;
	}
	.flip-clock-dot.top {
	  top: 7px;
	}
}
@media (min-width:1200px) {
	.djs .djs-content {
		width: 75% !important;
	}
	.flip-clock-wrapper {
		padding-right: 46px;
	}
	.flip-clock-divider {
		width: 50px;
		font-size: 40px;
	}
	.flip-clock-wrapper ul {
		height: 49px;
		width: 46px;
	}
	.flip-clock-wrapper ul li {
		line-height: 50px;
	}
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 30px;
	}
	.flip-clock-divider.days .flip-clock-dot {
	  left: 106px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	  left: 153px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	  left: 153px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	  left: 154px;
	}
	.flip-clock-dot.top {
	  top: 7px;
	}
}
@media (min-width:1400px) {
	.djs .djs-content {
		width: 75% !important;
	}
 	.flip-clock-wrapper ul li a div div.inn {
    	font-size: 42px;
    }
	.flip-clock-wrapper ul li {
	    line-height: 60px;
	}
	.flip-clock-divider {
	    position: relative;
	    font-size: 55px;
	    width: 65px;
	    top: -7px;
	    font-weight: 700 !important;
	}
	.flip-clock-divider.days .flip-clock-dot {
	    left: 118px;
	}
	.flip-clock-divider.hours .flip-clock-dot {
	    left: 185px;
	}
	.flip-clock-divider.minutes .flip-clock-dot {
	    left: 185px;
	}
	.flip-clock-divider.seconds .flip-clock-dot {
	    left: 185px;
	}
	.flip-clock-dot.top {
	    top: 0px;
	}
	.flip-clock-wrapper ul {
	    position: relative;
	    width: 54px;
	    height: 60px;
	    font-size: 80px;
	    font-weight: bold;
	    line-height: 88px;
	    border-radius: 6px;
	    background: #8e0101;
	}
}
.popup {
	width: 265px;
	background: #ddc6c6;
}

/* 容器：保持与图片一致的比例（1920×561） */ 
.banner-container { 
  position: relative;
  width: 100%; /* 占满父容器宽度 */ 
  height: 0; /* 高度由padding-bottom控制 */ 
  padding-bottom: 29.22%; /* 计算方式：(561/1920)×100%≈29.22% */ 
  overflow: hidden; /* 防止图片溢出（可选） */ 
} 
 
/* 图片：填充容器，保持比例显示完整 */ 
.banner-img { 
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100%; /* 占满容器宽度 */ 
  height: 100%; /* 占满容器高度 */ 
  object-fit: contain; /* 保持比例，完整显示图片（关键属性） */ 
} 

.fixed-top {
	position: unset;
}