﻿.banner-bg .ax-slide a{width:100%;display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}
[class*="ax-swiper"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);}
*[class*="ax-swiper"] .ax-prev,
*[class*="ax-swiper"] .ax-next {color: rgba(255, 255, 255, 0.5);}

/***swiper0***/
.banner-num0 .ax-slide a{height:80vh;}

/***swiper1***/
.banner-num1{position:relative}
.banner-num1 .ax-slide a{height:100vh; }/***wap-重定***/
	/***圆点***/
	[class*="banner-num1"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important}
	[class*="banner-num1"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:40px;height:5px;border-radius:0px !important}
	.banner-num1.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:20px;}
	*[class*="banner-num1"] .ax-pages .ax-pages-bullet{border-radius:2px !important}
	.banner-num1 .ax-pages-fraction, 
	.banner-num1 .ax-pages-custom, 
	.banner-num1 .ax-horizontal > .ax-pages-bullets, 
	.banner-num1 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圆点位置***/

/***swiper1***/
.banner-num2{position:relative;height:100%;background:#FFF}
.banner-num2 .ax-slide a{height:100%;display:block }
.banner-num2 .ax-slide p{height:80%;display: block; background-repeat: no-repeat; background-position: center; 
background-size: cover;}
	/***圆点***/
	[class*="banner-num2"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important}
	[class*="banner-num2"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:20px;height:5px;border-radius:0px !important}
	.banner-num2.ax-horizontal > .ax-pages.ax-pages-bullets {top:80%;}
	*[class*="banner-num2"] .ax-pages .ax-pages-bullet{border-radius:2px !important}
	.banner-num2 .ax-pages-fraction, 
	.banner-num2 .ax-pages-custom, 
	.banner-num2 .ax-horizontal > .ax-pages-bullets, 
	.banner-num2 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圆点位置***/

.banner-list-2 .text {
	height:calc(5rem + 0.1vw);line-height:calc(5rem + 0.1vw);text-align:center;
	overflow:hidden;
	width:90%;margin:0 auto;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight:normal
	}

/***列表3***/
.banner-num3{height: calc(22rem + 8vw)}
#swiper3 .ax-prev,
#swiper3 .ax-next {
  font-family: 'ax-iconfont';
  font-size: var(--fz17);
  width: calc(2rem + 0.6vw);
  height: calc(2rem + 0.6vw);
  box-sizing: border-box;
  line-height: calc(2rem + 0.6vw);
  text-align: center;
  margin-top: 0px;
  cursor: pointer;
  transition: color 100ms linear, background-color 100ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:auto;
  bottom: 0px;
  z-index: 10;}
#swiper3 .ax-prev{right:0;left: auto;background:var(--c2);color:#FFF;margin-right:calc(2rem + 0.6vw)}
#swiper3 .ax-next{right:0;left: auto;background:var(--c1);color:#FFF}


.swiper-list-3{width:100%;padding-bottom:calc(2rem + 0.5vw);}
	.swiper-list-3 div{position:relative;overflow:hidden;width:100%;	
	overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.swiper-list-3 a {display: block;  width:100%;position:relative;
	background:#FFF;padding:calc(0.3rem + 0.3vw) calc(0.3rem + 0.3vw) calc(1.5rem + 0.5vw) calc(0.3rem + 0.3vw);color:var(--c1);
	border:1px var(--c06) solid;
	overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.swiper-list-3 a:hover{color:var(--ahover)}
		.swiper-list-3 a p{display: block; height: calc(12rem + 5vw); 
		background-repeat: no-repeat; background-position: center; background-size: cover !important;
		transition: all 200ms linear;}
		.swiper-list-3 a:hover p{transform: scale(1.0);}
		.swiper-list-3.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom: 0rem;}
	.swiper-list-3 div dl{position:relative;
	margin-top:calc(0.2rem + 0.2vw);
	height:calc(4.0rem + 0.4vw);line-height:calc(2.0rem + 0.2vw);width:100%;text-align:left;overflow:hidden;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0px calc(0.2rem + 0.2vw);
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight:normal}
	.swiper-list-3 a::after{
    content: '\f15e';
    font-family: 'ax-iconfont';
    font-size: calc(0.8rem + 0.2vw);
	position:absolute;z-index:1;
	bottom:calc(0.1rem + 0.1vw);left:calc(0.5rem + 0.5vw);}





/*===media响应1200===*/
@media (max-width:1100px) {
	/***圆点***/
	.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:calc(0.1rem + 1.0vw);}
	*[class*="ax-swiper"] .ax-pages .ax-pages-bullet {width: calc(0.6rem + 0.4vw);height: calc(0.4rem + 0.2vw); margin: 0 0.2rem;}
	/***左右箭头***/
	.banner-num1 .ax-slide a{ height: 60vh; }

	.banner-list-2 .text {
		position: absolute;
		left: 0;
		bottom: -1px;
		right: 0;
		background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
		color: #fff;
		padding: 0px calc(1rem + 0.5vw);
		height: calc(4rem + 0.5vw);
		line-height: calc(4rem + 0.5vw);
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100% !important;
		font-weight:bold;
	}
	.banner-num2 .ax-slide p{height:100% !important;}


}

/*===media响应900===*/
@media (max-width:900px) {
	/***wap重定pc***/
	.banner-num2 .ax-slide a{height:calc(10.0rem + 30.0vw); }
	.banner-num1 .ax-slide a{ height: auto; }
}

/*===media响应768 要放在最后===*/
@media (max-width:768px) {
	.banner-num1 .ax-slide a{ height: auto; }
	
}

/*===media响应480===*/
@media (max-width:480px) {
	.banner-num1 .ax-slide a{ height: auto; }

}