/* indexHomeBan */
.indexHomeBan .imgbox{padding-top:46.998%}
.indexHomeBan video{width:100%;height:100%;object-fit:cover}
.indexHomeBan .slick-dots{position:absolute;left:0;bottom:1.5rem;display:flex;justify-content:center;align-items:center;width:100%}
.indexHomeBan .slick-dots button{font-size:0}
.indexHomeBan .slick-dots li{width:0.36rem;height:0.08rem;background:rgba(255,255,255,0.4);margin:0 0.09rem;display:flex;align-items:center;border-radius:0.04rem}
.indexHomeBan .slick-dots li button{background-color:#fff;height:0.02rem}
.indexHomeBan .slick-dots li.slick-active{background:#ffffff;border-radius:0.04rem}
.indexHomeBan .slick-dots li.slick-active button{display:block;background-color:#fff !important;width:100% !important;height:100% !important;border-radius:0.04rem}
.indexHomeBan .mobile{display:none}

@media screen and (max-width: 768px) {
  .Top{background-color:#fff}
  .indexHomeBan{margin-top:60px}
  .indexHomeBan .slick-dots{bottom:0.2rem}
}


/* indexContact */
.indexContact{background:#7F1084;padding-top:0.4rem;padding-bottom:0.4rem}
.indexContact .title{letter-spacing:0.05rem;text-align: center;}
.indexContact .ctBtn{width:1.67rem;height:0.43rem;background:#E6BC54;border-radius:0.04rem;-webkit-border-radius:0.04rem;-moz-border-radius:0.04rem;-ms-border-radius:0.04rem;-o-border-radius:0.04rem;margin-top:0.28rem;color:#7F1084;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;border:0.01rem solid #E6BC54}
.indexContact .ctBtn:hover{color:#E6BC54;background:#7F1084}

/* titleBox */
.titleBox{line-height:1;text-transform:uppercase}
.titleBox .line img{width:0.71rem}


/* indexHzqy */

.indexHzqy .item .itemCon{display:flex;justify-content:center;align-items:center;width:100%;border:1px solid #7F1084}
.indexHzqy .item .itemCon .imgbox{width:100%;padding-top:50%}
.indexHzqy .item .itemCon .imgbox img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;max-width: 80%;max-height: 80%;object-fit: contain;}

img {}
.indexHzqy .item .itemCon:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
@media screen and (min-width:769px){
  .indexHzqy .item{width:calc(20% - 0.16rem);margin-right:0.2rem;margin-bottom:0.2rem}
.indexHzqy .item:nth-child(5n){margin-right:0}
}
@media screen and (max-width:768px){
.indexHzqy .item{width:calc(100% / 3 - 0.08rem);margin-right:0.12rem;margin-bottom:0.12rem}
.indexHzqy .item:nth-child(3n){margin-right:0}
}


/* indexFfyw */
.indexFfyw{width:calc(100% + 0.3rem);margin-left:-0.3rem;padding-top:0.34rem}
.indexFfyw .slick-list{width: 100%;}
.indexFfyw .item{margin-left:0.3rem;}
.indexFfyw .itemCon{position:relative}
.indexFfyw .imgbox{width:100%;padding-top:143.334%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexFfyw .imgbox .fontBox{width:100%;height:100%;position:absolute;left:0;top:0;padding-bottom:0.26rem}
.indexFfyw .indexFfywCon{background:#7F1084;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexFfyw .indexFfywCon .ffywBtn{width:1.17rem;height:0.43rem;background:#E6BC54;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;color:#7F1084;display:flex;align-items:center;justify-content:center}
.indexFfyw .indexFfywCon .line{width:0.01rem;height:0.26rem;background:#FFFFFF}
.indexFfyw .itemCon:hover .indexFfywCon{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.indexFfyw .itemCon:hover .imgbox{padding-top:calc(143.334% + 0.16rem)}
.indexFfyw .item{padding-top:0.16rem;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexFfyw .item:hover{padding-top:0}

@media screen and (max-width:1024px){
  .indexFfyw{width:100%;margin-left:0;}
  .indexFfyw .item{
    margin-left: 0.05rem;
    margin-right: 0.05rem;
  }
}


/* indexHzal */
.indexHzal .item{width:calc(100% / 3 - 0.22rem);margin-right:0.33rem;margin-bottom:0.3rem}
.indexHzal .item:nth-child(3n){margin-right:0}
.indexHzal .item:last-child,.indexHzal .item:nth-last-child(3),.indexHzal .item:nth-last-child(3){margin-bottom:0}
.indexHzal .item .itemCon{display:flex;flex-direction:column}
.indexHzal .item .itemCon .imgbox{width:100%;padding-top:58.854%}
.indexHzal .item .itemCon .imgbox img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexHzal .item .itemCon .fontBox{background:#F5F7F9;padding:0.15rem 0.24rem;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexHzal .item .itemCon .fontBox .title{color:#2B2B2B}
.indexHzal .item .itemCon .fontBox .intro{color:#6D7081;margin-top:0.05rem}
.indexHzal .item .itemCon:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.indexHzal .item .itemCon:hover .fontBox{background:#7F1084}
.indexHzal .item .itemCon:hover .fontBox .title,.indexHzal .item .itemCon:hover .fontBox .intro{color:#fff}
@media screen and (max-width:768px){
.indexHzal .item{width:calc(100% / 3 - 0.08rem);margin-right:0.12rem;margin-bottom:0.12rem}
}
@media screen and (max-width:480px){
.indexHzal .item{width: calc(50% - 0.1rem);margin-right:0;margin-bottom:0.2rem}
.indexHzal{justify-content: space-between;}
}

            
/* indexNews */
.indexNews .leftBox{width:44%;max-width:5.78rem}
.indexNews .leftBox .imgbox{width:100%;padding-top:59.69%}
.indexNews .leftBox .imgbox img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexNews .leftBox .imgbox .time{width:1.18rem;height:0.55rem;background:#E6BB54;display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0}
.indexNews .leftBox .fontBox{padding:0 0.36rem}
.indexNews .leftBox .fontBox .title{text-align:center;margin-top:0.25rem}
.indexNews .leftBox .fontBox  .intro{color:#6D7081;margin-top:0.1rem}
.indexNews .leftBox:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.indexNews .rightBox{flex:1;padding-left:0.98rem}
.indexNews .rightBox .tab_li{display:flex;justify-content:flex-end;margin-top:-0.88rem;margin-bottom:0.4rem}
.indexNews .rightBox .tab_li span{cursor:pointer;width:1.2rem;height:0.48rem;background:#F5F6F8;border-radius:0.24rem;-webkit-border-radius:0.24rem;-moz-border-radius:0.24rem;-ms-border-radius:0.24rem;-o-border-radius:0.24rem;display:flex;align-items:center;justify-content:center;color:#909BA7;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;margin-left:0.1rem;margin-right:0.1rem}
.indexNews .rightBox .tab_li span.on{background:#7F1084;color:#fff}
.indexNewsImgList .item{width:calc(50% - 0.12rem)}
.indexNewsImgList .item .itemCon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.indexNewsImgList .item .itemCon .imgbox{width:100%;padding-top:59.355%;margin-bottom:0.16rem}
.indexNewsImgList .item .itemCon .imgbox img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexNewsImgList .item .itemCon:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.indexNewsList{border-top:1px dashed #e5e9ef;margin-top:0.4rem}
.indexNewsList .itemCon{padding-top:0.22rem;padding-bottom:0.22rem;border-bottom:1px dashed #e5e9ef}
.indexNewsList .itemCon .title{color:#10132A;flex:1;padding-right:0.2rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.indexNewsList .itemCon .time{color:#A3A5AD}
.indexNewsList .itemCon:hover .title{color:#7F1084}
.indexNews .rightBox .info:nth-child(3) .wow,.indexNews .rightBox .info:nth-child(2) .wow{visibility:visible !important}
.indexNews .rightBox .info{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}

@media screen and (max-width:1024px){
  .indexNews .rightBox{padding-left:0.2rem}
  .indexNewsList{margin-top:0.2rem}
  .indexNewsList .itemCon{padding-top:0.1rem;padding-bottom:0.1rem}
}

@media screen and (max-width:480px){
  .indexNews{flex-direction:column}
  .indexNews .leftBox{width:100%;max-width:100%}
  .indexNews .rightBox{padding-left:0}
  .indexNews .rightBox .tab_li{justify-content:center;margin-top:0.3rem;margin-bottom:0.3rem}
  .indexNewsList .itemCon{padding-top:0.16rem;padding-bottom:0.16rem}
}


/* indexCount */
.indexCount{height:2.28rem;background:#FFFFFF;box-shadow:0px 0.06rem 0.06rem 0px rgba(0,0,0,0.26);border-radius:0.1rem;-webkit-border-radius:0.1rem;-moz-border-radius:0.1rem;-ms-border-radius:0.1rem;-o-border-radius:0.1rem;margin-top:-1.14rem;position:relative}
.indexCount .numBoxList li{flex:1}
.indexCount .numBoxList .iconBox{height:0.68rem}
.indexCount .numBoxList .iconBox img{min-height:0.37rem;max-height:0.48rem}
.indexCount .numBoxList .numBox{min-height:0.4rem}
.indexCount .numBoxList{width: 100%;}
.indexCount .numBoxList div{text-align:center;display:flex;justify-content:center;align-items:center}
.indexCount .numBoxList .numBox .dw{color:#000}
.indexCount .singlePage p{text-align:center;color:#666;line-height:1.75;margin-bottom:0.3rem}
@media screen and (max-width:768px){
  .indexCount{
    margin-top: 0.3rem;
  }
}
@media screen and (max-width:480px){
  .indexCount .numBoxList div{font-size:0.12rem}
  .indexCount .numBoxList .numBox .num{font-size:0.2rem}
  .indexCount .numBoxList li{padding-left:0.05rem;padding-right:0.05rem}
  .indexCount .numBoxList .mt15{margin-top:0rem}
}

/* 产品中心 */
.indexProduct{position:relative}
.indexProduct ul{margin-left: 0;}
.indexProduct li{margin: 0 0 0.3rem 0.4rem;float:left;width: 2.97rem;}
.indexProduct li a{display:block;position:relative}
.indexProduct li .imgbox{padding-top: 65.32%;}
.indexProduct li .imgbox:after{left:50%;top:50%;width:0;height:0;content:"";position:absolute;background: rgba(127,16,132,0.83);opacity:0;transition:all 0.3s}
.indexProduct li:nth-child(1){width: 6.45rem;margin-left: 0;}
.indexProduct li:nth-child(1) .imgbox{padding-top: 64.962%;}
.indexProduct li .ti{position:absolute;left:0.26rem;top:0.1rem;z-index:2;font-size:0.2rem;color:#fff}
.indexProduct li .more{position:absolute;left:0;bottom:0.45rem;padding-right:0.33rem;background:url(../images/arrowRightP.png) right center no-repeat;color:#fff;transition:all 0.3s;opacity:0;z-index:3}
.indexProduct li:hover .more{left:0.26rem;opacity:1}
.indexProduct li:hover .imgbox:after{opacity:1;left:0;top:0;width:100%;height:100%}
.indexProduct li:nth-child(1){animation:fadeInLeft 1s .2s ease both;-webkit-animation:fadeInLeft 1s .2s ease both;-moz-animation:fadeInLeft 1s .2s ease both}
.indexProduct li:nth-child(2){animation:fadeInRight 1s .3s ease both;-webkit-animation:fadeInRight 1s .3s ease both;-moz-animation:fadeInRight 1s .3s ease both}
.indexProduct li:nth-child(3){animation:fadeInRight 1s .4s ease both;-webkit-animation:fadeInRight 1s .4s ease both;-moz-animation:fadeInRight 1s .4s ease both}
.indexProduct li:nth-child(4){animation:fadeInRight 1s .5s ease both;-webkit-animation:fadeInRight 1s .5s ease both;-moz-animation:fadeInRight 1s .5s ease both}
.indexProduct li:nth-child(5){animation:fadeInRight 1s .6s ease both;-webkit-animation:fadeInRight 1s .6s ease both;-moz-animation:fadeInRight 1s .6s ease both}
@media screen and (max-width:1024px){
  .indexProduct li:nth-child(1){width:48.5%}
  .indexProduct li{width: 22%;}
}
@media(max-width:768px) {
    .indexProduct li:nth-child(1){width:100%}
    .indexProduct li{width: calc(50% - 0.1rem);margin-bottom: 0.2rem;margin-left: 0;margin-right: 0;}
    .indexProduct li .ti{font-size:0.16rem;left:10px;top:10px}
    .indexProduct ul{margin-left:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .indexProduct li .more{background-size:0.24rem}
}


.indexHyys{
  padding-left: 3rem;
}
.ZhongD .ZhongD_part2{position: relative;}
.ZhongD .ZhongD_part2 .slick-list{width: 100%;height: 5.67rem;}
.ZhongD .ZhongD_part2 ul{display: flex;margin-left: -0.16rem;position: relative;z-index:9;align-items: flex-end;}
.ZhongD .ZhongD_part2 ul li{margin-left: 0.16rem;position: relative;border-radius: 0.1rem;overflow: hidden;transition: all .5s;}
.ZhongD .ZhongD_part2 ul li .img{padding-top: 5.57rem;transition: all 0.5s ease;}
.ZhongD .ZhongD_part2 ul li .txt{position: absolute;color: #000;bottom:0;padding: 0.36rem;width:100%;box-sizing: border-box;border-radius: 0.1rem;overflow: hidden;transition: all .5s;display: flex;align-items: flex-end;}
.ZhongD .ZhongD_part2 ul li .txt .iconbox{/* width:0.65rem; *//* height:0.65rem; *//* margin:0 auto; *//* display: flex; *//* align-items: center; *//* justify-content: center; */margin-right: 0.15rem;}
.ZhongD .ZhongD_part2 ul li .txt .iconbox .img2{display: none;}
.ZhongD .ZhongD_part2 ul li .txt .iconbox img{height: 0.5rem;}
.ZhongD .ZhongD_part2 ul li .txt .tit{text-align: center;font-size: 0.2rem;margin-top:0.2rem;transition: all .5s;margin-bottom:0;}
.ZhongD .ZhongD_part2 ul li .txt .tit::before{opacity: 0;}

.ZhongD .ZhongD_part2 ul li.slick-current .img{padding-top: 5.67rem;}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .icon{/* display: flex; *//* align-items: center; *//* justify-content: flex-start; *//* position: relative; *//* width:100%; */}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .icon i{width:0.23rem;height:10px;background: url(../images/more_b.svg) no-repeat center center;background-size: contain;position: absolute;right:0;top:50%;transform: translateY(-50%);}

.ZhongD .ZhongD_part2 ul li.slick-current .txt .icon .iconbox .img1{display: none;}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .icon .iconbox .img2{display: block;}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .icon .iconbox{/* margin:0; */}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .tit::before{opacity: 1;}
.ZhongD .ZhongD_part2 ul li.slick-current .txt .tit{font-size: 0.36rem;margin-left:0.2rem;margin-top:0;;}


.ZhongD .ZhongD_part2 ul li{
	margin-top: 0.1rem;
}
.ZhongD .ZhongD_part2 ul li.slick-current{
	margin-top: 0;
}


.ZhongD .ZhongD_part2 .PartBox ul{
	height: 5.67rem;
}
.ZhongD .ZhongD_part2 .txtH{
	position: absolute;
	left: -0.01rem;
	top: -0.02rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% + 0.02rem);
	color: #7F1084;
	background-image: url(../images/titleBg_1.png);
	background-size: cover;
	height: 50%;
	transition: all 0.5s ease;
	line-height: 1;
}
.ZhongD .ZhongD_part2 .txtH .d-flex{
	padding: 0.56rem  0.1rem;
	width: 100%;
	font-weight: bold;
}
.ZhongD .ZhongD_part2 .txtH .title1{
	background: #7F1084;
	border-radius: 0.05rem;
	color: #fff;
	padding: 0.06rem;
	margin-bottom: 0.2rem;
}
.ZhongD .ZhongD_part2 .txt{
	background-image: url(../images/titleBg_2.png);
	background-size: cover;
	height: 50%;
	padding: 0 !important;
}
.ZhongD .ZhongD_part2 ul li .txt .d-flex{
	line-height: 1.2;
}
.ZhongD .ZhongD_part2 ul li .txt .d-flex{
	padding: 0.36rem 0.1rem;
	width: 100%;
	transition: all 0.5s ease;
	justify-content: center;
}
.ZhongD .ZhongD_part2 ul li.slick-current .txtH .d-flex,
.ZhongD .ZhongD_part2 ul li.slick-current .txt .d-flex{
	background-color: #7F1084;
}

.ZhongD .ZhongD_part2 ul li.slick-current .txtH .d-flex .title1{
	background: #E6BC54;
	color: #7F1084;
}

.ZhongD .ZhongD_part2 ul li.slick-current .txtH .d-flex .title2,
.ZhongD .ZhongD_part2 ul li.slick-current .txt .d-flex .title1,
.ZhongD .ZhongD_part2 ul li.slick-current .txt .d-flex .title2{
	color: #fff !important;
}
@media screen and (max-width:1024px){
	.indexHyys{padding-left: 2.5%;}
	.ZhongD .ZhongD_part2 ul li .txt .iconbox img{height: 0.3rem;}
	.ZhongD .ZhongD_part2 ul li .txt .iconbox{margin-right: 0.1rem;}
	.ZhongD .f30 {
	    font-size: 0.24rem;
	}
}
@media screen and (max-width:768px){
	.ZhongD .ZhongD_part2 .PartBox ul {
	    height: auto;
	    flex-direction: column;
		margin-left: 0;
	}
	
	.indexHyys{padding-right: 2.5%;}

.ZhongD .ZhongD_part2 ul li.slick-current .img,
.ZhongD .ZhongD_part2 ul li .img{
	padding-top: 179%;
}
.ZhongD .ZhongD_part2 .slick-list{
	height: auto;
}
.ZhongD .ZhongD_part2 ul li{
	margin-top: 0;
}

}


/* .indexCpzx */
.indexCpzx{width:calc(100% + 0.22rem);margin-left:-0.11rem}
.indexCpzx .item{margin-left:0.11rem;margin-right:0.11rem}
.indexCpzx .item .itemCon{width:100%;height:100%;position:relative;background-image:url(../images/cpzxImgBg.jpg);background-size:cover;display:block}
.indexCpzx .item .itemCon::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,#4B7BEB 0%,#7E1083 100%);border-radius:0px;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexCpzx .item .itemCon:hover::after{opacity:0.87;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.indexCpzx .item .itemCon .itemConD{width:100%;height:100%;position:relative;z-index:2;padding:0.3rem 0 0.26rem 0}
.indexCpzx .item .itemCon .itemConD .title{color:#020202;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.indexCpzx .item .itemCon .itemConD .ljBtn{width:0.85rem;height:0.38rem;border:1px solid #7E1083;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;color:#7E1083}
.indexCpzx .item .itemCon .itemConD .imgbox{width:100%;padding-top:57.28%;margin-top:0.34rem;margin-bottom:0.34rem}
.indexCpzx .item .itemCon .itemConD .imgbox img{object-fit:contain;width:auto;height:auto;max-height:100%;max-width:calc(100% - 0.6rem);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.indexCpzx .item .itemCon:hover .ljBtn{border-color:#fff;color:#fff}
.indexCpzx .item .itemCon:hover .itemConD .title{color:#fff}

/* .indexJjfa */
.indexJjfa .item{width:calc(100% / 3 - 0.16rem);margin-right:0.24rem}
.indexJjfa .item:nth-child(3n){margin-right:0}
.indexJjfa .item .imgbox{width:100%;padding-top:91.75%}
.indexJjfa .item .fontBox{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding: 1.36rem 0.2rem 0.3rem 0.2rem;color:#fff;line-height:1;z-index:2}
.indexJjfa .item .fontBox .jjfaIcon{height:0.42rem;width:auto;object-fit:contain;margin-bottom:0.28rem}
.indexJjfa .item .imgbox::after{content:'';display:block;background:linear-gradient(47.8437deg,#17B1A1 0%,#0D6FA8 100%);border-radius:0px;opacity:0.81;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;width:100%;height:100%;position:absolute;left:0;top:0}
.indexJjfa .item:nth-child(2n) .imgbox::after{background:linear-gradient(47.8437deg,#0A0F30 0%,#6E95FF 100%)}
.indexJjfa .item:nth-child(3n) .imgbox::after{background:linear-gradient(47.8437deg,#BC6929 0%,#76007B 100%)}
.indexJjfa .item .fontBox  dd{margin-right:0.16rem}
.indexJjfa .item .fontBox  dd a{border-radius: 10px;padding:0.1rem 0.06rem;border:1px solid #fff;margin-bottom:0.1rem;min-width: 0.78rem;text-align:center;color:#fff;display:flex;justify-content:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.indexJjfa .item .fontBox  dd a:hover{background-color:rgba(255,255,255,0.4)}
@media screen and (max-width:1024px){
	.indexJjfa .item .fontBox {
		padding: 0.9rem 0.2rem 0.2rem 0.2rem;
	}
}
@media screen and (max-width:768px){
	.indexJjfa .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.2rem;
	}
	.indexJjfa .item:last-child{
		margin-bottom: 0;
	}
}

.indexWap{display: none;}
@media screen and (max-width:480px){
   .indexWap{display: flex;} 
   .indexPc{display: none;}
}

.indexJjfa .item{
transition: 0.3s;}
.indexJjfa .item:hover{
box-shadow: rgb(127 16 132 / 8%) 15px 15px 15px 15px;
    
transform: translate3d(0px, -13px, 0px);
}
.indexJjfa .item .imgbox span img{transition:all 0.5s ease}
.indexJjfa .item:hover .imgbox span img{transform: scale(1.05);}