.banner .img{width: 100%;height: calc(100vh - 3.3rem);}
.banner .swiper-pagination{z-index: 1;bottom: 80px;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 40px;height: 40px;margin: 0 5px;background-color: #fff;font-size: 16px;text-align: center;line-height: 40px;font-weight: bold;color: transparent;opacity: 1;transform: scale(0.25);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 4px;stroke: #fff;stroke-dasharray: 114;stroke-dashoffset: -114;}
.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;}
@keyframes svgAni{
	to{stroke-dashoffset: 0;}
}
/* 产品中心 */
.idxOne{background: url(../images/idxbg1.jpg) center no-repeat;background-size: cover;padding-top: 3.33rem;margin-bottom: 4.16rem;}
.idxOne .idxtitle .subtitle{margin-top: 0.83rem;line-height: 2;}
.idxOne .container{padding-top: 240px;}
.idxOne .wrapBox{background: #0B478E;width:812px;height: 406px;margin: auto;border-top-left-radius: 800px;border-top-right-radius: 800px;}
.idxOne .wrapBox::before {width: 935px;height: 935px;background:#0B478E;opacity: 0.1;left: -58px;top: -58px;border-radius: 50%;}
.idxOne .wrapBox::after{width: 996px;height: 996px;border: 1px solid #0B478E;opacity: 0.1;left: -88px;top: -88px;border-radius: 50%;}
#board{height: 400px;width: 800px;position: absolute;left: 0;bottom: 100px;border-top-left-radius: 800px;border-top-right-radius: 800px}
#board div{overflow: hidden;opacity: 0.2;}
.idxOne .tabs{z-index: 2;position: absolute;width: 100%;top: 0;height: 100%;}
.idxOne .tabs .item{position: absolute;cursor: pointer;}
.idxOne .tabs .item::before{background: #D8D8D8;width: 18px;height: 18px;border-radius: 50%;}
.idxOne .tabs .item::after{border:1px solid #0B478E;width: 26px;height: 26px;border-radius: 50%;transform: scale(0);}
.idxOne .tabs .item .fz16{white-space: nowrap;}
.idxOne .tabs .item:nth-child(-n+2){text-align: right;}
.idxOne .tabs .item:nth-child(3){text-align: center;}
.idxOne .tabs .item:nth-last-of-type(-n+2){text-align: left;}
.idxOne .tabs .item:nth-child(1){right:50% ;margin-right: 513px;bottom: 100px;}
.idxOne .tabs .item:nth-child(2){right:50% ;margin-right: 342px; bottom: 350px;}
.idxOne .tabs .item:nth-child(3){right:50% ;margin-right: -67px; bottom: 515px;}
.idxOne .tabs .item:nth-child(4){left:50% ;margin-left: 305px; bottom: 350px;padding-left: 68px;}
.idxOne .tabs .item:nth-child(5){left:50% ;margin-left: 513px; bottom: 100px;}

.idxOne .tabs .item:nth-child(1)::before{right: -50px;top: 5px;}
.idxOne .tabs .item:nth-child(1)::after{right: -55px;top: 0;}
.idxOne .tabs .item:nth-child(2)::before{right: -50px;top: 5px;}
.idxOne .tabs .item:nth-child(2)::after{right: -55px;top: 0;}
.idxOne .tabs .item:nth-child(3)::before{left: 50%; bottom: -30px;margin-left: -9px;}
.idxOne .tabs .item:nth-child(3)::after{left: 50%;bottom: -35px;margin-left: -14px;}
.idxOne .tabs .item:nth-child(4)::before{left:0; top: 5px;}
.idxOne .tabs .item:nth-child(4)::after{left: -5px;top: 0;}
.idxOne .tabs .item:nth-child(5)::before{left:-40px; top: 5px;}
.idxOne .tabs .item:nth-child(5)::after{left: -45px;top: 0;}

.idxOne .tabs .item.active::after{transform: scale(1);}
.idxOne .tabs .item.active::before{background: #0B478E;}
.idxOne .tabs .item.active .fz22{font-weight: bold;}
.idxOne .tabs .item.active *,.idxmore:hover span,.idxmore1:hover span{color: #0B478E;}

.idxOne .wrap{width: 300px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 3;}
.idxOne .wrap .img{padding-bottom: 260px;}
.idxOne .wrap .img img{object-fit: contain;}
.idxmore ,.idxmore1{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;background: rgba(255,255,255,0.25);border-radius: 20px;margin:0.5rem auto 1rem;box-sizing: border-box;font-size: 0.466rem;}
.idxmore span::after,.idxmore1 span::after{width: 8px;height: 8px;background: url(../images/more2.svg) center no-repeat;right: 0;top: 50%;margin: -4px 0 0;filter: brightness(0) invert(1);}
.idxmore span{padding-right: 14px;}
.idxmore:hover,.idxmore1:hover{background: rgba(255,255,255,1);}
.idxmore:hover span::after,.idxmore1:hover span::after,.idxmore1:hover span::after{filter: none;}
.idxmore1 span::after{width: 15px;height: 4px;background: url(../images/idxmore.svg) no-repeat;margin-top: -2px;}
/* 科研实力 */
.idxTwo .title{padding-left: 13.5%;}
.idxTwo .tabs{margin-left: 17rem;background: #fff;box-shadow: 0 0 15px rgba(0,28,83,0.12);width: calc(100% - 188px);box-sizing: border-box;padding: 0 0 0 0.66rem;}
.idxTwo .tabs .item{padding:1.6rem 2.5rem;text-align: center;cursor: pointer;}
.idxTwo .tabs .item img{height: 40px;filter: brightness(0) invert(0.5); margin:0 auto 0.66rem;display: block;}
.idxTwo .tabs .item.active p{font-weight: bold;color: #0B478E;}
.idxTwo .tabs .item.active img{filter: none;}
.nowrap{white-space: nowrap;}
.idxtitle .nowrap{margin-top: 0.33rem;}
.idxTwo .wrap{margin-top: -0.86rem;}
.idxTwo .wrap .img{padding-bottom: 41%;}
.idxTwo .wrap .img::before,.idxTwo .wrap .img::after{width: 1500px;height: 1500px;background: linear-gradient(to left,#1A7DC1,#0B478E);transform: rotate(15deg);top: -500px;}
.idxTwo .wrap .img::before{right: 51%;opacity: 0.21;z-index: 1;}
.idxTwo .wrap .img::after{right: 52%;opacity: 0.7;z-index: 2;}
.idxTwo .Ftitle{padding-bottom: 0.83rem;}
.idxTwo .Ftitle::after{width:52px;height: 4px;background: #fff;bottom: 0;left: 0;}
.idxTwo .wrap .text{position: absolute;left: 13.5%;top: 50%;transform: translateY(-50%);max-width:500px;}
.idxTwo .wrap .text .textAll{margin: 1rem 0;}
.idxTwo .wrap .text .idxmore1{margin: 2.86rem 0 0;border: 1px solid #fff;background: none;}
.idxmore1 span{padding-right: 26px;}
.idxmore1{width: 130px;border-radius: 25px;}
.idxTwo .wrap .text .idxmore1:hover{background: #fff;}
/* 快捷方式 */
.idxThree{padding:4.6rem 13.5%;}
.idxThree .item{flex: 1;margin-left: 0.5rem;}
.idxThree .item > a{padding-bottom: 140%;}
.idxThree .item > a::before{width: 100%;height: 52.5%;background: linear-gradient(to top,#000,rgba(0,0,0,0));opacity: 0.3;bottom: 0;left: 0;z-index: 1;}
.idxThree .item > a::after{width: 100%;height: 100%;top:0;left: 0;background: rgba(11,71,142,0.8);opacity: 0;}
.idxThree .item:first-child{margin-left: 0;}
.idxThree .textBottom{bottom: 1rem;padding: 0 1rem;width: 100%;box-sizing: border-box;position: absolute;transition: 0.2s;}
.idxThree .item .intel{padding: 1rem;position: absolute;box-sizing: border-box;top: 60%;transform: translateY(-50%);left: 0;width: 100%;opacity: 0;transition: 0.2s;}
.idxThree .item .intel .textAll{line-height: 2;}
.idxThree .item .intel .title{display: block;margin-bottom: 1rem;}
.idxThree .item .intel .idxmore1{margin: 1rem 0 0;}
.idxThree .item .textBottom,.idxThree .item .intel{z-index: 2;}
.idxThree .item > a:hover::before{opacity: 0;}
.idxThree .item > a:hover::after{opacity: 1;}
.idxThree .item > a:hover .intel {top:50%;opacity: 1;}
.idxThree .item > a:hover .textBottom{bottom: -1rem;opacity: 0;}
/* 品牌中心 */
.idxFour{background: url(../images/idximg7.jpg) center top no-repeat;padding-top: 2.66rem;}
.idxFour .idxtitle .subtitle{line-height: 2;max-width: 1058px;margin: 0.83rem auto 0;}
.idxFour ul sup{position: relative;top: -0.6rem;}
.idxFour ul li{padding: 0 3.33rem;}
.idxFour ul li::before{width: 1px;height: 57px;opacity: 0.2;background: #fff;left: 0;top: 50%;transform: translateY(-50%);}
.idxFour ul li:first-child::before{display: none;}
.idxFour ul li:first-child{padding-left: 0;}
.idxFour ul li:last-child{padding-right: 0;}
.idxmore2{background: none;border: 1px solid #fff;}
.videoImg{margin: 4.6rem 13.5% 4.16rem;padding-bottom: 26.75%;cursor: pointer;}
/* 招商中心 */
.idxFive{background: url(../images/idximg9.jpg) center no-repeat;background-size: cover;padding: 2.33rem 13.5%;}
.idxFive .idxtitle{width: 39%;}
.idxFive .idxtitle .subtitle{margin-top: 0.4rem;}
.idxFive .item a{display: block;float: left; margin-left: 2.5rem;}
.idxFive .item a:first-child{margin-left: 0;}
.idxFive .item a .ico{width: 2.33rem;height: 2.33rem;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0);display: block;margin:0 auto 0.6rem;border-radius: 50%;}
.idxFive .item a .ico img{filter: brightness(0) invert(1);}
.idxFive .item a .ico::before{width: 100%;height: 100%;background: rgba(255,255,255,0.2);border-radius: 50%;transform: scale(0);}
.idxFive .item a:hover .ico{background: rgba(255,255,255,0.91);}
.idxFive .item a:hover .ico::before{transform: scale(1.3);}
.idxFive .item a:hover .ico img{filter: none;}
/* 新闻 */
.idxSix{padding: 4.16rem 13.5%;}
.idxmore3{border: 1px solid #0B478E;margin: inherit;}
.idxmore3 span,.idxSix .tabs a.active,.idxSix .wrap .item1:hover .title,.idxSix .wrap .item1:hover .time,.idxSix .wrap .list dl:hover dd a,.idxSix .wrap .list dl:hover dt *{color: #0B478E;}
.idxmore3 span::after{filter: none;}
.idxmore3:hover{background: #0B478E;}
.idxmore3:hover span{color: #fff;}
.idxmore3:hover span::after{filter: brightness(0) invert(1);}
.idxSix .tabs a::after{width: 100%;height: 4px;background: #0B478E;transform: scaleX(0);bottom: -5px;left: 0;}
.idxSix .tabs a.active::after{transform: scaleX(1);}
.idxSix h6{line-height: 1;margin-right: 1rem;}
.idxSix .tabs a{line-height: 1.33rem;margin-left: 2rem;}
.idxSix .tabs a.active::after{transform: scaleX(1);}
.idxSix .tabs a.active{font-weight: bold;}
.idxSix .wrap{padding: 10px 0;}
.idxSix .wrap .item1{width: 31.4%;background: #F9F9F9;margin-right: 2.8%;padding-bottom: 13px;}
.idxSix .wrap .item1 .intel{padding: 31px 0.8rem;}
.idxSix .wrap .item1 .img{padding-bottom: 250px;}
.idxSix .wrap .item1 .time{border-top: 1px solid #D8D8D8;margin-top: 23px;padding-top: 30px;}
.idxSix .wrap .item1 .time::after{background: url(../images/idxmore3.svg) no-repeat;width: 21px;height: 10px;right: 0;bottom: 10px;filter: brightness(0) invert(0.6);}
.idxSix .wrap .item1:hover .img img{transform: translate(-50%,-50%)  scale(1.1);}
.idxSix .wrap .item1:hover .time::after{filter: none;}
.idxSix .wrap .item1:hover,.idxSix .wrap .list dl:hover{box-shadow: 0 0 15px rgba(0,28,83,0.12);background: #fff;}
.idxSix .wrap .list {width: 31.6%;}
.idxSix .wrap .list dl{margin-top: 18px;background: #F9F9F9;padding: 20px 0;align-items: center;transition: 0.3s;}
.idxSix .wrap .list dl:first-child{margin-top: 0;}
.idxSix .wrap .list dl dt{width:3.86rem ;padding-left: 0.86rem;box-sizing: border-box;}
.idxSix .wrap .list dl dt::after{width: 1px;background: #D3D3D3;height: 90%;top: 5%;right: 0%;}
.idxSix .wrap .list dl dd{margin-left: 20px;width: calc(100% - 3.86rem - 40px);}
@media screen and (max-width:1700px){
	/* .idxTwo .tabs .item{padding-left: 0.8rem;padding-right: 0.8rem;} */
	.idxSix,.idxFive,.idxThree{padding-left: 7%;padding-right: 7%;}
	.videoImg{margin-left: 7%;margin-right: 7%;}
	.idxTwo .title{padding-left: 7%;}
	.idxTwo .wrap .text{left: 7%;}
}
@media screen and (max-width:1440px){
	.idxTwo .tabs .item{padding-left: 0.7rem;padding-right: 0.7rem;}
	.idxSix,.idxThree{padding-top: 2.5rem;padding-bottom: 2.5rem;}
	.videoImg{margin-top: 3.5rem;margin-bottom: 2.5rem;}
	.idxOne{margin-bottom: 2.5rem;padding-top: 2.5rem;}
	
}
@media screen and (max-width:1280px){
	.banner .img{height: auto;padding-bottom: 65%;}
	.idxOne .container{zoom: 0.7;}
	.idxSix .wrap .item1 .intel{padding-top: 18px;padding-bottom: 18px;}
	.idxTwo .tabs .item img{height: 30px;}
	.idxTwo .tabs,.idxFive .item a{margin-left: 1rem;}
}
@media screen and (max-width:991px){
	.idxSix .wrap .item1 .time{margin-top: 19px;padding-top: 19px;}
	.videoImg .obCoverIco{width: 45px;}
	.idxTwo .tabs .item{padding:0.8rem 0.4rem;}
	.idxFour ul li{padding: 0 1rem;}
	
}
@media screen and (max-width:760px){
	.banner .img{padding-bottom: 76%;}
	.idxOne .container{zoom: 0.3;}
	.idxTwo .tabs{margin-left: 0;width: 100%;}
	.idxTwo .title{padding-right: 7%;}
	.idxTwo .tabs ,.idxFive .item{margin-top: 1rem;}
	.idxTwo .wrap{margin-top: 1rem;}
	.idxTwo .tabs .item{width: 33.33%;box-sizing: border-box;}
	.idxTwo .wrap .text{width: 50%;}
	.idxTwo .wrap .img{padding-bottom: 80%;}
	.idxTwo .tabs .item{padding: 0.3rem 0;}
	.idxTwo .wrap .text .idxmore1{margin-top: 0.5rem;}
	.idxThree .item{flex: inherit;width: calc((100% - 0.5rem) / 2);margin-bottom: 0.5rem;}
	.idxThree .item:nth-child(3){margin-left: 0;}
	.idxThree{padding-top: 1rem;padding-bottom: 0.5rem;}
	.idxFour ul li{padding: 0 0.5rem;}
	.videoImg{margin-top: 1.5rem;}
	.idxFive .idxtitle,.idxSix .wrap .item1,.idxSix .wrap .list{width: 100%;}
	.idxSix .idxmore3,#board{display: none;}
	.idxSix .tabs a{margin-left: 0.5rem;}
	.idxSix h6{line-height: 1rem;}
	.idxSix .wrap .item1{margin-right: 0;}
	.idxSix .wrap .item1 .img{padding-bottom: 65%;}
	.idxSix, .idxThree,.idxFive{padding-top: 1rem;padding-bottom: 1rem;}
	.idxOne{margin-bottom: 1rem;padding-top: 1.5rem;}
	.idxFour{padding-top: 1rem;}
	.idxmore1{width: 100px;height: 30px;line-height: 30px;}
	.idxThree .item .intel{padding: 0.5rem;}
	.idxThree .item .intel .title{margin-bottom: 0.5rem;}
		.idxThree .item .intel .idxmore1{margin-top: 0.5rem;}
		.idxThree .item .intel .textAll{line-height: 1.4;}
	.idxOne .container{zoom: 1;padding-top: 0;}
	.idxOne .wrapBox{width: 100%;height: 150px;}
	.idxOne .wrap{width: 50%;position: relative;margin-top: 1.5rem;}
	.idxOne .wrap .img{padding-bottom: 65%;}
	.idxmore, .idxmore1{width: 100px;height: 30px;line-height: 30px;}
	.idxOne .tabs{z-index: 5;position: relative;display: flex;margin-top: 1rem;    padding: 0.5rem 0;    background: rgba(255,255,255,0.5);    box-shadow: 0 0 15px rgba(0,28,83,0.12);}
	.idxOne .tabs .item{position: inherit;flex: 1;margin: 0 !important;bottom:auto !important;right: auto !important; left: auto !important; padding: 0 !important;text-align: center !important;}
	.idxOne .tabs .item::after,.idxOne .tabs .item::before{display: none;}
	/* .idxOne .tabs .item::after{width: 10px;height: 10px;right: -23px;top:2px}
	.idxOne .tabs .item::before{width: 6px;height: 6px;right: -20px;}
	.idxOne .tabs .item:nth-child(1){left: 0;right: auto;} */
	.idxOne .wrapBox,.idxOne .tabs .item .fz16{display: none;}
	.idxOne .container::after{content: '';position: absolute;width: 300px;height: 300px;border-radius: 50%;background: #0B478E;    bottom: -150px;    left: 50%;    transform: translateX(-50%);}
	
	
}