.banner .img{padding-bottom: 100vh;}
.banner video{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.banner .btn{position: absolute;left: 50%;z-index: 3;bottom: 3.8rem;transform: translateX(-50%);justify-content: flex-end;}
.banner .btn div{width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid rgba(255,255,255,0.5);margin-left: 0.33rem;transition: 0.3s;cursor: pointer;}
.banner .btn div img{height: 0.67rem;filter: brightness(0) invert(1);}
.banner .btn div:hover{background: #fff;}
.banner .btn div:hover img{filter: none;}
.banner .pag{position: absolute;text-align: right;bottom: 6.67rem;z-index: 3;width: 95% !important;left: 50% !important;transform: translateX(-50%);}
.banner .pag span {width: auto !important; background: none !important;color: #0b396f;font-size: 1rem;font-family: "DINPro-Medium";opacity: 1;}
.banner .pag span.swiper-pagination-current{font-size: 1.6rem;color: #dc1f5d;}
.banner .pag span::before{content: '0';}
.OneBtnLink{position: absolute;bottom: 0;left: 0;background-color: rgba(11,57,111,0.5);z-index: 3;width: 100%;}
.OneBtnLink a{flex: 1;text-align: center;}
.OneBtnLink a span{padding:0.6rem 0 0.6rem 2.33rem;display: inline-block;text-align: left;}
.OneBtnLink a span img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 1.67rem;filter: brightness(0) invert(1);}
.OneBtnLink a span i{padding-top:4px;}
.OneBtnLink a::before,.OneBtnLink a:last-child::after{width: 1px;height: 100%;background-color: #fff;left: 0;top: 0;opacity: 0.5;}
.OneBtnLink a:last-child::after{content: '';position: absolute;left: auto;right: 0;}
.OneBtnLink a:hover span i{transform: translateY(-5px);font-weight: bold;}
.OneBtnLink a:hover span img{transform: translateY(-50%) rotateY(180deg);}

.idxTitle .tabs a{margin-left:1.8rem ;line-height: 1.67rem;display: inline-block;}
.idxTitle .tabs a:first-child{margin-left: 0;}
.idxTitle .tabs a::after{width: 1.15rem;height: 3px;background: #015dac;left: 50%;transform: translateX(-50%) scaleX(0);bottom: 0;}
.idxTitle .tabs a.active{font-weight: bold;color: #015dac;}
.idxTitle .tabs a.active::after{transform: translateX(-50%) scaleX(1);}
.idxTwo{padding: 2.33rem 0 2.67rem;}
.idxTwo .container .Twopic{width: 46.9%;background-color: #fff;}
.idxTwo .container .Twopic .img{padding-bottom: 15.7rem;}
.idxTwo .container .Twopic .text{padding: 1.2rem 1.43rem;}
.idxTwo .container .Twopic .text .title{line-height: 1.1;margin-bottom: 0.5rem;}
.idxTwo .container .Twopic .text .subtitle{line-height: 0.87rem;}
.idxTwo .container .Twopic .swiper-slide:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.idxTwo .container .Twopic .swiper-slide:hover .text .title{color: #083c97;transform: translateY(-5px);}
.idxTwo .container .Twopic .btn{position: absolute;top: 7rem;width: 1rem;height: 2.33rem;background-color: rgba(0,0,0,0.3);z-index: 3;cursor: pointer;transition: 0.3s;}
.idxTwo .container .Twopic .btn.prev{left: 0;}
.idxTwo .container .Twopic .btn.next{right: 0;}
.idxTwo .container .Twopic .btn img{width: 30%;filter: brightness(0) invert(1);}
.idxTwo .container .Twopic .btn:hover{background-color: rgba(0,0,0,0.8);}
.TwoList{width: 50.6%;}
.TwoList dl{align-items: center;padding: 1.22rem 0;border-bottom: 1px solid #ddd;padding-right: 3.56rem;transition: 0.3s;}
.TwoList dl:first-child{border-top: 1px solid #ddd;}
.TwoList dl dt{padding: 0 0.67rem;border-right: 1px solid #ddd;width: 116px;box-sizing: border-box;}
.TwoList dl dt a *{display: block;text-align: right;line-height: 1;}
.TwoList dl dt a em{padding-top: 0.33rem;}
.TwoList dl dd{width: calc(100% - 146px);margin-left: 20px;}
.TwoList dl dd .subtitle{padding-top: 0.2rem;}
.TwoList dl::after{width: 15px;height: 20px;background: url(../images/next_blue.svg) no-repeat center;background-size: 10px;top: 50%;transform: translateY(-50%);right: 1.1rem;filter: brightness(0) invert(0.7);}
.TwoList dl:hover dt *,.TwoList dl:hover dd .title,.idxThree .wrap a:hover .text i{color: #015dac;}
.TwoList dl:hover::after{filter: none;}
.TwoList dl:hover dd .title{transform: translateX(5px);}
.TwoList dl:hover{border-bottom-color: #015dac;}
/* 产品中心 */
.idxThree{background: url(../images/idxprobg.png) center no-repeat;background-size: cover;padding: 1.95rem 0 2.83rem;}
.idxThree .idxTitle{border-bottom: 1px solid rgba(255,255,255,0.5);}
.idxThree .wrap .btn{width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #5e97c8;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;transition: 0.3s;}
.idxThree .wrap .btn.prev{left: 0.5rem;}
.idxThree .wrap .btn.next{right: 0.5rem;}
.idxThree .wrap .btn img{width: 16%;}
.idxThree .wrap .btn:hover{background-color: rgba(94,151,200,1);}
.idxThree .wrap .btn:hover img{filter: brightness(0) invert(1);}
.idxThree .wrap .img{padding-bottom: 114%;}
.idxThree .wrap .img img{max-width: 70%;object-fit: contain;max-height: 60%;}
.idxThree .wrap .text{padding: 0 1.5rem 1.26rem;}
.idxThree .wrap .text em{padding-top: 0.3rem;height: 1rem;line-height: 1rem;}
.idxThree .wrap a{background: url(../images/proImgbg.jpg) center no-repeat;background-size: cover;}
.idxThree .idxTitle .tabs a{line-height: 2.8rem;}
.idxThree .idxTitle .tabs a.active{color: #fde594;}
.idxThree .idxTitle .tabs a::after{background: #fde594;}
.idxThree .wrap a:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.idxThree .wrap a:hover .text i{transform: translateY(-5px);font-weight: bold;}
.idxThree .container .idxmore{position: relative;top: -5px;}
.idxmore{border: 1px solid rgba(255,255,255,0.5);border-radius: 25px;display: block;margin:3.27rem auto 0;width: 9rem;line-height: 1.66rem;overflow: hidden;text-align: center;background: rgba(255,255,255,0);}
.idxmore span{padding-left: 1rem;display: inline-block;filter: brightness(0) invert(1);}
.idxmore span::before{background:url(../images/moreIco.svg) center left no-repeat ;left: 0;width:0.74rem ;height: 0.74rem;background-size: 100%;top: 50%;transform: translateY(-50%);}
.idxmore:hover{background: rgba(255,255,255,1);box-shadow: 0 0 5px #fff;}
.idxmore:hover span{filter: brightness(0) invert(0);}
/* 关于我们 */
.idxFour{background: url(../images/idxmapBg.png) left center no-repeat;padding: 2.66rem 0 3.3rem;}
.idxFour dd{width: 48.75%;}
.idxFour dd .videoimg{padding-bottom: 17.2rem;}
.idxFour dd .videoimg::before{width: 100%;height: 100%;border-bottom-left-radius: 95px;background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);left: -0.66rem;bottom: -0.66rem;}
.idxFour dd .videoimg img:first-child{border-bottom-left-radius: 95px;border-top-right-radius: 95px;}
.idxFour dd .videoimg img:nth-child(2){width: 2.6rem;filter: brightness(0) invert(1);border-radius: 50%;cursor:pointer;}
.idxFour dd .videoimg:hover img:nth-child(2){transform: translate(-50%,-50%) scale(1.3);box-shadow: 0 0 10px #fff;}
.idxFour dt{width: 45.6%;}
.idxFour dt .tabs a{padding: 0 1.27rem;line-height: 1.66rem;display: inline-block;background: rgba(255,255,255,0);border-radius: 25px;}
.idxFour dt .tabs a.active{font-weight: bold;color: #fff;background: #015dac;}
.idxFour dt .textAll{line-height: 1.35;}
.idxFour dt .textAll p{margin-bottom: 0.3rem;}
.idxFour dt .more{border: 1px solid #ddd;border-radius: 25px;display: block;width: 4.67rem;line-height: 1.3rem;text-align: center;margin-top: 2.3rem;margin-bottom: 0.3rem;}
.idxFour dt .more span{padding-right: 1rem;}
.idxFour dt .more span::after{background:url(../images/more.svg) no-repeat center ;width: 15px;height: 15px;background-size: 100%;top: 50%;transform: translateY(-50%);right: 0;}
.idxFour dt .more:hover{background: #015dac;border-color: #015dac;}
.idxFour dt .more:hover span{filter: brightness(0) invert(1);}

.idxfive{background: #f4f4f4;padding:2.66rem 0 3rem;}
.idxfive .title{padding: 0.86rem 0 0.2rem;}
.idxfive h4{line-height: 1.8;margin-top: 0.3rem;}
.idxfive .play-btn{z-index: 1;position: relative;width: 3rem;height: 3rem;border-radius: 50%;cursor: pointer;margin: auto;border: 1px solid #e5e5e5;box-sizing: border-box;transition: 0.3s;}
.idxfive .play-btn:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #e5e5e5;border-radius: 50%;animation: scaleBtn 2s linear infinite;}
.idxfive .play-btn:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #e5e5e5;border-radius: 50%;animation: scaleBtn 2s 1s linear infinite;}
.idxfive .play-btn img{max-width: 1.26rem;filter: brightness(0) invert(0.4);}
.idxfive ul{margin-top: 3rem;}
.idxfive li{flex: 1;}
.idxfive li:hover .play-btn::before,.idxfive li:hover .play-btn::after,.idxfive li:hover .play-btn{border-color: #387fbc}
.idxfive li:hover .play-btn img{filter: none;}
.idxfive li::before{width: 1px;height: 3.35rem;background: #ddd;left: 0;top:0;}
.idxfive li:first-child::before{display: none;}
.idxfive li:nth-child(3) a,.idxfive li:nth-child(4) a{cursor: default;}
@keyframes scaleBtn{
	to{transform: scale(1.7);opacity: 0;}
}
@media screen and (max-width:1080px){
	.banner .img{padding-bottom: 56%;}
	.OneBtnLink a span img{height: 0.9rem;}
	.OneBtnLink a span{padding-left: 1.3rem;}
	.TwoList dl{padding-right: 1rem;}
	.TwoList dl::after{right: 0.3rem;}
	.TwoList dl dt{width: 85px;padding: 0 10px 0 0;}
	.TwoList dl dd{width: calc(100% - 110px);margin-left: 10px;}
	.idxThree .idxTitle .tabs a{margin-left: 0.8rem;}
	.idxTwo{padding: 1.33rem 0;}
}
@media screen and (max-width:991px){
	.idxThree .idxTitle .tabs{width: 100%;}
	.idxThree .idxTitle{flex-wrap: wrap;}
	.idxFour dt .tabs a{padding: 0 0.3rem;}
}
@media screen and (max-width:760px){
	.OneBtnLink{position: relative;}
	.OneBtnLink a{flex: inherit;width: 50%;text-align: left;padding-left: 5%;box-sizing: border-box;}
	.OneBtnLink a:nth-child(odd)::before,.OneBtnLink a:last-child::after,.idxfive li:nth-child(3)::before{display: none;}
	.OneBtnLink a span{padding-top: 0.3rem;}
	.banner .btn{bottom: 0.5rem;}
	.banner .btn div{width: 1rem;height: 1rem;}
	.banner .btn div img{height: 50%;}
	.banner .pag{bottom: 2rem;}
	.banner .pag span.swiper-pagination-current{font-size: 1rem;}
	.banner .pag span{font-size: 0.6rem;}
	.idxTwo .container .Twopic,.TwoList,.idxFour dt,.idxFour dd{width: 100%;}
	.idxTitle .tabs a{margin-left: 0.5rem;}
	.idxTwo .container .Twopic .img{padding-bottom: 10rem;}
	.idxTwo .container .Twopic .btn{top: 4rem;}
	.idxTwo .container .Twopic .text{padding: 0.8rem ;}
	.TwoList dl{padding-top: 0.7rem;padding-bottom: 0.7rem;}
	.idxTwo,.idxFour{padding: 1rem 0;}
	.idxThree .idxTitle .tabs a{margin-left: 0;margin-right:0.3rem;font-size: 0.67rem;line-height: 1.5rem;}
	.idxmore{margin-top: 1.5rem;width: 6rem;}
	.idxFour dt .more{margin-top: 1rem;margin-bottom: 1rem;}
	.idxFour dt .textAll{max-height:144px ;line-height: 24px;}
	.idxFour dt .textAll *{font-size: 0.533rem !important;line-height: 24px !important;margin: 0 !important;}
	.idxFour dd .videoimg{padding-bottom: 65%;}
	.idxThree{padding: 1.5rem 0 1.5rem;}
	.idxfive{margin-top: 1rem;}
	.idxfive .play-btn{width: 2rem;height: 2rem;}
	.idxfive li{flex: inherit;width: 50%;}
	.idxfive ul{margin-top: 1rem;}
	.idxfive{padding: 2rem 0;}
	.idxThree .wrap .btn{width: 1.3rem;height: 1.3rem;}
	.idxThree .wrap .text{padding: 0 0.8rem 0.8rem;}
	.banner .img{padding-bottom: 59%;}
}