.banner a{height: 100vh;}
.banPage{position: absolute;left: 50%;bottom: 3rem;z-index: 2;transform: translateX(-50%);width: 32.5%;border-bottom: 1px solid #fff;}
.banPage .swiper-pagination{position: relative;left: auto;top: auto;height: 30px;padding-bottom: 10px;}
.banPage span{flex: 1;position: relative;background: none;opacity: 1;line-height: 30px;height: 30px;}
.banPage span::after{width: 17px;height: 2px;background: #fff;position: absolute;left: 50%;bottom: -30px;content: '';margin-left: -7.5px;transform: scaleX(0);transition: 0.3s;}
.banPage span.swiper-pagination-bullet-active::after{transform: scaleX(1);}

.idxOne{background: url(../images/idxbg1.jpg) center no-repeat;background-size: cover;}
.idxtitle .name .cn{font-weight: bold;}
.idxtitle .name .cn::after{width: 34px;height: 4px;background: url(../images/idxtitIco.svg) no-repeat center;right: -50px;top: 50%;transform: translateY(-50%);}
.idxtitle .name .en{position: absolute;-webkit-text-stroke: 1px #D9D9D9;color: transparent;font-size:2.4rem ; left: 0;top: 50%;transform: translateY(-50%);text-transform: uppercase;opacity: 0.7;white-space: nowrap;}
.idxmore{border: 1px solid #999999;line-height: 1.66rem;border-radius: 25px;width:5.86rem ;text-align: center;display: inline-block;}
.idxmore i{padding-right: 2rem;}
.idxmore i::after{width: 20px;height: 10px;background: url(../images/idxmore.svg) right center no-repeat;right: 0;top: 50%;margin: -5px 0 0;filter: brightness(0) invert(0.3);}
.idxmore:hover{border-color: #115AAD;background: #115AAD;}
.idxmore:hover i{filter: brightness(0) invert(1);}
.idxOne .wrap{background: #fff;}
.idxOne .wrapLeft{width: 51.4%;}
.idxOne .wrapLeft a{padding-bottom: 486px;}
.idxOne .wrapLeft a span{padding: 0.5rem 1.3rem;background: rgba(0,0,0,0.2);width: 100%;bottom: 0;left: 0;position: absolute;box-sizing: border-box;}
.idxOne .wrapLeft a span .title{width: 60%;}
.idxOne .wrapLeft a:hover img{transform: translate(-50%,-50%) scale(1.08);}
.idxOne .wrapLeft .btn{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 100px;background: rgba(0,0,0,.3);z-index: 2;cursor: pointer;}
.idxOne .wrapLeft .btn.prev{left: 0;}
.idxOne .wrapLeft .btn.next{right: 0;}
.idxOne .wrapLeft .btn img{filter: brightness(0) invert(1);width: 10px;}
.idxOne .wrapright{width: 48.6%;padding: 0.5rem 1.33rem;box-sizing: border-box;}
.idxOne .wrapright .tabs{border-bottom: 1px solid #D9D9D9;}
.idxOne .wrapright .tabs a{padding: 0.833rem 0;margin-left: 2rem;}
.idxOne .wrapright .tabs a:first-child{margin-left: 0;}
.idxOne .wrapright .tabs a::after{width: 72px;height: 2px;background: url(../images/line.svg) no-repeat center;left: 50%;bottom: 0;transform: scaleX(0);margin-left: -36px;}
.idxOne .wrapright .tabs a.active{color: #115AAD;font-weight: bold;}
.idxOne .wrapright .tabs a.active::after{transform: scaleX(1);}
.idxOne .wrapright .newsList dl dt{width: 84.6%;padding-right: 1rem;box-sizing: border-box;line-height: ;}
.idxOne .wrapright .newsList dl dt .title{margin-bottom:0.3rem ;}
.idxOne .wrapright .newsList dl dd{width: 11%;padding-left: 0.5rem;text-align: center;border-left: 1px solid #D9D9D9;height: 46px;position: relative;}
.idxOne .wrapright .newsList dl dd .time{position: absolute;right: 0;top: 0;width: calc((100% - 0.5rem));opacity: 1;}
.idxOne .wrapright .newsList dl dd .more{height: 100%;opacity: 0;}
.idxOne .wrapright .newsList dl dd .time *{display: block;}
.idxOne .wrapright .newsList dl dd .time .data{line-height: 1;}
.idxOne .wrapright .newsList dl{padding: 0.66rem 0;border-bottom: 1px dashed #D9D9D9;}
.idxOne .wrapright .newsList dl:last-child{border-bottom: none;}
.idxOne .wrapright .newsList dl:hover dt .title{color: #115AAD;}
/* 横幅 */
.idxTwobox{padding: 3rem 0 0.66rem;}
.idxTwo a{padding-bottom: 140px;}
.idxThree .img{height: 860px;}
.idxThree::after{width: 990px;height: 990px;border-radius: 50%;border: 1px solid #fff;right: -690px;top: 50%;transform: translateY(-50%);z-index: 2;}
.idxThree .tabs{position: absolute;right: 247px;z-index: 3;top: 214px;}
.idxThree .tabs a{display: block;text-align: right;line-height: 18px;margin-top: 120px;padding-right: 46px;}
.idxThree .tabs a:first-child{margin-top: 0;margin-right: -39px;}
.idxThree .tabs a:nth-child(4){margin-right: -42px;}
.idxThree .tabs a i{width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,1);display: inline-block;position: relative;margin-left: 1.3rem;}
.idxThree .tabs a i::after{width: 12px;height: 12px;background: rgba(255,255,255,0.21);content: '';position: absolute;top: 50%;left: 50%;transform: translate(-53%,-53%);border-radius: 50%;}
.idxThree .tabs a.active{font-weight: bold;}
.idxThree .tabs a.active i{transform: scale(1.8);}
.idxThree .idxtitle{position: absolute;left: 50%;transform: translateX(-50%);top: 120px;z-index: 2;filter: brightness(0) invert(1);}
.idxThree .idxtitle .en{opacity: 0.3;}
.idxThree .wrap .textw90{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;height: 380px;}
.idxThree .wrap .textw90 .text{backdrop-filter: blur(15px);background: rgba(255,255,255,0.09);width: 44%;box-sizing: border-box;padding: 2rem;border-radius: 8px;}
.idxThree .wrap .textw90 .text .title{padding-left: 60px;position: relative;}
.idxThree .wrap .textw90 .text .title img{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 40px;filter: brightness(0) invert(1);}
.idxThree .wrap .textw90 .text .textAll{margin: 25px 0 50px;}
.idxThree .wrap .textw90 .text .idxmore,.idxFive .idxmore{border-color: #fff;}
.idxThree .wrap .textw90 .text .idxmore i::after,.idxFive .idxmore i::after{filter: brightness(0) invert(1);}
.idxThree .wrap .textw90 .text .idxmore:hover,.idxFive .idxmore:hover{background: #fff;}
.idxThree .wrap .textw90 .text .idxmore:hover i,.idxFive .idxmore:hover i{filter: brightness(0) invert(0.3);}
.idxThree .wrap .textw90 .text .number{position: absolute;font-size:6.66rem ;color: transparent;-webkit-text-stroke: 1px #fff;right: 2rem;top: 50%;transform: translateY(-50%);opacity: 0.1;}
.dib{display: inline-block;}
/* 案例 */
.idxFour{padding: 2.33rem 0 3rem;}
.idxFour .idxtitle .caseTabs a{margin-left: 2rem;}
.idxFour .idxtitle .caseTabs a:first-child{margin-left: 0;}
.idxFour .idxtitle .caseTabs img{margin-bottom: 0.5rem;width: 40px;filter: brightness(0) invert(0.5);}
.idxFour .idxtitle .caseTabs a.active .title{font-weight: bold;color: #115AAD;}
.idxFour .idxtitle .caseTabs a.active img{filter: none;}
.idxFour .wrap a span{position: absolute;width: 100%;bottom: 0;left: 0; background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));padding:1rem 1.33rem;box-sizing: border-box;}
.idxFour .wrap .img:nth-child(1),.idxFour .wrap .img:nth-child(2){width: calc((100% - 16px) / 2);padding-bottom: 26.3%;}
.idxFour .wrap .img:nth-child(1){margin-right: 16px;}
.idxFour .wrap .img:nth-child(3),.idxFour .wrap .img:nth-child(4),.idxFour .wrap .img:nth-child(5){width: calc((100% - 32px) / 3);margin-top: 16px;padding-bottom: 20.9%;}
.idxFour .wrap .img:nth-child(4){margin-left: 16px;margin-right: 16px;}
.idxFour .wrap .img{border-radius: 8px;}
.idxFour .wrap .img:hover img{transform:translate(-50%,-50%) scale(1.05);}
.idxFour .wrap .img:hover{box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
/* 关于我们 http://jiance.zgsepri.com/theme/zizhan/images/aboutbanner.jpg*/
.idxFive{background: url(http://jiance.zgsepri.com/theme/zizhan/images/idxbg311.jpg) center no-repeat;background-size: cover;padding:3.66rem 0 4.66rem;}
.idxFive::before{width: 50%;height: 100%;background: rgba(17,90,173,0.32);left: 0;top: 0;}
.idxFive .idxtitle .name .cn{filter: brightness(0) invert(1);}
.idxFive .idxtitle .name .en{-webkit-text-stroke: 1px #fff;opacity: 0.2;}
.idxFive .textAll{margin: 3.33rem 0 5.26rem;width: 42%;}

.caseCont{display: none;padding: 2.66rem 2rem;}
.caseCont .img{width: 50%;padding-bottom: 480px;}
.caseCont .wrap{width: 50%;padding-left: 1.66rem;box-sizing: border-box;}
.caseCont .wrap .textAll{height: 288px;}
.caseCont .contPage{position: absolute;bottom: 0;right: 0;width: calc(50% - 1.66rem);border: none;}

.videoBtn3{position: absolute;right:11.42% ;top: 50%;transform: translateY(-50%);cursor: pointer;}

@media screen and (max-width:1280px){
	.banner a{height: 0;padding-bottom: 65%;}
	.idxOne .wrapLeft a{padding-bottom: 415px;}
	.idxTwobox{padding-top: 2.33rem;padding-bottom: 0;}
	.idxTwo a{padding-bottom: 10.5%;}
	.idxThree .img{height: 660px;}
	.idxThree .tabs a{margin-top: 80px;}
	.idxThree .tabs{top: 172px;right: 249px;}
	.idxThree .tabs a:first-child{margin-right: -20px;}
	.idxThree .tabs a:nth-child(4){margin-right: -20px;}
	.idxThree .idxtitle{top: 70px;}
	.idxThree .wrap .textw90{height: auto;}
	.idxThree .wrap .textw90 .text{padding: 1rem;}
	.idxFour .idxtitle .caseTabs a{margin-left: 1rem;}
}
@media screen and (max-width:760px){
	.idxOne .wrapLeft,.idxOne .wrapright,.caseTabs,.idxFive::before,.idxFive .textAll,.caseCont .img,.caseCont .wrap,.caseCont .contPage{width: 100%;}
	.idxOne .wrapLeft a{padding-bottom: 65%;}
	.idxOne .wrapright .tabs a{margin-left: 0;}
	.idxOne .wrapright .tabs{justify-content: space-between;}
	.idxTwobox{padding-top: 1rem;}
	.idxTwo a{padding-bottom: 20.5%;}
	.idxThree::after{display: none;}
	.idxThree .tabs{top: auto;bottom: 1rem;width:95%;display: flex;justify-content: space-between;right: 5%;}
	.idxThree .tabs a{padding-right: 0;margin-top: 0;flex: 1;white-space: normal;padding: 0 10px;text-align: center;position: relative;padding-bottom: 1rem;}
	.idxThree .tabs a i{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);margin: 0;}
	.idxThree .img{height: 550px}
	.idxThree .wrap .textw90 .text{width: 100%;}
	.idxThree .wrap .textw90{}
	.idxtitle .name .en{font-size: 1.4rem;}
	.idxFour .idxtitle .caseTabs{padding-top: 0.5rem;}
	.idxFour .idxtitle .caseTabs img{width: 30px;}
	.idxFour .idxtitle .caseTabs a{margin-left: 0;width: 25%;}
	.idxFour .idxtitle .caseTabs img{margin-bottom: 0.2rem;}
	.idxFour .wrap a span{padding: 0.5rem;}
	.idxFive .textAll{margin: 1rem 0;}
	.idxFive{padding: 2.5rem 0;}
	.banner a{padding-bottom: 83%;}
	.caseCont .wrap{padding-left: 0;}
	.caseCont .img{padding-bottom: 65%;}
	.caseCont{padding: 1rem;}
	.caseCont .contPage{position: relative;bottom: auto;right: auto;}
	.caseCont .wrap .textAll{height: auto;}
	.idxmore{width: 4.86rem;}
	.idxmore i{padding-right: 1.5rem;}
	.idxFour{padding: 1.5rem 0 2rem;}
	.videoBtn3{right: 2%;transform: none;top: auto;bottom: -1rem;}
}