.banner{}
.banner .swiper-slide{padding-bottom: 50%;}
.banner .swiper-slide video{position: absolute;width: 100%;min-height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner .banPag{position: absolute;left: 0;bottom: 1.33rem !important;z-index: 2;display: flex;justify-content: center;}
.banner .banPag span{border-radius: 0;width: 2rem;height: 2px;background: #fff;}

.idxOne .titleText h5{font-family: "Poppins-Bold";color: #00B9EF;}
.idxOne .titleText .title{line-height: 1.33;width: 59%;margin:0.4rem auto 0;}
.idxOne .titleText .subtitle{line-height: 1.75;width: 70%;margin-left: 15%;}
.idxOne .wrap{width: 78%;margin:2rem auto 0;height: 16.6rem;}
.idxOne .wrap .item{width: 32%;height:100%;border-radius: 0.66rem;position: absolute;left: 50%;top: 0;margin-left: -16%;}
.idxOne .wrap .item.item1{z-index: 3;}
.idxOne .wrap .item.item2{z-index: 2;transform: rotate(20deg) scale(0.9) translateX(45%);}
.idxOne .wrap .item.item3{z-index: 1;transform: rotate(-20deg) scale(0.9) translateX(-40%);}
.idxOne .wrap .item.active{transform:none }
.idxOne .wrap .item span{position: absolute;width: 100%;bottom: 1rem;}
/* 首页统一more */
.idxMore{border: 1px solid #222;border-radius: 1rem;line-height: 2rem;width: 6rem;text-align: center;box-sizing: border-box;}
.idxMore:hover{border-color: transparent;background: #fff;  backdrop-filter: blur(10px);}
.idxMore::before {width: 0;height: 110%;border-radius: 1rem;background: #00B9EF;left: -5%;top: -5%;opacity: 0;}
.idxMore:hover span{color: #fff;}
.idxMore:hover::before{width: 110%;opacity: 1;}
/* 产品 */
.idxTwo{background: #f6f6f6;}
.idxTwo .titleText .intel{width: 58.8%;}
.idxTwo .titleText .intel .subtitle{line-height: 1.33;}
.idxTwo .titleText h6{width: 24.6%;}
.idxTwo .w90p{margin-left: 5.4%;}
.idxTwo .wrap .tabs{width: 24.6%;background: #f6f6f6;z-index: 2;}
.idxTwo .wrap .tabs .item{margin-bottom: 1rem;}
.idxTwo .wrap .tabs a{line-height: 1.1rem;padding-left: 0.6rem;color: #222;}
.idxTwo .wrap .tabs a::before{width: 0.4rem;height: 1px;background: #222222;top: 50%;left: 0;}
.idxTwo .wrap .tabs .item.active a{padding-left: 1.66rem;color: #00B9EF;}
.idxTwo .wrap .tabs .item.active a::before{width: 1.33rem;background: #00B9EF;}
.idxTwo .wrap .tabSwiper{width: 75.4%;}
.idxTwo .wrap .tabSwiper .cpSwiper{overflow: hidden;min-height: 15.6rem;}
.idxTwo .wrap .tabSwiper .cpSwiper .swiper-slide{background-color: #fff;border-radius: 0.4rem;}
.idxTwo .wrap .tabSwiper .cpSwiper a .img{padding: 1.33rem 1.33rem 0.6rem ;height: 10.7rem;}
.idxTwo .wrap .tabSwiper .cpSwiper a .img img{max-width: 86%;max-height: 86%;}
.idxTwo .wrap .tabSwiper .cpSwiper a .img::after{width:9.4rem ;height: 9.4rem;border-radius: 50%;background: linear-gradient(to top,rgba(0,185,239,0.4),rgba(0,185,239,0));filter: blur(100px);top: -7.3rem;right: -2rem;content: '';position: absolute;opacity: 0;transition: 0.43s;}
.idxTwo .wrap .tabSwiper .cpSwiper a .ico{position: absolute;right: 0;top: 0;width: 2.93rem;opacity: 0;transition: 0.2s;transform: translateX(100%);}
.idxTwo .wrap .tabSwiper .cpSwiper a .title{margin: 0 1rem 1rem;height: 1rem;}
.idxTwo .wrap .tabSwiper .cpSwiper a .subtitle{margin: 0 1rem  ;height: 1rem;}
.idxTwo .wrap .tabSwiper .cpSwiper a{position: relative;}
.idxTwo .wrap .tabSwiper .cpSwiper a:hover .img::after{opacity: 1;}
.idxTwo .wrap .tabSwiper .cpSwiper a:hover .ico{opacity: 1;transform:translateX(0%)}
.idxTwo .wrap .tabSwiper .cpSwiper a:hover .img img{max-width: 90%;max-height: 90%;}
.idxTwo .wrap .tabSwiper .cpSwiper a:hover .title{color: #00B9EF;}
.idxTwo .wrap .tabSwiper .cpSwiper .btn{position: absolute;right: 6%;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;gap: 4px;width: 2.66rem;height: 2.66rem;border-radius: 50%;background: #222;z-index: 2;}
.idxTwo .wrap .tabSwiper .cpSwiper .btn img{cursor: pointer;}
/* 活动 */
.idxThree .btn{position: absolute;top: 50%;margin-top: -0.5rem; z-index: 2 ;cursor: pointer;transition: 0.3s;color: #fff;text-transform: uppercase;line-height: 1rem;}
.idxThree .btn.prev::before,.idxThree .btn.next::before{width: 2rem;height: 2px;background: #fff;position: absolute;top: 50%;margin-top: -1px;content: '';}
.idxThree .btn.prev{left: 0;padding-left: 2.3rem;transform: translateX(-100%);}
.idxThree .btn.prev::before{left:0}
.idxThree .btn.next{right:0;padding-right: 2.3rem;transform: translateX(100%);}
.idxThree .btn.next::before{right: 0;}
.idxThree:hover .btn.prev,.idxThree:hover .btn.next{transform: translateX(0%);}
.idxThree .titleText{position: absolute;right: 5.4%;top: 3.33rem;z-index: 3;}
.idxThree .titleText h6{text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.idxThree .imgSwiper a{padding-bottom: 37.5%;}
.idxThree .imgSwiper a::before{width: 100%;height: 30%;background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));left: 0;bottom: 0;position: absolute;content: '';z-index: 1;}
.idxThree .imgSwiper a .text{bottom: 1rem;z-index: 2;position: absolute;left: 5.4%;}
.idxThree .imgSwiper a .text .name{line-height: 1.33;margin-bottom: 0.8rem;display:none}
.idxThree .imgSwiper a .text .time{background: url(../images/ico_time.svg) left 0.2rem no-repeat;padding-left: 1rem;background-size: 0.55rem;line-height: 1rem;margin-right: 1rem;}
.idxThree .imgSwiper a .text .add{background: url(../images/ico_add.svg) left 0.2rem no-repeat;padding-left: 1rem;background-size: 0.55rem;line-height: 1rem;margin-right: 1rem;}
.idxThree .imgSwiper a .text .zwh{background: url(../images/ico_zwh.svg) left 0.2rem no-repeat;padding-left: 1rem;background-size: 0.55rem;line-height: 1rem;}
.idxThree .imgSwiper .pag{position: absolute;right: 0;bottom: 1.4rem;z-index: 3;display: flex;left: auto;width: auto !important;gap: .5rem;justify-content: center;width: 100% !important;}
.idxThree .imgSwiper .pag span{border-radius: 0;width: 2rem;height: 3px;background: #fff;opacity: 0.6 !important;}
.idxThree .imgSwiper .pag span.swiper-pagination-bullet-active{opacity: 1 !important}
/* 新闻 */
.idxFour .titleText .left{width: 58.8%;line-height: 1.3;}
.idxFour .titleText .left h6,.idxFive .titleText h6{margin-bottom: 0.4rem;}
.idxFour .titleText .left div,.idxFive .titleText div{line-height: 1.33;}
.idxFour .wrap a{background: #F6F6F6;border-radius: 0.4rem;position: relative;overflow: hidden;}
.idxFour .wrap .swiper-slide{height: calc((100% - 20px) / 2);background-color: #F6F6F6;}
.idxFour .wrap .swiper-slide a{padding: 1rem;position: relative;overflow: hidden;}
.idxFour .wrap .swiper-slide a::after{width: 9.4rem;height: 9.4rem;border-radius: 50%;background: linear-gradient(to top,rgba(0,185,239,0.4),rgba(0,185,239,0));filter: blur(100px);position: absolute;content: '';right: 0;bottom: -4.7rem;opacity: 0;transition: 0.3s;transform: scale(0);}
.idxFour .wrap .swiper-slide a .time{line-height: 1.75;}
.idxFour .wrap .swiper-slide a .title{line-height: 1.1rem;height: 2.2rem;margin: 0.4rem 0 1.33rem;}
.idxFour .wrap .swiper-slide a .type{border: 1px solid #999;padding: 0 0.4rem;line-height: 1.1rem;border-radius: 1.33rem;display: inline-block;}
.idxFour .wrap .swiper-slide a:hover .title{text-decoration: underline;}
.idxFour .wrap .swiper-slide a:hover::after{opacity: 1;transform: scale(1);}
.idxFour .wrap .pag span,.idxThree_pag span{width: 2rem;height: 2px;background: #222;border-radius: 0;opacity: 0.4;}
.idxFour .wrap .pag span.swiper-pagination-bullet-active,.idxThree_pag span.swiper-pagination-bullet-active{opacity: 1;}

.idxFive{background-image: url(../images/bg_esg@2x.jpg);background-attachment: fixed;}
.idxFive .titleText{width: 35.3%;}
.idxFive .idxMore{display: block;border-color: #fff;}
.idxFive .idxMore:hover{border-color:#00B9EF;}
.idxFive .wrap{width: 50.6%;margin-top: 1.5rem;line-height: 1rem;height: 20rem;}

@media screen and (max-width:1080px){
	
}
@media screen and (max-width:991px){
	.idxOne .titleText .title{margin: 0.4rem auto;width:80%;}
	.idxOne .titleText .subtitle{width: 90%;margin: auto;}
	.idxOne .wrap{height: auto;display: flex;justify-content: space-between;width: 90%;}
	.idxOne .wrap .item{transform: inherit !important; position: relative;left: auto;bottom: auto;padding-bottom: 35%;margin: 0; height: 0;}
	.idxThree .imgSwiper a{padding-bottom: 65%;}
	.idxThree .imgSwiper a .text{width: 60%;}
}
@media screen and (max-width:760px){
	.banner .swiper-slide{padding-bottom: 55%;}
	.idxMore{height: 1.4rem;line-height: 1.4rem;}
	.idxTwo .wrap{margin-top: 1rem;}
	.idxTwo .titleText .intel{width: 100%;margin-top: 0.4rem;}
	.idxTwo .wrap .tabs{width: 100%;margin-bottom: 0.4rem;display: flex;justify-content: space-between;gap: 2rem;}
	.idxTwo .wrap .tabs a{padding-left: 0 !important;display: block;height: 100%;}
	.idxTwo .wrap .tabs a::before{left: 50%;bottom: 0;transform: translateX(-50%);top: auto;bottom: -0.5rem;}
	.idxTwo .wrap .tabs .item{flex: 1;text-align: center;}
	.idxTwo .wrap .tabSwiper .cpSwiper a .img{height: 5.7rem;}
	.idxTwo .wrap .tabSwiper .cpSwiper .btn{right: 1%;top: auto;transform: inherit;bottom: 0;}
	.idxTwo .wrap .tabSwiper{width: 100%;overflow: hidden;}
	.idxTwo .wrap{width: 100%;}
	.idxThree .imgSwiper a .text{width: 80%;bottom: 0.5rem;}
	.idxThree .titleText{top: 0.5rem;}
	.idxThree .imgSwiper a .text .time{margin-bottom: 0;}
	.idxThree .imgSwiper a .text .name{margin-bottom: 0.4rem;}
	.idxThree .imgSwiper a{padding-bottom: 39%;}
	.idxFour .titleText .left{width: 100%;margin-bottom: 0.5rem;}
	.idxFour .wrap .swiper-slide a .title{-webkit-line-clamp:3;height: 3.3rem;margin-bottom: 0.5rem;}
	.idxFour .wrap .swiper-slide a{padding: 0.4rem;}
	.idxFive .titleText,.idxFive .wrap{width: 100%;}
	.idxFive .wrap{height: inherit;}
	.banner .banPag{bottom: 0.8rem !important;}
	.idxTwo .wrap .tabSwiper .cpSwiper{overflow: hidden;}
	.idxThree .imgSwiper a::before{height: 100%;background: rgba(0,0,0,0.5);}
	.idxThree .imgSwiper .pag span{width: 3px;}
	.idxThree .imgSwiper .pag span.swiper-pagination-bullet-active{width: 1rem;}
	.idxThree .imgSwiper .pag{bottom: 1rem;justify-content: end;right: 5%;gap: .1rem;}
	.idxTwo .w90p{margin-left: 5%;margin-right: 5%;}
	.idxOne .titleText{text-align: left;}
	.idxOne .titleText .title,.idxOne .titleText .subtitle{width: 100%;}
	.idxOne .wrap{margin: 1rem auto 0;flex-wrap: wrap;}
	.idxOne .wrap .item{width: 48%;}
	.idxOne .wrap .item1{width: 100%;margin-bottom: 0.5rem;}
	
	.idxFive{background-attachment: inherit;position: relative;overflow: hidden;}
	.idxFive::before{width: 100%;height: 100%;background: rgba(0,0,0,0.5);backdrop-filter: blur(2px);left: 0;top: 0;position: absolute;content: '';}
	.idxFive .w90{position: relative;z-index: 2;}
	.idxThree .btn.prev::before,.idxThree .btn.next::before{width: 1rem;}
	.idxThree .btn.prev{padding-left: 1.5rem;}
	.idxThree .btn.next{padding-right: 1.5rem;}
	.idxTwo .wrap .tabSwiper .cpSwiper .btn{width: 1.5rem;height: 1.5rem;gap: 0;}
	.idxThree_pag{margin-top: 1.2rem;}
	
	.idxTwo .wrap .tabs{display: none;}
	.idxTwo .wrap .tabSwiper .cpSwiper{min-height: 11.5rem;}
}