﻿.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); top: 38%;}



/***swiper1***/

.banner-num1 img{width:100%;}
.banner-num1 .ax-slide a{display: block;height:80vh;width: 100%;position: relative;}


/***swiper2***/
*[class*="ax-swiper"] .ax-prev,
*[class*="ax-swiper"] .ax-next {color:rgba(255,255,255,0.5); top:50%;}
/***圆点***/
	[class*="banner-num2"] .ax-pages .ax-pages-bullet {background:rgba(255,255,255,0.6);opacity:1;}
	[class*="banner-num2"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);}
	.banner-num2.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:calc(3.0rem + 1.0vw);}
	*[class*="banner-num2"] .ax-pages .ax-pages-bullet{width: calc(0.2rem + 0.4vw);height: calc(0.2rem + 0.4vw);}

	.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:10px;width:auto;}/***圆点位置***/

.banner-num2{height:100%;}
.swiper-list-2{width:100%;}
.swiper-list-2 .ax-slide a{width:100%;display: block;overflow:hidden;color:#FFF;height:100%}
	.swiper-list-2 div{position:relative;overflow:hidden;width:100%;;height:100%}
		.swiper-list-2 a p{display: block;height:auto;width:100%;;height:100%;
		background-repeat: no-repeat;background-position: center;background-size: cover;
		-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
		.swiper-list-2 a:hover p{transform: scale(1.1);}
		.swiper-list-2 .list-m21{font-weight:bold;font-size:calc(1.2rem + 0.2vw);text-align:center;
		height: calc(2.0rem + 1.0vw);line-height:calc(2.0rem + 1.0vw);background:rgba(0,0,0,0.6);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;}
		.swiper-list-2 div dl dd{width:100%;}
		.swiper-list-2 dl li{width:100%;padding:0px calc(0.6rem + 0.4vw);
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
		.swiper-list-2 div dl{position:absolute;bottom:0px;left:0px;width:100%;
		background-image:linear-gradient(#ff6600,#ff6600);background-position:0 100%;
		background-size:0 calc(0.05rem + 0.05vw);background-repeat:no-repeat;transition:background-size .3s;
		;}/***白高度***/
			.swiper-list-2 a:hover dl{background-size:100% calc(0.05rem + 0.05vw);}
			/***逐渐***/
			.swiper-list-2 a::before {
			content: '';
			position: absolute;
			bottom: 0px;
			height:0px;/***覆盖***/
			width: 100%;
			background: #00618b;
			left: 0px;}

/***swiper3***/
*[class*="banner-num3"] .ax-prev, *[class*="banner-num3"] .ax-next{color: rgba(255, 255, 255, 0.5);top: 40%;}
.swiper-list-3{width:100%;padding-bottom:calc(2rem + 0.5vw);}
	.swiper-list-3 div{position:relative;overflow:hidden;width:100%;
	box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 3%);
    margin-bottom: 10px;
    border-radius: calc(0.4rem + 0.06vw);}
	.swiper-list-3 a {display: block; width:100%;padding-bottom:calc(1.0rem + 1.0vw);
	border: 1px rgba(0, 0, 0, 0.05) solid;background:#FFF;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
		.swiper-list-3 a p{display: block; height: calc(18rem + 3vw); 
		background-repeat: no-repeat; background-position: center; background-size:100% auto !important;
		transition: all 200ms linear;}
		.swiper-list-3 a:hover p{transform: scale(1.1);}
		.banner-num3.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom: 0rem;}
	.swiper-list-3 div dl{position:absolute;z-index:9px;bottom:0px;left:0px;width:100%;border: 1px rgba(0, 0, 0, 0.08) solid;border-top:0px;
	background:#FFF;
	background-repeat: no-repeat; background-position: center; 
	background-size: cover; 
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	padding: calc(0.8rem + 0.4vw) calc(0.8rem + 0.8vw);
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;font-weight:normal}
.swiper-list-3 b {
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    line-height:1.5;padding-bottom:0px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: normal;display:block;
	width:100%;
}

/*===media响应1200===*/
@media (max-width:1200px) {
	/***圆点***/
	.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.4rem + 0.4vw);height: calc(0.4rem + 0.4vw); margin: 0 0.4rem;}
	/***左右箭头***/
	.banner-num1 .ax-prev ,.banner-num1 .ax-next{ display: none;}
	.banner-num2 .ax-prev ,.banner-num2 .ax-next{ display: none;}
	.banner-num3 .ax-prev ,.banner-num3 .ax-next{ display: none;}
	.banner-num1 .ax-slide a{display: block;height:70vh;width: 100%;position: relative;}

/*===media响应992===*/
@media (max-width:992px) {
	.banner-num1 .ax-slide a{display: block;height: 50vh;width: 100%;position: relative;}
	.banner-num2{height:calc(18rem + 2vw)}
}
/*===media响应768 要放在最后===*/
@media (max-width:768px) {
		.banner-num1 .ax-slide a{display: block;height:40vh;width: 100%;position: relative;}
}
/*===media响应480===*/
@media (max-width:480px) {
	.banner-num1 .ax-slide a{display: block;height: 28vh;width: 100%;position: relative;}
	
}