.banner a .img{height: 100vh;}
.banner a .text{position: absolute;left: 14.5%;z-index: 2;top: 40%;transition: 1s;opacity: 0;}
.banner{/* padding-top: 90px; */}
.banner .swiper-slide-active a .text{transform: translateY(-50%);opacity: 1;}
.banner .banPag{padding-left: 10.9%;bottom: 1rem;z-index: 2;position: absolute;box-sizing: border-box;}
.banner .banPag span{background: #fff;width: 3px;height: 3px;opacity: 1;transition: 0.5s;border-radius: 0;margin-right: 10px;}
.banner .banPag span.swiper-pagination-bullet-active{width: 37px;border-radius: 2px;}
.banner .tips{width: 39.5%;padding-right: 8%;padding-left: 0.66rem;padding-top: 0.5rem;padding-bottom: 0.5rem; box-sizing: border-box;background: rgba(236,236,236,0.6);position: absolute;bottom: 0;right: 0;z-index: 2;}
.banner .tips .shubiao{background: url(../images/ico3.svg) left center no-repeat ;background-size: 18px;padding-left: 38px;line-height: 32px;color: #636363;}
.banner .tips .down img{width: 10px;}
.banner .tips img{display: block;}
.banner .tips .text{width: 90px;}
.banner .tips .down{animation: downIco 2s linear infinite;position: relative;top: 0;}
@keyframes downIco{
	0%{transform: translateY(-5px);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(-5px);}
}
/* 产品中心 */
.textW60{width: 54%;margin: auto;}
.idxOne .wrap{margin-top: 1rem;}
.idxOne .wrap div.poHiiden .phone .swiper-slide{overflow: hidden;}
.idxOne .wrap div.poHiiden .img{padding-bottom: 129%;position: relative;background-size: 90%;background-position: right bottom;}
/* .idxOne .wrap div.poHiiden .img::after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,170,158,0.4);content: '';opacity: 0;transition: 0.3s;}
 */.idxOne .wrap div.poHiiden .text{position: absolute;left: 11%;top: 1.2rem;line-height: 1.16rem;}
.idxOne .wrap div.poHiiden .text .title{line-height: 1.5;padding-top: 0.3rem;margin-bottom: 1rem;}
.idxOne .wrap div.poHiiden .text a::after,.idxThree .wrap .item .text .subtitle a::after{background: url(../images/0510on.png) right center no-repeat;width: 9px;height: 13px;content: '';position: absolute;left: -20px;top: 50%;margin-top: -6px;opacity: 0;transition: 0.3s;}
.idxOne .wrap div.poHiiden .text a:hover::after,.idxThree .wrap .item .text .subtitle a:hover::after,.idxOne .wrap div.poHiiden .text a.active::after{opacity: 1;}
.idxOne .wrap div.poHiiden .text a{position: relative;}
.idxOne .wrap div.poHiiden .img:hover {transform: scale(1.1);}
.idxOne .wrap div.poHiiden:hover .text a{color: #fff;}
/* .idxOne .wrap div.poHiiden:hover .img::after{opacity: 1;}
 */
.idxOne .wrap .width{width: 33.3%;position: relative;}

.idxMore1{margin: 1.6rem 0 2.3rem;}
.idxMore1 a{background: url(../images/more1.svg) right center no-repeat;padding-right: 70px;color: #000;}
.idxMore1 a:hover{color: #00aa9e;padding-right: 100px;}
/* 0510 */
.idxOne .wrap .width::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: url(../images/051001.png) center no-repeat;background-size: cover; transition: 0.5s;}
.idxOne .wrap .width:hover::after{background: url(../images/051002.png) center no-repeat;background-size: cover;}

.idxOne .wrap .swiper-slide:hover div.poHiiden::after,.idxOne .wrap div.poHiiden.active::after{background: url(../images/051002.png) center no-repeat;background-size: cover;}
.idxOne .wrap div.poHiiden .title{color: #000;}
.idxOne .wrap div.poHiiden .type{color: #adadad;}
.idxOne .wrap div.poHiiden  *{position: relative;z-index: 2;}
.idxOne .textAll{line-height: 1.5;}
/* 应用场景 */

.idxTwo{border-bottom: 1px solid #00aa9e;padding-bottom: 3rem;}
.idxTwo .wrap{flex-wrap: wrap;margin-top: 3rem;}
.idxTwo .item{width: calc((100% - 40px) / 3);margin-bottom: 20px;overflow: hidden;}
.idxTwo .item:nth-child(1),.idxTwo .item:nth-child(2){width: calc((100% - 20px) / 2);}
.idxTwo .item .img{padding-bottom: 400px;position: relative}
.idxTwo .item .img::after{width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;background: rgba(7,169,157,0.8);opacity: 0;transition: 0.3s;}
.idxTwo .item .ico,.idxTwo .item:last-child .ico{position: absolute;right: 1.3rem;bottom: 1rem;}
.idxTwo .item .ico{opacity: 0;transform: rotateY(180deg);}
.idxTwo .item .ico img{width: 3.46rem;}
.idxTwo .item .text{position: absolute;left: 1.66rem; top: 1.2rem;}
.idxTwo .item .text .fz16{width: 60%;margin-top: 1rem;opacity: 0;line-height: 1.5;}
.idxTwo .item .type{position: absolute;left: 1.66rem; bottom: 0.8rem;opacity: 0;}
.idxTwo .item:last-child .img{background: #b1b1b1;}
.idxTwo .item:last-child .text .fz24{margin-top: 1.3rem;width: 88%;line-height: 1.5;}
.idxTwo .item:last-child .ico{transform:inherit;}
.idxTwo .item a> em{position: absolute;right: 1.3rem;top: 1rem;}
.idxTwo .item a> em img{width:40px;filter: brightness(0) invert(1);}
.idxTwo .item .text {position: absolute;left: 1.66rem ;top: 1rem;width: 100%;box-sizing: border-box;width: calc(100% - 3.32rem);}

.idxTwo .item .more{overflow: hidden; background: #00aa9e;position: absolute;left: 1.66rem;bottom: 1rem;line-height: 3.2;padding: 0 1rem;border-radius: 25px;}
.idxTwo .item .more i{position: relative;z-index: 2;}
.idxTwo .item .more::after,.idxThree .threemore a::after{content: '';position: absolute;left: -100px;bottom: -100px;width: 400px;height: 400px;background: #fff;border-radius: 50%;transform: scale(0);transition: 0.6s;}
.idxTwo .item:last-child:hover .more{padding: 0 1.3rem;}
.idxTwo .item:last-child .ico img{width: 2.66rem;}
.idxTwo .item:last-child .text .fz16,.idxTwo .item:last-child .ico{opacity: 1 !important;}
.idxTwo .item:hover .img{transform: scale(1.1);}
.idxTwo .item:hover .text .fz16,.idxTwo .item:hover .type,.idxTwo .item:hover .ico,.idxTwo .item:hover .img::after{opacity: 1;}
.idxTwo .item:hover a> em{opacity: 0;}
.idxTwo .item:last-child:hover .logoImg img{filter: brightness(0) invert(1);}
.idxTwo .item:last-child:hover .more{color: #00aa9e;}
.idxTwo .item:last-child:hover .more::after,.idxThree .threemore a:hover::after{transform: scale(1);}
/* 服务支持 */
.idxThree::before{content: '';position: absolute;left: 0;bottom: 0;height: 60%;background: #f1f1f1;width: 100%;}
.idxThree .wrap .swiper-slide{width: calc((100% - 60px) / 4);margin-left: 20px;}
.idxThree .wrap .swiper-slide:first-child{margin-left: 0;}
.idxThree .wrap .item{width: 100%;border: 1px solid #e0e0e0;background: #fff;}
.idxThree .wrap .item::after{background: url(../images/dongtaibg.jpg);content: '';position: absolute;width: 100%;height: 100%;opacity: 0;transition: 0.4s;left: 0;top: 0;background-size: cover;} 
.idxThree .wrap .item > *{position: relative;z-index: 2;}
.idxThree .wrap .item .img{padding-bottom: 71.5%;}
.idxThree .wrap .item .text {padding: 1rem;width: 100%;box-sizing: border-box;height: 330px;}
.idxThree .wrap .item .text .ico{position: absolute;right:1rem ;top: 1rem;}
.idxThree .wrap .item .text .ico img{width: 35px;}
.idxThree .wrap .item .text .subtitle{line-height:25px;color: #828282;height: 145px;margin: 0.7rem 0;overflow: hidden;}
.idxThree .wrap .item .text .subtitle a{position: relative;}
.idxThree .wrap .item .text .subtitle a::after{}
.idxThree .wrap .item .text .subtitle a:hover{padding-left: 5px;}
.idxThree .wrap .item .text .more{position: absolute;bottom: 1rem;}
.idxThree .wrap .item .text .more a{color: #9f9f9f; background: url(../images/jt04.svg) right center no-repeat;padding-right: 40px;display: inline-block;}
.idxThree .wrap .item .text .more a:hover{padding-right: 50px;}
.idxThree .wrap .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-20px);}
.idxThree .wrap .item:hover .text .title{color: #00aa9e;}
.idxThree .wrap .item:hover::after{opacity: 1;}
.idxThree .wrap .item:hover .text{filter: brightness(0) invert(1);}
.idxThree .threemore a{background: #00aa9e;border-radius: 50px;padding: 0 55px;}
.idxThree .threemore a span{background: url(../images/searMre.svg) left center no-repeat;position: relative;z-index: 2;padding-left: 65px;background-size: 42px;display: inline-block;line-height: 68px;}
.idxThree .threemore a::after{width: 500px;height: 500px;background: #009CA2;}
.idxThree .threemore a:hover span{padding-left: 55px;}
.idxThree .wrap .item:hover .text .more span{color: #2bb7ad;}
/* 活动 */
.fourOneActivity{width: calc(63.75% - 20px);}
.fourOneActivity a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.fourOneActivity .img{padding-bottom: 58.5%;width: 100%;position: relative;}
.fourOneActivity .img::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);left: 0;top: 0;opacity: 0;transition: 0.4s;}
.fourOneActivity .type,.fourNewsPro .title{position: absolute;left: 0;top: 0;background: #00aa9e;line-height: 40px;padding-left: 18px;box-sizing: border-box;padding-right: 50px;}
.fourNewsPro .title{}
.fourOneActivity .type::after,.fourNewsPro .title::after{content: '';position: absolute;right: 14px;background: url(../images/right.svg) left  center no-repeat;width: 20px;height: 20px;background-size: 20px;top: 50%;margin-top: -10px;filter: brightness(0) invert(1);transform: rotate(90deg) translateX(-3px);}
.fourTitle{border-top: 1px solid #e2e2e2;line-height: 76px;background: url(../images/titico.png) left center no-repeat;margin-bottom: 1rem;padding-left: 43px;color: #000;}
.fourOneActivity .text{position: absolute;left: 0.66rem; top: 3rem;margin-right: 0.66rem;}
.fourOneActivity .text .title{color: #f1f1f1;line-height: 1.6;}
.fourOneActivity .text .subtitle{color: #afafaf;width: 70%;line-height: 25px;height:50px ;margin: 1.3rem 0 3.5rem;}
.fourOneActivity .text li{padding-left: 30px;color: #afafaf;line-height: 30px;}
.fourOneActivity .text li:nth-child(1){background: url(../images/add1.svg) left center no-repeat;background-size: 22px;margin-right:1.3rem ;}
.fourOneActivity .text li:nth-child(2){background: url(../images/add2.svg) left center no-repeat;background-size: 22px;margin-right:1.3rem ;}
.fourOneActivity .text li:nth-child(3){background: url(../images/zhanhui.svg) left center no-repeat;background-size: 22px;}
.fourOneActivity:hover .img,.fourNewsPro:hover .img,.fourClassroom:hover .img{transform: scale(1.1);} 
.fourOneActivity:hover .text *{color: #fff;}
.fourOneActivity:hover .img::after{opacity: 1;}
.fourOneActivity:hover  ul li{color: #fff;}
.fourOne > .flexbetween{align-items: inherit;}
.fourOne {padding-bottom: 3rem;}
/* 新品 */
.fourNewsPro{width: 36.25%;background: #fff;}
.fourNewsPro .img{padding-bottom:66% ;}
.fourClassroom .title{position: absolute;left: 1rem;top: 0.8rem;color: #000;}
.fourNewsPro .text{border: 1px solid #dddddd;height: 34%;box-sizing: border-box;padding: 0.66rem 1rem;position: relative;z-index: 2;background: #fff;}
.fourNewsPro .text .fz26{color: #00aa9e;}
.fourNewsPro a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.fourNewsPro .more,.fourClassroom .more,.fourNews dl dd .more{color: #9f9f9f;padding-right: 40px;position: absolute;bottom: 0.6rem;right: 1rem;background: url(../images/jt04.svg) right center no-repeat;transition: 0.3s;}
.fourNewsPro:hover .more,.fourClassroom a:hover .more{padding-right: 50px;}
/* 应用科普大课堂 */
.fourClassroom{width: 36.25%;margin-top: 20px;}
.fourClassroom a{height: 100%;}
.fourClassroom .img{height: 100%;}
.fourClassroom .title{color: #fff;}
.fourClassroom .more{display: inline-block;filter: brightness(0) invert(1);right: auto;left: 1rem;}
.fourClassroom .ico{position: absolute;right: 1.3rem ;bottom: 0.8rem;width: 86px;}
.fourClassroom a:hover .ico{transform: scale(0.8);}
/* 新闻 */

.fourNews{border: 1px solid #e9e9e9;box-sizing: border-box;background: #f1f1f1;margin-top: 20px;padding: 0 1rem;width: 100%;}
.fourNews .title{line-height: 2.4rem;margin-bottom: 0.66rem;}
.fourNews .title i img{transform: rotate(90deg) translateX(8px);}
.fourNews dl {align-items: inherit;}
.fourNews dl dt{width:23.8% ;}
.fourNews dl dt a{padding-bottom: 70.5%;margin-bottom: 1rem;position: relative;z-index: 3;}
.fourNews dl dd{width: 76.2%}
.fourNews dl dd .wrap .Ntitle{color: #828282;}
.fourNews dl dd .subtitle{color: #afafaf;margin: 0.33rem 0 0.66rem;-webkit-line-clamp:4;line-height: 2;}
.fourNews dl dd .time,.fourNews dl dd .title,.fourNews ul li a .name,.fourNewsPro .text .fz16{color: #828282;}
.fourNews dl dd .more{position: inherit;}
.fourNews ul {float: left;margin-bottom: 1rem;width: 44%;margin-left: 6%;position: relative;z-index: 3;}
.fourNews ul li a .name{width: 75%;}
.fourNews ul li a{line-height: 1.1rem;}
.fourNews dl dt a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);transform: scale(1.05);}
.fourNews dl dd .wrap a:hover .Ntitle,.fourNews dl dd .wrap a:hover .more,.fourNews ul li a:hover span{color: #00aa9e;}
.fourNews ul li a:hover{transform: translateX(-5px);}
.fourNews dl dd .wrap{float: left; width: 44%;margin-left: 6%;position: relative;z-index: 3;}
/* 视频 */
.fourTwo .videoA .img{padding-bottom: 41.5%;}
.fourTwo .videoA .ico{position: absolute;left: 50%;top: 50%;margin-left: -60px;margin-top: -60px; z-index: 2;width: 120px;}
.fourTwo .videoA:hover .ico{transform: scale(0.9) rotate(90deg);}
.fourTwo .more{background: rgba(236,236,236,0.8);line-height: 2rem;position: absolute;left: 0;bottom: 0;z-index: 2;padding: 0 1rem ;box-sizing: border-box;width: 25%;}
.fourTwo .more span{color: #6b6b6b;}
.fourTwo .more::after{content: '';position: absolute;right: 1rem;width: 30px;height: 100%;background: url(../images/jt02.svg) center no-repeat;transition: 0.3s;}
.fourTwo .more:hover span{color: #fff;}
.fourTwo .more:hover::after{filter: none;}
.fourTwo .more:hover{background:#00aa9e;}
.fourTwo .more:hover::after{transform: translateX(-20px);}
/* .idxFour{padding-bottom:5.5rem ;} */

/* 动画 */

.loading{position: fixed;left: 0;top:0;z-index: 9;background: #000;width: 100%;height: 100%;animation: loadingLayer 3s linear forwards 1s;overflow: hidden;}
.loading .content{width: 600px;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.loading .logo{width: 600px;margin: 0 auto 30px;position: relative;}
.loading .logo img{width: 100%;opacity: 1;z-index: 2;-webkit-mask: radial-gradient(ellipse at center, #000 100px, transparent 200px);}

.banner .btn{z-index: 3;position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -15px;background: url(../images/icons_arrowLR_30_white.png) no-repeat;cursor: pointer;transition: 0.3s;}
.banner .prev-btn{left: 0;background-position: 0 0;transform: translateX(-100%);}
.banner .next-btn{right: 0;background-position: -30px 0;transform: translateX(100%);}
.banner:hover .prev-btn{transform: translateX(50%);}
.banner:hover .next-btn{transform: translateX(-50%);}
.banner .btn.swiper-button-disabled{opacity: 0;}
@keyframes loadingLayer{
    0%{background-color: #000;}
    60%{background-color: #000;}
    85%{transform:translateY(0);}
    100%{transform:translateY(-100%);}
}
.fourNews{position: relative;}
.fourNews .hoverlist{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
@media screen and (max-width:1680px){
	.fourNews dl dt a{padding-bottom: 80%;}
}
@media screen and (max-width:1550px){
	.idxOne .wrap div.poHiiden .text .title{margin-bottom: 0.5rem;padding-top: 0;font-size: 0.8rem;}
	.idxOne .wrap div.poHiiden .img{background-size: 80%;}
}
@media screen and (max-width:1200px){
	.paddingTop100{    padding-top: 3.3rem;    margin-bottom: 1rem;}
	.idxTwo .wrap{margin-top: 1rem;}
	.fourTitle{margin-bottom: 0;}
	.idxTwo .item:first-child .ico img{width: 2rem;}
	.idxTwo .item:last-child .ico img{width: 1rem;}
	.banner a .img{height: 100vh;}
	.banner a .text{width: 40%;}
	.idxFour{padding-bottom: 3rem;}
	.idxTwo .item .img{padding-bottom: 300px;}
	.idxTwo .item .ico img{width: 2rem;}
	.idxTwo .item .text .fz24{width: 80%;}
	.idxTwo .item .text .fz16{width: 100%;}
}
@media screen and (max-width:991px){
	.textW60{width: 80%;}
	.fourNews dl dd .subtitle{-webkit-line-clamp: 2;}
	.fourOneActivity .text .subtitle{margin-bottom: 1rem;}
	.fourClassroom .ico{width: 50px;}
	.idxThree .wrap .item .text .subtitle{height: 75px;}
	.idxTwo .item:first-child .text .fz24{width: 80%;}
	.idxTwo .item:last-child .text .fz24{margin-top: 0.5rem;}
	.idxTwo .item .logoImg{width: 40px;display: block;}
	.idxTwo .item:last-child .text .fz24, .idxTwo .item:first-child .text .fz24{width: 100%;}
	.idxTwo .item .more{line-height: 2;bottom: 0.5rem;}
	.idxTwo .item:first-child .ico img{width: 1rem;}
	.idxTwo .item:last-child .ico img{width: 0.5rem;}
	.banner a .text{width: 30%;}
	.banner a .img{height: auto;padding-bottom: 60%;}
	.idxTwo .item .img{padding-bottom: 200px;}
	.fourTwo .videoA .img{padding-bottom: 68%;}
	.idxThree .threemore a span{background-size: 30px;padding-left: 45px;}
	.idxThree .threemore a{padding: 0 20px;}
	.idxThree .wrap .item .text .ico{right: 10px;}
	.idxThree .wrap .item .text .ico img{width: 25px;}
	.margin80{margin: 1.5rem 0;}
	.fourNewsPro .more{display: none;}
	.fourOneActivity .text .subtitle{margin-bottom: 1.5rem;}
	.idxTwo .item .more{padding: 0 10px;}
	.idxTwo .item .text .fz16{margin-top: 0.5rem;}
	.idxThree .wrap .item .text{height: 200px;}
}
@media screen and (max-width:760px){
	.idxThree .wrap .item .text .subtitle{overflow: hidden; }
	.fourOneActivity, .fourNews,.fourNewsPro,.fourClassroom,.fourNews dl dt,.fourNews dl dd,.fourOneActivity .text .subtitle,.idxTwo .item,.idxTwo .item:nth-child(1), .idxTwo .item:nth-child(2),.fourNews dl dd .wrap,.fourNews dl dd ul,.idxOne .wrap .width{width: 100%;}
	.fourNewsPro,.fourNews dl dd,.fourNews dl dd ul{margin-top: 20px;}
	.fourNewsPro .text,.fourNews ul{height: auto;}
	.fourClassroom .img{padding-bottom: 65%;}
	.fourClassroom .ico{width: 30px;}
	.fourOneActivity .img{padding-bottom: 90%;}
	.fourNewsPro .more, .fourClassroom .more, .fourNews dl dd .more{padding-right: 40px;}
	.fourNewsPro .more{position: inherit;display: block;margin-top: 1rem;bottom: auto;right: auto;}
	.fourOne{padding-bottom: 1rem;}
	.fourTwo .videoA .ico{width: 40px;margin: -20px 0 0 -20px;}
	.fourNews .title{margin-bottom: 0;}
	.fourOneActivity .text .subtitle{margin: 1rem 0}
	.idxThree .threemore a{padding: 0 25px;}
	.idxThree .threemore a span{line-height: 50px;background-size: 24px;padding-left: 35px;}
	.paddingTop100{    padding-top: 2rem; }
	.idxFour,.idxTwo{padding-bottom: 2rem;}
	.fourTwo .more{width: 60%;}
	.banner .tips{display: none;}
	.banner a .text{width: 60%;left: 10%;}
	.loading{display: none;}
	.fourNews dl dd .wrap,.fourNews dl dd ul{margin-left: 0;}
	/* .banner{margin-top: 90px;padding-top: 0;} */
	.banner .next-btn{right: 10%;}
	.banner .prev-btn{left: 10%;}
	.idxOne .wrap div.poHiiden .img{padding-bottom: 128%;
    background-size: 80%;
    background-position: right bottom;}
	.banner .btn{display: none;}
	.banner a .img{padding-bottom: 51%;}
	.idxThree .wrap .swiper-slide{width: 49%;margin-left: 0;}
	.idxThree .wrap .swiper-slide:nth-child(odd){margin-right: 2%;}
	.idxThree .wrap .swiper-slide:nth-child(-n+2){margin-bottom: 7px;}
	.idxTwo .item .img::after{opacity: 1;background: rgba(0,0,0,0.3);}
	.idxThree .wrap .item:hover{transform: translateY(0px);}
	.idxTitle a{padding: 0 ;width: 100%;text-align: center;}
	.idxMore1 a{padding-right: 40px;}
	.idxMore1{margin: 1rem 0 1.5rem;}
	.idxThree .wrap .item .text{padding: 0.5rem;}
	.idxThree .wrap .item .text .ico{top: 0.5rem;}
	.fourTwo .videoA .img{padding-bottom: 53%;}
	
}