/* 2025-4-10 修改头部和首页banner轮播 */

/**公用样式**/
.banner,.swiper-container{
	height: 100%;
}
.container {width: 72.91%;margin: 0 auto;}
.center {text-align: center;}

.intr-num ul li b em{font-weight: bold;}



/**首页-banner-轮播**/
.banner {position: relative;background: #000;}

/* 鼠标向下滚动 */
.banner .sbxl {position: absolute;bottom: 60px;z-index: 9;padding-left: 43px;left: 10%;color: rgba(255,255,255,0.5);}

.banner .sbxl:before {position: absolute;content: "";left: 0;top: 50%;width: 34px;height: 34px;transform: translateY(-50%);border-radius: 50%;border: 1px solid rgba(255,255,255,0.45);}

.banner .sbxl:after{position: absolute;content: "";
	left: 12px;top: 50%;width: 12px;height: 14px;transform: translateY(-50%);background: url(../images/xxgdxh.png);-webkit-animation: haha1 1s linear infinite;}

@-webkit-keyframes haha1 {
	0% {	top: 0;opacity: 1;}

	25% {top: 25%;opacity: 0.75;}

	50% {top: 45%;opacity: 0.5;}

	75% {top: 65%;opacity: 0.25;}

	100% {top: 85%;opacity: 0;}
}

.ssss {z-index: 100000000000;position: absolute;bottom: 52px;right: 13%;left: inherit;}

.sss {
position: relative;width: 20px;height: 20px;margin-right: 9px;display: inline-block;}

.sss:last-child {margin-bottom: 0;}

.ssss .sss:after {
content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background: #fff;border-radius: 100%;box-sizing: border-box;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: background 0.3s ease;	transition: background 0.3s ease;
}

.sss .circle {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.sss .circle i {position: relative;float: left;width: 50%;height: 100%;overflow: hidden;}

.sss .circle i::before {content: '';position: absolute;width: 200%;right: 0;top: 0;bottom: 0;border: 2px solid #fff;border-radius: 100%;box-sizing: border-box;clip: rect(0, 20px, 20px, 10px);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.sss .circle i:first-child::before {left: 0;right: auto;clip: rect(0px, 10px, 20px, 0px);}

.sss.sss-active::before {background: #ff5a2b;}

.sss.sss-active .circle i::before {-webkit-animation: circleR 3500ms linear both;animation: circleR 3500ms linear both;}

.sss.sss-active .circle i:first-child::before {-webkit-animation-name: circleL;animation-name: circleL;}

.banner .swiper-container-top .swiper-pagination-top .swiper-pagination-bullet {opacity: 0;}

@-webkit-keyframes circleL {

	0%,
	50% {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@-webkit-keyframes circleR {
	0% {-webkit-transform: rotate(-180deg);	transform: rotate(-180deg);}

	50%,
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes circleL {

	0%,
	50% {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	}

@keyframes circleR {
	0% {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

	50%,
	100% {	-webkit-transform: rotate(0deg);	transform: rotate(0deg);}
}

.swiper-container-top .swiper-wrapper .swiper-slide{width:100% !important;}
.swiper-container-top .swiper-wrapper .swiper-slide .box{height: 100%;padding:70px 10% 0 10%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;background-size:auto 140% !important;transition: all 2s;background-repeat: no-repeat !important;width:100% !important;}

.swiper-container-top .swiper-wrapper .swiper-slide-active .box{background-size:auto 100% !important;}



.banner .ban-info{transform: scale(1.2); transition: all 2s;width: 100%;}

.banner .swiper-slide-active .ban-info{transform: scale(1);}



.gyan a {padding-left: 42px;text-align: left;transition: all 0.4s;box-sizing: border-box;text-align: left !important;}

.gyan a span {display: inline-block;background: url(../images/bianchang.png)  right center/cover;width: 18px;height: 12px;margin-left: 15px;vertical-align: middle;margin-bottom: 1px;transition: all 0.6s;}

.gyan a:hover span {width: 28px;transition: all 0.6s;}




@media (max-width:1100px) {
	
	
	.banner .sbxl{display: none;}
	
	
	.swiper-container-top .swiper-wrapper .swiper-slide .box{background-size:auto 100% !important;}

	.banner .ban-info{transform: scale(1); }
	
	.container{display: none;}
	
	.banner .swiper-container-top .swiper-pagination-top .swiper-pagination-bullet{opacity: 1;}
	
	
}