.banner .swiper-slide{height: 100%;position: relative;}
.banner .swiper-slide::after{width: 100%;height: 21.7%;background: linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));left: 0;bottom:0;content:'';position:absolute;}
.banner .swiper-slide .text{position: absolute;width: 43.2%;left: 50%;transform: translateX(-50%);top: 50%;opacity: 0;}
.banner .swiper-slide.swiper-slide-active .text{top: 33.7%;opacity: 1;transition: 0.7s;}
.banner .swiper-slide .obCover{transform: translate(-50%, -50%) matrix(1.2, 0, 0, 1.2, 0, 0);transition: 4s ease-in-out;}
.banner .swiper-slide.swiper-slide-active .obCover{transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0)}
.banner .swiper-pagination{z-index: 2;bottom:2rem !important;transform: translateY(50%); display: flex; width: 100% !important;justify-content: center;align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 1.5rem;height: 1.5rem;margin: 10px 5px !important;opacity: 1;transition: 0.5s;background: none;}
.banner .swiper-pagination .swiper-pagination-bullet::before{width: 0.3rem;height: 0.3rem;border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);content: '';}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 127;stroke-dashoffset: -127;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: rgba(255,255,255,0);color: #fff;transform: scale(1);}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 5s linear forwards;}
.banner .swiper-pagination .swiper-pagination-bullet-active{color: #fff;}

@keyframes svgAni{
	to{stroke-dashoffset: 0;}
}
.banner{z-index: 1;position: fixed;width: 100%;height: 25rem;}
.paddLRAll{padding: 0 11%;}
.indexBox{top: 25rem;}
.idxOne,.idxTwo{background-color: #fff;}
.idxTitleAll{border-bottom: 1px solid rgba(216,216,216,0.5);}
.idxTitleAll .more{padding-bottom: 0.6rem;line-height: 1rem;color: #fff;}
.idxTitleAll .more::after{width: 100%;height: 3px;background: #fff;bottom: -3px;right:0}
.idxTitleAll .more:hover,.idxTitleAll a:hover{color:#CA9D58}
.idxTitleAll .more:hover::after{background:#C8A064}
.idxTitleAll h5{font-family: "Barlow-Regular";padding-bottom: 0.6rem;}
.idxTitleAll h6{line-height: 1rem;padding-bottom: 0.6rem;}
.idxTitleAll h6 i{font-family: "Barlow-Regular";}
.idxTitleAll h6 span{padding: 0 0.5rem;}
.idxTitleAll h6 span::before,.idxTitleAll h6 span::after{filter: brightness(0) invert(1);width: 0.5rem;height: 100%;}
.idxTitleAll h6 span::before{left: 0;top: 0;background: url(../images/navLeft.svg) left center no-repeat;}
.idxTitleAll h6 span::after{right: 0;top: 0;background: url(../images/nevRight.svg) right center no-repeat;}
.idxTitleAll.idxTitleAllblack h6 span::before,.idxTitleAll.idxTitleAllblack h6 span::after{filter: brightness(0) invert(0.1);}
.idxTitleAll > div{display: inline-flex;}
.idxTitleAll .tabs {display: inline-flex;margin-right: 0.6rem;}
.idxTitleAll .tabs a{margin: 0 0.6rem;position: relative;padding-bottom: 0.6rem;}
.idxTitleAll .tabs a::before{width: 2px;height: 0.6rem;background: #D0CDC5;right: -0.7rem;top: 0.2rem;content: '';position: absolute;}
.idxTitleAll .tabs a::after{width: 0;height: 2px;background: -webkit-linear-gradient(#C8A064, #D7B679);bottom: -0.1rem;left: 0;content:'';position: absolute;transition: 0.3s;}
.idxTitleAll .tabs a.active::after{width: 100%;}
.idxTitleAll .tabs a.active{background: -webkit-linear-gradient(#C8A064, #D7B679);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent; text-transform: uppercase;}
.idxTitleAll a{color:#64615B}
.idxOne .left{background-image: url(../images/bg_idxOneLeft@2x.png);width: 50%;padding-left: 11%;box-sizing: border-box;padding-top: 3rem;padding-right: 5.5%;padding-bottom: 3.1rem;overflow: hidden;}
.idxOne .left .wrap {color: rgba(255, 255, 255, 0.9);line-height: 1.1rem;margin:1.77rem 0 2.47rem;}
.idxOne .left ul li .shuzi i{font-size: 2rem; font-family: "Barlow-Medium"; background: -webkit-linear-gradient(#C8A064, #D7B679);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent; text-transform: uppercase;font-weight: bold;}
.idxOne .left ul li .shuzi  em{background: -webkit-linear-gradient(#C8A064, #D7B679);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent; text-transform: uppercase;font-weight: bold;}
.idxOne .left ul li .name{line-height: 1.1rem;}

.idxOne .right{background-image: url(../images/bg_idxOneRight@2x.png);width: 50%;box-sizing: border-box;padding: 2rem 11% 2rem 3.6%;overflow: hidden;}
.idxOne .right dl{align-items: center;padding: 0.5rem 0;border-bottom:1px solid #DFDBD1 ;margin-right: 0.3rem;}
.idxOne .right dl dt{font-family: "Barlow-SemiBold";width: 3.47rem;color: #64615B;}
.idxOne .right dl dt a{position: absolute;width: 100%;height: 100%;left:0;top:0;}
.idxOne .right dl dt *{transition: 0.3s;}
.idxOne .right dl dt::after{width: 2px;height: 2rem;background: #D0CDC5;right: 0;top: 50%;transform: translateY(-50%);}
.idxOne .right dl dt .data{font-size: 1.5rem;}
.idxOne .right dl dd{width: calc(100% - 3.47rem - 1.57rem);margin-left: 1.57rem;position: relative;}
.idxOne .right dl dd:after{width: 1.6rem;height: 1.6rem;background: url(../images/icon_idxNewsMore2.svg) right center no-repeat;position: absolute;right: 0;top: 50%;margin-top: -0.8rem ;content: '';transition: 0.5s;transform: scale(0);}
.idxOne .right dl dd::before{width: 1.6rem;height: 1.6rem;background: url(../images/icon_idxNewsMore1.svg) right center no-repeat;position: absolute;right: 0;top: 50%;margin-top: -0.8rem ;content: '';transition: 0.5s;}
.idxOne .right dl dd a{color:#8D8981;width: 68%;line-height: 1rem;}
.idxOne .right dl:hover dd::after{transform: scale(1);}
.idxOne .right dl:hover dd::before{transform: scale(0);}
.idxOne .right dl:hover dt *{background: -webkit-linear-gradient(#C8A064, #D7B679);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent; text-transform: uppercase;}

/*行业*/
.idxTwo .idxTitleAll{position: absolute;left: 11%;width: calc(100% - 22%);top: 12.9%;z-index: 2;}
.idxTwo .imgswiper .img{padding-bottom: 40.5%;}
.idxTwo .imgswiper .img .icon img{filter: brightness(0) invert(1);}
.idxTwo .imgswiper .img img{transform: translate(-50%, -50%) matrix(1.2, 0, 0, 1.2, 0, 0);transition: 0.5s ease-in-out;}
.idxTwo .imgswiper .wrap{position: absolute;left: 11%;z-index: 2;top: 40%;width: 34.8%;opacity: 0;transition: 0.5s ease-in-out;}
.idxTwo .imgswiper .wrap h5{line-height: 1.1rem;margin-bottom: 0.8rem;}
.idxTwo .imgswiper .wrap .textAll{line-height: 1rem;margin-bottom:1.4rem ;}
.idxTwo .imgswiper .wrap .more{background: url(../images/bg_idxtwoMore.svg) center no-repeat;background-size: cover;width: 5.5rem;line-height: 1.56rem;display: block;text-align: center;}
.idxTwo .imgswiper .wrap .more span::after{width: 0.6rem;height: 0.6rem;background: url(../images/icon_idxNewsMore1.svg) center no-repeat;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(1);}
.idxTwo .imgswiper .wrap .more span{padding-right: 1rem;}
.idxTwo .imgswiper .wrap .more:hover span{padding-right: 1.3rem;}
.idxTwo .imgswiper .wrap ul{gap: 1.8rem;margin-top: 2.2rem;line-height: 1rem;}
.idxTwo .imgswiper .wrap ul .icon{width: 2.43rem;height: 2.3rem;border-radius: 5px;background: rgba(255,255,255,0.3);display: block;backdrop-filter: blur(10px);margin:0 auto 0.4rem;}
.idxTwo .imgswiper .wrap ul .icon::before{width: 100%;height: 100%;background: -webkit-linear-gradient(#C8A064, #D7B679);  left:0;top:0;transform: scale(0);border-radius: 50%;}
.idxTwo .imgswiper .wrap ul li:hover .icon::before{transform: scale(2);}
.idxTwo .imgswiper .wrap ul li:hover .icon img{transform: translate(-50%,-50%) rotateY(180deg);}
.idxTwo .imgswiper .swiper-slide.swiper-slide-active .wrap{opacity: 1;top:26%}
.idxTwo .imgswiper .swiper-slide.swiper-slide-active .img img{transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0)}
.idxTwo .tabsSwiper{position: absolute;right: 11%;width: 15.6%;bottom: 0;z-index: 3;height: 76.3%;}
.idxTwo .tabsSwiper .swiper-slide{}
.idxTwo .tabsSwiper .swiper-slide a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.idxTwo .tabsSwiper .swiper-slide a::after{width: 100%;height: 100%;border: 3px solid #EDCC7C;box-sizing: border-box;left: 0;top: 0;transform: scale(0);}
.idxTwo .tabsSwiper .swiper-slide.swiper-slide-thumb-active a::after{transform: scale(1);}
.idxTwo .tabsSwiper a span{position: absolute;width: 100%;padding: 0.1rem 0.8rem;line-height: 1.5rem;box-sizing: border-box;top: 0;left:0;display: flex;justify-content: space-between;color: #fff;}
.idxTwo .tabsSwiper a span em{font-family: "Barlow-Regular";}

@media screen and (max-width:1520px){
	.banner .swiper-pagination .swiper-pagination-bullet svg{left: -5px;top: -5px;}
	.idxOne .right dl dd a{width: 80%;}
}
@media screen and (max-width:1280px){
	.idxOne .left{padding-left: 5%;}
	.idxOne .right{padding-right: 5%;}
	.idxTwo .idxTitleAll{left: 5%;width: 90%;}
	.idxTwo .tabsSwiper{right: 5%;}
	.idxTwo .imgswiper .wrap{left:5%}
	.idxTwo .imgswiper .img{padding-bottom: 50%;}
	.idxOne .left ul li .shuzi i{font-size: 1.2rem;}
}
@media screen and (max-width:991px){
	.idxTwo .imgswiper .wrap ul{margin-top: 1.5rem;}
	.idxTwo .imgswiper .img{padding-bottom: 60%;}
	.idxOne .left ul li .shuzi i{font-size: 1rem;}
	.idxOne .left,.idxOne .right{width: 100%;}
	.idxOne{flex-wrap: wrap;}
}
@media screen and (max-width:760px){
	.banner .swiper-slide{padding-bottom: 85%;}
	.banner .swiper-slide.swiper-slide-active .text{top: 40%;}
	.idxOne .left,.idxOne .right{padding-top: 1.5rem;padding-bottom: 1.5rem;}
	.idxTitleAll .tabs{margin-right: 0.3rem;}
	.idxTitleAll .tabs a{margin: 0 0.3rem;}
	.idxTitleAll .tabs a:first-child{margin-left: 0;}
	.idxTitleAll .tabs a::before{right: -0.3rem;}
	.idxOne .right .wrap{margin-top: 0.3rem;}
	.idxTwo .tabsSwiper{width: 31%;}
	.idxTwo .imgswiper .img{padding-bottom: 100%;}
	.idxTwo .tabsSwiper a span em,.idxTwo .imgswiper .wrap ul{display: none;}
	.idxTwo .imgswiper .wrap{width: 50%;}
	.idxTwo .imgswiper .wrap{top: 60%;}
	.idxTwo .imgswiper .swiper-slide.swiper-slide-active .wrap{top: 35%;}
}