.index_equipment .swiper-container {

	margin-top: 0.72rem;

}



.index_equipment ul {

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end

}



.index_equipment li {

	height: 22.3958333333vw;

	position: relative

}



@media screen and (max-width: 980px) {

	.index_equipment li {

		height: auto

	}

}



.index_equipment li a {

	display: block;

	height: 100%

}



.index_equipment li.swiper-slide-active .topbox {

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	opacity: 1

}



.index_equipment li.swiper-slide-active .btmbox {

	padding-top: 1.3020833333vw;

	border-radius: 1.5625vw 1.5625vw 7.2916666667vw 7.2916666667vw;

	background: #fff

}



@media screen and (max-width: 980px) {

	.index_equipment li.swiper-slide-active .btmbox {

		padding-top: 20px

	}

}



.index_equipment li.swiper-slide-active .btmbox .ico {

	height: 0;

	overflow: hidden

}



.index_equipment li.swiper-slide-active .btmbox .dot {

	opacity: 1;

	margin-top: 1.0416666667vw

}



@media screen and (max-width: 980px) {

	.index_equipment li.swiper-slide-active .btmbox .dot {

		margin-top: 10px

	}

}



.index_equipment .topbox {

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	height: 11.9791666667vw;

	background: var(--yx_Color);

	border-radius: 7.2916666667vw 7.2916666667vw 0 0;

	overflow: hidden;

	padding-bottom: 2.6041666667vw;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	-webkit-transform: translateY(50%);

	transform: translateY(50%);

	opacity: 0;

	margin-bottom: -2.6041666667vw

}



@media screen and (max-width: 980px) {

	.index_equipment .topbox {

		height: 0

	}

}



.index_equipment .topbox .imgbg {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0%;

	opacity: .25;

	z-index: -1;

	mix-blend-mode: multiply

}



.index_equipment .ico {

	height: 3.75vw;

	-webkit-transition: ease .8s;

	transition: ease .8s

}



@media screen and (max-width: 980px) {

	.index_equipment .ico {

		height: 36px

	}

}



.index_equipment .ico img {

	display: block;

	height: 100%;

	margin: 0 auto

}



.index_equipment .btmbox {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	z-index: 1;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	background: rgba(255, 255, 255, .8);

	border-radius: 2.6041666667vw 2.6041666667vw 7.2916666667vw 7.2916666667vw;

	padding-top: 2.0833333333vw;

	padding-bottom: 2.0833333333vw;

	text-align: center

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox {

		padding-top: 20px;

		padding-bottom: 20px

	}

}



.index_equipment .btmbox .ico {

	margin-bottom: 1.0416666667vw

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .ico {

		margin-bottom: 10px

	}

}



.index_equipment .btmbox .tit {

	font-size: 1.5625vw;

	line-height: 1.5625vw

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .tit {

		font-size: 16px

	}

}



@media screen and (max-width: 1680px) {

	.index_equipment .btmbox .tit {

		line-height: 1.8125vw

	}

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .tit {

		line-height: 20px

	}

}



.index_equipment .btmbox .dot {

	width: 70%;

	margin: 0 auto;

	height: 3px;

	background: url(../images/dot.png) no-repeat center;

	background-size: auto 100%;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	overflow: hidden;

	opacity: 0

}



.index_equipment .btmbox .desc {

	color: #727272;

	opacity: .7;

	min-height: 2.5vw;

	margin-bottom: 1.25vw;

	margin-top: .78125vw;

	font-size: .78125vw;

	line-height: 1.25vw;

	padding: 0 5px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .desc {

		margin-bottom: 10px

	}

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .desc {

		margin-top: 10px

	}

}



@media screen and (max-width: 1680px) {

	.index_equipment .btmbox .desc {

		font-size: .9453125vw;

		font-size: 1vw

	}

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .desc {

		font-size: 14px

	}

}



@media screen and (max-width: 1680px) {

	.index_equipment .btmbox .desc {

		line-height: 1.45vw

	}

}



@media screen and (max-width: 980px) {

	.index_equipment .btmbox .desc {

		line-height: 24px

	}

}



.index_equipment .btmbox .z_arr {

	margin: 0 auto

}



@media screen and (max-width: 980px) {

	.index_equipment .topbox {

		display: none

	}



	.index_equipment .btmbox {

		position: relative;

		border-radius: 10px

	}



	.index_equipment li .dot {

		display: none

	}



	.index_equipment li.swiper-slide-active .btmbox {

		border-radius: 10px

	}



	.index_equipment li.swiper-slide-active .btmbox .ico {

		height: 36px

	}

}





.z_arr {

	width: 30px;

	height: 30px;

	background: var(--yx_Color);

	border-radius: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	color: #fff;

	font-size: 12px;

	margin-left: .5208333333vw;

	cursor: pointer

}



@media screen and (max-width: 980px) {

	.z_arr {

		width: 24px;

		height: 24px

	}

}



@media screen and (max-width: 980px) {

	.z_arr {

		margin-left: 6px

	}

}



.z_arr .iconfont {

	font-size: 12px

}



.yx_eqBtn {

	width: 0.54rem;

	height: 0.54rem;

	border-radius: 50%;

	background-color: #fff;

	text-align: center;

	line-height: 0.54rem;

	color: var(--yx_Color);

	text-align: center !important;

	font-size: 0.18rem;

	cursor: pointer;

	display: block !important;

	margin: 0 0.24rem;

	transition: all 0.6s;

}



.yx_Pagin span {

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background-color: #fff;

	border-radius: 6px;

	transition: all 0.6s;

	margin: 0 0.1rem;

	opacity: 0.8;

}



.yx_Pagin span.swiper-pagination-bullet-active {

	width: 0.6rem !important;

	opacity: 1 !important;

}



.yx_eqBtnBox {

	margin-top: 0.48rem;

}



.yx_eqBtn:hover {

	background-color: var(--yx_Color);

	color: #Fff;

}





/**/

.yx_CaseInBox .yx_eqBtn{

	background-color: var(--yx_Color);

	color: #fff;

}

.yx_CaseInBox .yx_Pagin span{

	background-color: #999;

	opacity: 0.3;

}

.yx_CaseInBox .yx_eqBtn:hover{

	background-color: var(--yx_CTwo);

}



.yx_CaseInBox .yx_CaList {

	display: block;

	width: 100%;

	height: auto;

	position: relative;

}



.yx_CaList .yx_ImgCover {

	padding-bottom: 100%;

	border-radius: 0.18rem;

	width: 100%;

}

.yx_CaseSwipr{

	margin-bottom: 1.2rem;

}

.yx_CaList:hover .yx_ImgCover img {

	transform: scale(1.1);

}



.yx_CaList .yx_CaContent {

	width:84%;

	border-radius: 0.12rem;

	transform: translateY(80%);

	position: absolute;

	bottom: 0;

	left: 8%;

	z-index: 2;

	transition: all 0.6s;

	background: #fff;

	opacity: 0;

	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

	padding: 0.28rem 0.24rem;

}

.swiper-slide-active .yx_CaList .yx_CaContent {

	transform: translateY(50%) !important;

	opacity: 1 !important;

	

}

.yx_CaList .yx_CaContent .yx_Title {

	font-size: 0.2rem;

	line-height: 1.2;

	margin-bottom: 0.1rem;

	color: #191919;

	font-weight: 700;

	padding: 0 0.2rem;

	text-transform: capitalize;

	position: relative;

}



.yx_CaList .yx_CaContent .yx_Title:before {

	content: '';

	width: 6px;

	border-radius: 45%;

	height: 6px;

	background-color: var(--yx_Color);

	display: inline-block;

	position: absolute;

	bottom: 12px;

	left: 0px;

	top: 50%;

	transform: translateY(-50%);

}



.yx_CaList .yx_CaContent p {

	font-size: 0.14rem;

	color: #999;

	padding: 0 0.22rem;

}



.yx_CaList .yx_CaContent .yx_icon {

	width: 0.48rem;

	border-radius: 50%;

	height: 0.48rem;

	position: absolute;

	right: 0.24rem;

	bottom: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 0.14rem;

	color: #fff;

	transition: all 0.6s;

	transform: translateY(50%);

	background-color: var(--yx_Color);

}



.yx_CaseInBox .swiper-slide:hover .yx_icon {

	background-color: var(--yx_CTwo);

	transform: translateY(40%) scale(1.1);

}

@media screen and (max-width: 992px) {
.yx_CaList .yx_CaContent .yx_Title{ line-height: 0.4rem; height: 0.4rem;}
.yx_CaList .yx_CaContent .yx_Title{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.yx_CaList .yx_CaContent .yx_icon{display:none}
}

/**/