@charset "UTF-8";.page-tech-index .breadcrumb {position:sticky;top:80px;z-index:2;box-shadow:rgba(27,31,35,0.1) 0 1px 0,rgba(255,255,255,0.25) 0 1px 0 inset;}
.page-tech-index__banner {position:relative;width:100%;height:0;padding-bottom:41.67%;}
.page-tech-index__banner:after {width:100%;content:"";display:block;position:absolute;left:0;bottom:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,0),black);}
.page-tech-index__banner > img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.page-tech-index__banner .content-wrapper {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.page-tech-index__banner .content-wrapper .title {display:flex;justify-content:center;}
.page-tech-index__banner .content-wrapper .desc {margin-top:15px;font-weight:700;}
.page-tech-index__technology {padding-bottom:100px;background:#000;overflow:hidden;}
.technologyLists {width:92%;margin:0 auto;padding-top:30px;overflow:hidden;}
.technologyLists li + li {margin-top:30px;}
.technologyLists li .techImgBox {position:relative;height:600px;overflow:hidden;/* opacity:0;-webkit-transform:translate(0px,120px);-moz-transform:translate(0px,120px);-ms-transform:translate(0px,120px);-o-transform:translate(0px,120px);transform:translate(0px,120px);*/}
.technologyLists li .techImgBox img {position:absolute;left:0px;top:0px;width:100%;height:100%;object-fit:cover;-ms-object-fit:cover;-moz-object-fit:cover;-webkit-object-fit:cover;-o-object-fit:cover;}
.technologyLists li .techImgBox:after {content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 100%);}
.technologyLists li .teachText {/* opacity:0;-webkit-transform:translate(0px,120px);-moz-transform:translate(0px,120px);-ms-transform:translate(0px,120px);-o-transform:translate(0px,120px);transform:translate(0px,120px);*/    width:90%;margin:0 auto;position:relative;color:#fff;max-width:1000px;z-index:1;margin-top:-100px;padding-bottom:120px;}
.technologyLists li .teachText h3 {font-size:38px;font-weight:700;line-height:1.4;}
.technologyLists li .teachText h3 span {color:#0CE2DC;background:#35c3dd;background:linear-gradient(90deg,#35c3dd 0%,#766acb 40%,#d128e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.technologyLists li .teachText h3 span.but {color:#3FE0BF;background:#3fe0bf;background:linear-gradient(90deg,#3fe0bf 0%,#93cc6b 40%,#e4bb34 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.technologyLists li .teachText .textBoxCont {font-size:18px;line-height:30px;margin-top:30px;overflow:hidden;}
.technologyLists li .teachText .textBoxCont span {display:block;text-indent:2em;}
.technologyLists li .teachText .moreTips {display:none;}
.technologyLists li .teachText.hideMore .textBoxCont {height:120px;}
.technologyLists li .teachText.hideMore .moreTips {margin-top:25px;display:flex;align-items:center;justify-content:center;}
.technologyLists li .teachText.hideMore .moreTips p {cursor:pointer;background-image:url("../images/icon15.png");background-position:center center;background-repeat:no-repeat;width:30px;height:20px;}
.technologyLists li .teachText.hideMore.open .textBoxCont {height:auto;}
.technologyLists li .teachText.hideMore.open .moreTips p {transform:rotate(180deg);}
.technologyLists li .runIn {opacity:1;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-o-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:all 0.8s 0s ease-out;-o-transition:all 0.8s 0s ease-out;-moz-transition:all 0.8s 0s ease-out;transition:all 0.8s 0s ease-out;}
@media (max-width:1440px) {.technologyLists li .techImgBox {height:500px;}
.technologyLists li .teachText {padding-bottom:60px;}
.technologyLists li .teachText h3 {font-size:32px;}
.technologyLists li .teachText .textBoxCont {margin-top:25px;font-size:16px;line-height:26px;}
.technologyLists li .teachText.hideMore .textBoxCont {height:100px;}
}
@media (max-width:1280px) {.technologyLists li .techImgBox {height:360px;}
}
@media (max-width:992px) {.page-tech-index .breadcrumb {top:66px;}
}
@media (max-width:768px) {.page-tech-index__banner {padding-bottom:150%;}
.technologyLists li .techImgBox {height:320px;}
.technologyLists li .teachText {margin-top:-12vw;padding-bottom:10.6666666667vw;}
.technologyLists li .teachText h3 {font-size:5.0666666667vw;}
.technologyLists li .teachText .textBoxCont {font-size:3.4666666667vw;line-height:5.6vw;}
.technologyLists li .teachText.hideMore .textBoxCont {height:22.4vw;}
}
@media (max-width:480px) {.technologyLists li .techImgBox {height:230px;}
}