.banner .img{padding-bottom: 44.8%;}
.banner .swiper-pagination-bullets.banpage{bottom: 17.5%;z-index: 3;position: absolute;width: 100%;text-align: center;}
.banner .swiper-pagination-bullets.banpage span{border-radius: 0;width: 0.33rem;height: 4px;background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullets.banpage span.swiper-pagination-bullet-active{width: 2rem;}
.idxone{gap: 0.66rem;margin-top: -4rem;position: relative;z-index: 2;}
.idxone .item{border-radius: 8px;box-shadow: 0 0.66rem 1rem rgba(0,0,0,0.12);flex: 1;padding: 1rem;box-sizing: border-box;}
.idxone .item:nth-child(1){background: url(../images/idxonebg1.jpg) no-repeat center;background-size: cover;}
.idxone .item:nth-child(2){background: url(../images/idxonebg2.jpg) no-repeat center;background-size: cover;}
.idxone .item:nth-child(3){background: url(../images/idxonebg3.jpg) no-repeat center;background-size: cover;}
.idxone .item .title{background-size: 1.33rem;background-repeat: no-repeat;background-position: left center; padding-left: 1.73rem;line-height: 1.33rem;}
.idxone .item:nth-child(1) .title{background-image: url(../images/idxoneico1.svg);}
.idxone .item:nth-child(2) .title{background-image: url(../images/idxoneico2.svg);}
.idxone .item:nth-child(3) .title{background-image: url(../images/idxoneico3.svg);}
.idxone .item .textAll{margin: 0.33rem 0 0;line-height: 1.75;}
.idxone .item .more{width: 1.07rem;height: 1.07rem;border: 1px solid #fff;border-radius: 50%;display: block;margin-top:1.13rem ;}
.idxone .item .more img{filter: brightness(0) invert(1);}
.idxone .item:hover{transform: translateY(-10px);}
.idxone .item:hover .more{background-color: #fff;}
.idxone .item:hover .more img{filter: none;}

.idxbg1{background-image: url(../images/idxongbigbg.jpg);}
.idxtitle span{padding: 0 2.27rem;}
.idxtitle span::before,.idxtitle span::after{width: 1.87rem;height:1.2rem;position: absolute;top: 50%;transform: translateY(-50%);}
.idxtitle span::before{background: url(../images/idxtitleLeft.svg) no-repeat center;left: 0;background-size: contain;}
.idxtitle span::after{right: 0;background: url(../images/idxtitleRight.svg) center no-repeat;background-size: contain;}

.idxtwo .textAll{line-height: 1.75;margin-bottom: 0.66rem;text-align: justify;}
.idxtwo ul{position: relative;}
.idxtwo ul::after{width: 100%;height: 11px;background: url(../images/idxtwoline.png) right center no-repeat;bottom: 0;background-size: 100%;}
.idxtwo ul li:nth-child(4){width: 20%;position: absolute;right: 35px;padding: 0;bottom: -27px;}
.idxtwo ul li {padding-bottom: 1.66rem;padding-top: 2.2rem;width: 27%;}
.idxtwo ul li .fontF{text-transform: uppercase;}
.idxtwo ul li::after{width: 2rem;height: 2px;background-color: #E6320F;left: 0;bottom: 0.2rem;}
.idxtwo .idxmoreAll{margin-top: 1.67rem;}
.idxmoreAll{border: 1px solid #222222;line-height: 1.87rem;border-radius: 1rem;display: block;margin: auto;width: 5.33rem;text-align: center;}
.idxmoreAll::before{width: 0;height: 100%;background: #E6320F;left: 0;top: 0;border-radius: 1rem;}
.idxmoreAll span{padding-right: 0.66rem;position: relative;z-index: 2;}
.idxmoreAll span::after{width: 8px;height: 12px;background: url(../images/idxmore.svg) no-repeat center;filter: brightness(0) invert(0.3);top: 50%;transform: translateY(-50%);right: 0;}
.idxmoreAll:hover::before{width: 100%;}
.idxmoreAll:hover{border-color: #E6320F;}
.idxmoreAll:hover span{color: #fff;}
.idxmoreAll:hover span::after{filter: brightness(0) invert(1);}

.idxthree{background-image: url(../images/videoimg.jpg);padding-bottom: 35%;}
.idxthree .poHiiden{position: absolute;width: 100%;top: 50%;transform: translate(-50%,-50%);left: 50%;height: 100%;}
.idxthree video{width: 100%;}
.idxthree .text{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.idxthree::before{width: 4.13rem;height: 1.33rem;background: url(../images/idxvideoico2.svg) center no-repeat;left: 50%;top: -1px;transform: translateX(-50%);background-size: cover;z-index: 3;}
.idxthree::after{width: 1.88rem;height: 1.88rem;background: url(../images/idxvideoico1.svg) center no-repeat;left: 50%;transform: translateX(-50%);top: -1rem;background-size: 100%;z-index: 4;}

.idxfour{background-image: url(../images/idxfourbg.jpg);}
.idxfour .item1,.idxfour .item2{width: 31.86%;}
.idxfour .item1{background-color: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.12);border-radius: 8px;overflow: hidden;}
.idxfour .item1 .text{padding: 0.66rem;}
.idxfour .item1 .img{padding-bottom: 9.33rem;}
.idxfour .item1 .title{line-height: 28px;}
.idxfour .item1 .subtitle{line-height: 28px;height: 56px;margin: 0.4rem 0 1.4rem;}
.idxfour .item1:hover {box-shadow: 0 4px 20px rgba(0,0,0,0.4);}
.idxfour .item1:hover .img img{transform:translate(-50%,-50%) scale(1.1);}
.idxfour .item1:hover .title,.idxfour .item2 li a:hover .title{color: #E6320F;transform: translateY(-5px);}
.idxfour .red{color: #E6320F;}
.idxfour .yellow{color: #F5A200;}
.idxfour .item2 li{border-bottom: 1px solid #DDDDDD;}
.idxfour .item2 li a{padding: 0.66rem 0;}
.idxfour .item2 li:first-child a{padding-top: 0;}
.idxfour .item2 li a .title{line-height: 28px;height: 56px;margin: 0.6rem 0 0.2rem;}
.idxfour .item2 li a .time{line-height: 28px;}
@media screen and (max-width:1080px){
	.idxone{margin-top: -2rem;}
}
@media screen and (max-width:900px){
	.idxone{margin-top: 1rem;}
	.idxtwo ul li:nth-child(4){right: 16px;bottom: -14px;}
}
@media screen and (max-width:760px){
	.idxone .item .title{padding-left: 0;padding-top: 1.8rem;background-position: center top;text-align: center;font-size: 0.7rem;}
	.idxone .item{padding: 0.5rem;}
	.idxone .item .textAll,.idxtwo ul::after{display: none;}
	.idxone .item .more{margin: 0.5rem auto 0;}
	.idxtwo ul li{width: auto;padding: 1rem 0;}
	.idxtwo ul li .cn{display: block;}
	.idxtwo ul{justify-content: space-between;}
	.idxtwo ul li:nth-child(4){bottom: 90%;}
	.idxmoreAll{width: 4rem;line-height: 1.37rem;}
	.idxtwo .idxmoreAll{margin-top: 1rem;}
	.idxthree{padding-bottom: 50%;}
	.idxthree .text{font-size: 0.8rem;}
	.idxfour .item1, .idxfour .item2{width: 100%;}
	.idxfour .item1 .subtitle{margin: 0.2rem 0 0.5rem;}
	.idxfour .item2{box-shadow: 0 4px 20px rgba(0,0,0,0.12);background: #fff;padding: 0.66rem;}
	.idxfour .item2 li:last-child{border-bottom: none;}
	.idxfour .item2 li:last-child a{padding-bottom: 0;}
	.banner .img{padding-bottom: 56%;}
	.banner .swiper-pagination-bullets.banpage{bottom: 10%;}
}