.banner .img{height: 100vh;-webkit-transform: scale(1.1);transform: scale(1.1);opacity: 0;-webkit-transition: all 3s ease;transition: all 3s ease;}
.banner .txt{position: absolute;left: 8.3%;top: 33.3%;transform: translateX(10rem);transition: 1s;}
.banner .swiper-slide.swiper-slide-active .txt{transform: translateX(0);}
.banner .swiper-slide.swiper-slide-active .img{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.banner .banPag.swiper-pagination-bullets{z-index: 2;bottom: 1.83rem;position: absolute;left: 8.3%;color: #fff;}
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet{opacity: 0.6;width: 64px;height: 42px;line-height: 42px;background: none;text-align: center;position: relative;margin: 0 1rem 0 0;}
/* .banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet i{width: 64px;height: 33px;border: 1px solid #fff;border-radius: 50%;left: 0;position: absolute;top: 0; transform: rotateZ(338deg) translate(4px,4px);left: -7px;transition: 0.5s;} */
/* .banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet em{width: 5px;height: 5px;border-radius: 50%;background: #fff; position: absolute;left: 49px;top: 1px;transition: 0.5s;opacity: 0;} */
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet i{width: 60px;height: 60px;border: 1px solid #fff; position: absolute;left: 50%;top: 50%;margin: -30px 0 0  -30px;border-radius: 50%;box-sizing: border-box;transform:scaleY(0.6) skewY(337deg);}
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet i em{width: 48px;height: 48px;position: absolute;left: 50%;top: 50%;margin: -24px 0 0  -24px;border-radius: 50%;}
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet i em::after{width: 5px;height: 5px;background: #fff;border-radius: 50%;left: 0;top: 0;position: absolute;content: '';}
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none; opacity: 1;}
.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active i em{animation: scaleBtnro 3s linear infinite;}
/* .banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active i,.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active i em{opacity: 1;} */
@keyframes scaleBtnro{
	to{ transform: rotate(380deg)}
}
/* 产品中心 */
.idxOne{background-image: url(../images/idxonebg.jpg);}
.idxOne::after{width: 1px;height: 100%;background: #D8D8D8;right: 21.5%;top: 0;}

.idxTitle .cn{padding-top: 2.66rem;margin-left: 8.3%;}
.idxTitle .cn i,.idxTitleCenter .cn{line-height: 1.66rem;}
.idxTitle .cn em,.idxTitleCenter .en{position: absolute;text-transform: uppercase;color: transparent;    -webkit-text-stroke: 1px rgba(3,56,125,0.2);position: absolute;left: 0;top: 0;line-height: 2.15rem;}
.Onetabs{margin-top:1.57rem ;margin-right: 21.5%;}
.Onetabs a{max-width: 126px;margin-right: 1.6rem;}
.Onetabs a .ico{height: 32px;display: block;position: relative;}
.Onetabs a .ico img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(0.5);}
.Onetabs a .block{height: 52px;line-height: 26px;margin-top: 0.33rem;}
.Onetabs a:hover span,.Onetabs a.active span{font-weight: bold; color: #033898;}
.Onetabs a:hover .ico img,.Onetabs a.active .ico img{filter: none;}
.idxOne .container{padding-left: 8.3%;padding-right: 21.5%;padding-top: 3rem;padding-bottom: 3rem;}
.idxOne .container h5{margin-top: 0.66rem;}
.idxOne .container h5 a{padding-left: 52px;}
.idxOne .container h5 a img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.idxOne .container .item{width: 510px;padding-top: 1rem;}
.idxOne .container .item a{width: 50%;padding-left: 0.66rem;box-sizing: border-box;line-height: 20px;margin-top: 0.933rem;}
.idxOne .container .item a::before{width: 8px;height: 8px;border: 1px solid #E6A62C;border-radius: 50%;left: 0;top: 50%;margin-top: -4px;box-sizing: border-box;}
.idxOne .container .item a:hover,.idxOne .container h5 a:hover{color: #033898;transform: translateX(5px);}
.idxOne .container .item a:hover::before{border-color: #033898;}
.idxOne .container .more::after{background: url(../images/more1.svg) no-repeat; width: 24px;height: 13px;right: 0;top: 50%;margin-top: -6px;filter: brightness(0) invert(0.5);transition: 0.5s;}
.idxOne .container .more{padding-right: 1.5rem;margin-top: 2rem;display: inline-block;}
.idxOne .container .more:hover::after{filter: none;}
.idxOne .container .more:hover{color: #033898;padding-right: 1.2rem;}
.idxOne .container .radio{width: 427px;height: 427px;border-radius: 50%;background: linear-gradient(30deg,#033898,#3DB5EB);}
.idxOne .container .radio::before{width: 100%;height: 100%;border: 1px solid rgba(3,56,152,0.1);left: 0;top: 0;border-radius: 50%;z-index: -1;animation: scaleBtn 2s linear infinite;}
.idxOne .container .radio::after{width:100%;height:100%;left: 0;top: 0;border-radius: 50%;background: linear-gradient(30deg,#033898,#3DB5EB);z-index: -1;opacity: 0.1;animation: scaleBtn2 2s 0.5s linear infinite;}
.idxOne .container .img{margin-right: 14%;}
.idxOne .container .swiper-slide{opacity: 0.5;}
.idxOne .container .swiper-slide-active{opacity: 1;}
.idxOne .container .next{right: 19.8%;background: #fff;border-radius: 50%;position: absolute;width: 66px;height: 66px;box-shadow: 0 2px 20px rgba(220,220,220,0.5);top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.idxOne .container .btn:hover{box-shadow: 0 2px 20px rgba(220,220,220,1);}
.idxOne .container .btn.swiper-button-disabled{curso+r: no-drop;}
@keyframes scaleBtn{
	to{transform: scale(1.6);opacity: 0;}
}
@keyframes scaleBtn2{
	to{transform: scale(1.4);opacity: 0;}
}

/* 科研创新 */
.idxTitleCenter .cn{padding-top: 1rem;}
.idxTitleCenter .en{left: 0;width: 100%;text-align: center;}
.idxTwo .wrap a{padding-bottom: 40.63%;flex: 1;background: rgba(0,0,0,0.3);border-left: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;}
.idxTwo .wrap a:first-child{border-left: 0;}
.idxTwo .wrap a .intel{position: absolute;bottom: 2.33rem;width: 100%;text-align: center;}
.idxTwo .wrap a .intel .ico{width: 100%;height: 64px;display: block;margin: 0 auto 1rem;position: relative;}
.idxTwo .wrap a .more{position: absolute;width: 66px;height: 66px;background: #033898;border-radius: 50%;bottom: 2.33rem;left: 50%;margin-left: -33px;transform: scale(0);}
.idxTwo .wrap a .more img,.titlemore img{filter: brightness(0) invert(1);}
.idxTwo .wrap a:hover .intel{bottom: 6.33rem;}
.idxTwo .wrap a:hover{background:rgba(0,0,0,0) ;}
.idxTwo .wrap a:hover .more{transform: scale(1);}

/* 新闻活动 */
.idxThree{background: #F7FAFF;padding-left: 8.3%;padding-right: 8.3%;}
.idxThree .idxTitle .cn{margin-left: 0;}
.titlemore{width: 116px;height: 66px;}
.titlemore::after{background: #033898;width: 116px;height: 40px;border-radius: 50%;transform: rotate(-10deg);left: 0;top: 50%;margin-top: -20px;transition: 0.5s;}
.titlemore::before{width: 116px;height: 40px;border-radius: 50%;border: 1px solid #033898;transform: rotate(10deg);left: 0;top: 50%;margin-top: -20px;transition: 0.5s;box-sizing: border-box;}
.titlemore img{z-index: 2;width: 33px;height: auto;width: auto;}
.titlemore:hover::before{transform: rotate(0deg);}
.titlemore:hover::after{transform: rotate(0deg);}
.idxThree .wrap .hot,.idxThree .wrap .item{width: 48.43%;}
.idxThree .wrap .hot .img{padding-bottom: 56.5%;}
.idxThree .wrap .hot .tag{position: absolute;left: 1rem;top: 1rem;border: 1px solid rgba(255,255,255,0.5);border-radius: 100px;z-index: 2;width: 102px;line-height: 1.1rem;text-align: center;color: #D5D5D5;box-sizing: border-box;}
.idxThree .wrap .hot .tag.end{background: rgba(0,0,0,0.3);    color: #fff;}
.idxThree .wrap .hot .tag.wait{background: #F4B54F;border: 1px solid #F4B54F;color: #fff;}
.idxThree .wrap .hot .text{position: absolute;bottom: 1.1rem;line-height:1.39 ;text-align: center;width: 100%;left: 0;}
.idxThree .wrap .hot .img::after{background: linear-gradient(to top,#000,rgba(0,0,0,0));height: 100px;bottom: 0;left: 0;width: 100%;}
.idxThree .wrap .hot a:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.5);}
.idxThree .wrap .item {border-bottom: 1px solid #F0F0F0;}
.idxThree .wrap .item dt{width: 41.7%;}
.idxThree .wrap .item dt a{padding-bottom: 192px;}
.idxThree .wrap .item dd{width: 55.5%;}
.idxThree .wrap .item dd .title{line-height: 1rem;}
.idxThree .wrap .item dd .subtitle{margin: 0.66rem 0 1rem;line-height: 1.75;}
.idxThree .wrap .item dd .time{background: url(../images/time.svg) left center no-repeat;padding-left: 1rem;}
.idxThree .wrap .item:hover dd .title{color: #033898;transform: translateY(5px);}
.idxThree .wrap .item:hover dt a{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.idxThree .wrap .item:nth-last-of-type(-n+2){border: none;}
.idxThree .wrap .hot:hover .text{bottom: 1.5rem;}
/* 企业文化 */
.idxFour{background-image: url(../images/idxfourbg.jpg);position: relative;background-attachment: fixed;}
.idxFour .fourLeft{width: 30.4%;margin-left: 8.3%;padding-bottom: 3.63rem;}
.idxFour .fourLeft .idxTitle{padding-top: 3.33rem;}
.idxFour .fourLeft .idxTitle .cn{margin-left: 0;}
.idxFour .fourLeft .idxTitle .cn em{  -webkit-text-stroke: 1px rgba(255,255,255,0.3);opacity: 0.5;}
.idxFour .fourLeft .text{margin-top: 2.66rem;margin-bottom: 1.66rem;}
.idxFour .fourLeft .btn{padding-left: 1rem;box-sizing: border-box;}
.idxFour .fourLeft .btn .videoBtn{cursor: pointer;}
.idxFour .fourLeft .btn .videoBtn::before,.idxFour .fourLeft .btn .videoBtn::after{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff;left: 0;top: 0;right: 0;bottom: 0;box-sizing: border-box;}
.idxFour .fourLeft .btn .videoBtn::before{animation: scaleBtn3 2s linear infinite;}
.idxFour .fourLeft .btn .videoBtn::after{animation: scaleBtn3 2s 1s linear infinite;}
@keyframes scaleBtn3{
	to{transform: scale(2);opacity: 0;}
}
.idxFour .fourLeft .btn .gupiao{padding-left: 0.9rem;}
.idxFour .fourLeft .btn .gupiao img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.idxFour .fourLeft .titlemore{display: inline-block;margin-top: 4.6rem;}
.idxFour .fourLeft .titlemore::after{background: #fff;}
.idxFour .fourLeft .titlemore::before{border-color: #fff;}
.idxFour .fourLeft .titlemore img{filter: none;}
.idxFour .fourRight{width: 44.5%;right: 0;position: absolute;top: 0;height: 100%;}
.idxFour .fourRight a{width: 50%;border-left: 1px solid rgba(255,255,255,0.27);box-sizing: border-box;height: 50%;padding: 1.66rem;box-sizing: border-box;}
.idxFour .fourRight a::after{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(45deg,rgba(7,105,201,0.3),rgba(3,56,152,0.59));transition: 0.5s;opacity: 0;left: 0;top: 0;}
.idxFour .fourRight a:nth-child(-n+2){border-bottom: 1px solid rgba(255,255,255,0.27);}
.idxFour .fourRight a .wrap{position: absolute;width: calc(100% - 1.66rem - 1.66rem);top: 68%;transition: 0.5s;z-index: 2;}
.idxFour .fourRight a .wrap .text{line-height: 35px;margin-top: 1.5rem;}
.idxFour .fourRight a .wrap .title img{height: 44px;}
.idxFour .fourRight a .wrap .title .name{margin-top: 0.5rem;}
.idxFour .fourRight a .wrap .title .name::after{width: 38px;height: 22px;background: url(../images/more1.svg) no-repeat;background-size: 100%; filter: brightness(0) invert(1);right: 0;top: 50%;transform: translateY(-50%);}
.idxFour .fourRight a:hover::after {opacity: 1;}
.idxFour .fourRight a:hover .wrap{top:50%;transform: translateY(-50%);}

@media screen and (max-width:1600px){
	.Onetabs{margin-right: 10%;}
	.idxOne .container{padding-right: 10%;}
	.idxOne::after{right: 10%;}
	.idxOne .container .next{right: 7.8%;}
	.idxOne .container .radio{width: 380px;height: 380px;}
	.idxOne .container .img{margin-right: 9%;}
}
@media screen and (max-width:1280px){
	.idxOne .container .radio{width: 260px;height: 260px;}
	.Onetabs a{margin-right: 0.8rem;}
	.idxTwo .wrap a .intel .ico{height: 40px;}
	.idxFour .fourRight a{padding: 0.66rem;}
	.idxFour .fourRight a .wrap{width: calc(100% - 0.66rem - 0.66rem);}
}
@media screen and (max-width:1080px){
	.idxOne .idxTitle .Onetabs{width: 100%;margin-right: 0;padding-left: 8.3%;box-sizing: border-box;padding-right: 10%;display: flex;justify-content: space-between;}
}
@media screen and (max-width:991px){
		.banner .img{height: 70vh;}
		.banner .txt{max-width: 80%;}
		.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet i,.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet{width: 44px;height: 22px;}
		.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet{line-height: 22px;}
		.banner .banPag.swiper-pagination-bullets .swiper-pagination-bullet em{left: 35px;}
		.idxOne .container .text{width:calc(100% - 230px) ;}
		.idxOne .container .radio{width: 200px;height: 200px;}
		.idxOne .container .item{width: 100%;}
		.idxThree .wrap .item dt a{padding-bottom: 145px;}
		.idxThree .wrap .item dd .subtitle{margin: 0.4rem 0;}
		.idxFour .fourLeft{width: 43%;}
}
@media screen and (max-width:760px){
	.banner .img{height: 50vh;}
	.idxOne .idxTitle .Onetabs{flex-wrap: wrap;margin-top: 0.7rem;padding-left: 3%;padding-right: 3%;}
	.idxOne .idxTitle .Onetabs a{width: 30.33%;margin: 0;max-width: inherit;}
	.idxOne .idxTitle .Onetabs a:nth-child(-n+3){margin-bottom: 0.4rem;}
	.Onetabs a .block{height: auto;}
	.idxOne::after,.idxOne .container .next,.idxTwo .wrap a .more{display: none;}
	.idxOne .container .text{width: 100%;}
	.idxOne .container{padding-top: 1rem;padding-bottom: 0;}
	.idxOne .container .item a{margin-top: 5px;}
	.idxOne .boxIntel{flex-flow: row-reverse;}
	.idxOne .container .img{margin-right: 0;margin-bottom: 1rem;}
	.idxOne .container .more{margin-top: 1rem;}
	.idxOne .container .radio{width: 100px;height: 100px;}
	.idxOne .container .item a{display: none;}
	.idxOne .container .item a:nth-child(-n+4){display: block;width: 100%;}
	
	.idxOne .container .text{padding-left: 30px;box-sizing: border-box;}
	.idxTwo .wrap a .intel .ico{height: 30px;}
	.idxTwo .wrap a:hover .intel,.idxTwo .wrap a .intel{bottom: 50%;transform: translateY(50%);}
	.idxTitle .cn em, .idxTitleCenter .en{line-height: 1.5rem;}
	.idxTitle .cn{padding-top: 1.5rem;margin-left: 3%;}
	.idxTitleCenter .cn{padding-top: 0.4rem;}
	.idxThree{padding-left: 3%;padding-right: 3%;}
	.idxThree .wrap .hot .text{bottom: 0.5rem;}
	.idxThree .wrap .hot, .idxThree .wrap .item,.idxFour .fourLeft,.idxFour .fourRight{width: 100%;}
	.idxThree .wrap .hot:first-child{margin-bottom: 0.4rem;}
	.idxFour{background-attachment: inherit;}
	.idxFour .fourLeft{padding-left: 3%;margin-left: 0;box-sizing: border-box;padding-right: 3%;}
	.idxFour .fourRight{position: relative;}
	.idxFour .fourLeft .idxTitle{padding-top: 1.33rem;}
	.idxFour .fourLeft .text{margin: 1rem 0;}
	.idxFour .fourLeft .titlemore{margin-top: 1rem;}
	.idxFour .fourRight a{height: auto;padding-bottom: 55%;}
	.idxFour .fourRight a .wrap{top: 50%;transform: translateY(-50%);}
	.idxFour .fourRight a .wrap .title img{height: 30px;}
	.idxFour .fourRight a .wrap .title .name::after{width: 28px;height: 18px;}
	.idxFour .fourRight a .wrap .text{margin-top: 0.7rem;line-height: 1.5;}
	.idxFour .fourRight a::after{opacity: 1;}
	.idxFour .fourLeft{padding-bottom: 1.5rem;}
	.titlemore::after,.titlemore::before{width: 76px;height: 30px;}
	.titlemore{width: 76px;height: 40px;}
	.titlemore::before,.titlemore::after{margin-top: -13px;}
}