.module-title,.sub-title{left:0;text-align:center}.content-text,.module-title,.sub-title{color:#fff;letter-spacing:.04rem;position:absolute}*{-webkit-tap-highlight-color:transparent}body{color:#fff;background:#0a0d4f}.w-1-3{width:33.33%}.w-1-4{width:25%}
.header-row{width:100%;height:4rem}
.header-row img{width:100%;height:100%}
.start-banner{width:100%;height:23.5rem}
.module-title{width:100%;top:0;height:1.4rem;line-height:1.9rem;font-size:1.92rem;font-style:oblique}
.sub-title{width:100%;top:2.42rem;height:2.75rem;line-height:1.6rem;font-size:1.24rem}
.content-text{width:26.75rem;top:3.43rem;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);font-size:1.08rem;text-align:justify;line-height:1.7rem}.green{color:#00ffde}
.btas-row{width:100%;height:26.92rem}
.kgc_school{width:100%;height:18.52rem}
.kgc_school .txt{text-align:center}
.kgc_school .info-title{position:absolute;top:7.13rem;height:1.4rem;line-height:1.24rem;font-size:1.04rem; }
.kgc_school .info-title>div{float:left;text-align:center}
.kgc_school .info-title>div:nth-child(1){width:5.5rem;margin-left:1.9rem}
.kgc_school .info-title>div:nth-child(2){width:5.25rem;margin-left:4.4rem}
.kgc_school .info-title>div:nth-child(3){width:7.75rem;margin-left:4.75rem}
.kgc_school .info-num{position:absolute;top:11.15rem;font-size:2.4rem}.kgc_school .info-num>div{float:left;text-align:left}
.kgc_school .info-num>div:nth-child(1){width:7.03rem;margin-left:4.56rem}
.kgc_school .info-num>div:nth-child(2){width:7.88rem}
.kgc_school .info-num>div span{font-size:1.24rem}
.kgc-csdn{width:100%;height:20.5rem}
.new-coures{width:100%;height:24.64rem}

.project-cases{width:100%;padding-bottom:.6rem}
.project-cases .tabs-box{padding:.8rem 0;width:29rem;margin:2.8rem auto 0;background:rgba(110,103,228,.15);border-radius:.2rem}
.project-cases .tabs-box .left-tabs{margin-right:1.0rem}
.project-cases .tabs-box .left-tabs a{height:2.28rem;line-height:1.98rem;width:8rem;font-size:1.16rem;color:#fff;font-weight:700;text-align:center;margin-top:1.6rem;display:block;background:url(../img/border_bg.png) no-repeat;background-size:8rem 2.28rem; }
.project-cases .tabs-box .left-tabs a.active{background:url(../img/tab_btn_bg.png) no-repeat;background-size:8rem 2.28rem}
.project-cases .tabs-box .tab-content{width:19.62rem;min-height:7.5rem;border-style:solid;border-width:.06rem;-webkit-border-image:-webkit-linear-gradient(#955cc6,#5b97bc) 30 30;border-image:linear-gradient(#955cc6,#5b97bc) 30 30}
.project-cases .tabs-box .tab-content .tab-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.1rem;color:#fff;line-height:1.62rem}
.project-cases .tabs-box .tab-content .tab-item.hide{display:none}
.project-cases .tabs-box .tab-content .tab-item img{width:100%}
.project-cases .tabs-box .tab-content .tab-item .tabs-img{padding:.9rem 0}
.project-cases .tabs-box .tab-content .tab-item .tab-text{width:16.05rem;text-align:justify;padding-bottom:.9rem}
.project-cases .tabs-box .tab-content .tab-item .tab-text .tab-title{position:relative;padding-left:.6rem}
.project-cases .tabs-box .tab-content .tab-item .tab-text .tab-title::after{content:"";position:absolute;top:8.13rem;left:0;width:.15rem;height:.15rem;background:#5d95bc}
.cases-one-img{width:11.94rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.cases-one-img img{width:5.34rem!important;height:9.51rem}.cases-one-img img:nth-child(2){width:5.21rem!important}
.cases-two-img{width:17.14rem;height:10.03rem}
.cases-three-img{width:15.14rem;height:3.03rem}
.cases-four-img{width:15.14rem;height:3.03rem}

.work-row{text-align:center;color:#fff;width:100%;height:18.13rem}.work-row .module-title{letter-spacing:initial}.work-row .txt{text-align:center}.work-row .copy-right{position:absolute;left:0;bottom:.68rem;width:100%;color:#fff;font-size:.24rem;line-height:.4rem}

.four-innovations{width:100%;height:4.51rem}
.link-class::after,.link-class::before{content:'';width:2.53rem;height:3.38rem;bottom:-1.3rem;position:absolute;z-index:99}.link-class::before{background:url(../img/icon_link.png) no-repeat;background-size:1.93rem 2.98rem;left:3.62rem}.link-class::after{background:url(../img/icon_link.png) no-repeat;background-size:1.93rem 2.68rem;right:4.12rem}

.scene-teaching{width:100%;height:20.57rem}
.scene-teaching .scene-video{position:absolute;top:9.22rem;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:26.9rem;height:8.87rem; }

.scene-teaching .scene-video .video-box{position:relative;width:13.24rem}
.scene-teaching .scene-video .video-box>a{overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0;z-index:9}.scene-teaching .scene-video #scene-video1,.scene-teaching .scene-video #scene-video2{width:100%;height:100%;overflow:hidden}
.scene-teaching .scene-video #scene-video1 video,.scene-teaching .scene-video #scene-video2 video{width:100%;height:100%}
.color-096{color:#09cbc6}

.practical-teaching{width:100%;height:49.28rem}.practical-teaching .fa-title{position:absolute;padding:0.82rem 0.48rem;color:#09cbc6;font-size:.88rem;border:1px solid #09cbc6;border-radius:.1rem;background:#262578}
.practical-teaching .fa-title-01{top:14.3rem;left:5.9rem}
.practical-teaching .fa-title-02{top:31.94rem;left:2.8rem}
.practical-teaching .fa-item{height:1.95rem;line-height:1.95rem;border:.12rem dashed #fff;padding:0 .45rem;background:#262578;border-radius:.1rem;margin-bottom:1.1rem;font-size:0.94rem;display:inline-block}
.practical-teaching .fa-item:last-child{margin-bottom:0}.practical-teaching .fa-items-01{top:11.04rem;left:19.07rem}
.practical-teaching .fa-items-02{top:22.07rem;left:15.17rem}.practical-teaching .fa-items-02 .fa-item{margin-bottom:.27rem}

.new-project{width:100%;height:21.5rem}.new-project .center-txt{position:absolute;width:100%;top:9.88rem;text-align:center;font-size:.94rem;line-height:1.32rem;font-weight:700}.new-project .text-item-all{width:27.71rem;height:9.29rem;position:absolute;top:6.6rem;left:3.08rem}
.new-item-txt{width:27.05rem;position:absolute;top:1.38rem;left:4.69rem;font-size:1.28rem;line-height:1.8rem;letter-spacing:.02rem}
.new-item-txt .title{font-size:1.5rem;font-weight:700;margin-bottom:.45rem;letter-spacing:.02rem}

.cc-server{width:100%;height:36.05rem}
.cc-server .cyan-circle{float:left;width:4.72rem;height:4.72rem;line-height:1.2rem;font-size:.94rem;text-align:center;color:#0ac8c4;border:1px solid #0ac8c4;border-radius:50%;box-sizing:border-box;margin:1.52rem 1.38rem 0 -1.25rem;}
.cc-server .white-hexagon{position:relative;float:left;width:2.61rem;height:4.40rem;margin:1.1rem;border-top:1px solid #fff;border-bottom:1px solid #fff}
.cc-server .white-hexagon:after,.cc-server .white-hexagon:before{position:absolute;width:2.61rem;height:4.40rem;left:0;top:-1px;border-top:1px solid #fff;border-bottom:1px solid #fff;content:''}
.cc-server .white-hexagon:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.cc-server .white-hexagon:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.cc-server .white-hexagon .content-text-box{position:relative;width:3.82rem;height:2.66rem;margin:0.92rem 0 0 -.51rem;line-height:1.25rem;font-size:.82rem;text-align:center;}
.cc-server .white-hexagon .content-text-box.line-one{line-height:1.23rem}
.cc-server .white-hexagon .content-text-box:after{content:'';position:absolute;left:0.74rem;bottom:0;width:2.34rem;height:.03rem;background:#fff}
.cc-server .white-hexagon .content-text-box.dot-dot-dot:after{content:'●●●';left:0;bottom:.05rem;width:100%;line-height:0;font-size:.2rem;letter-spacing:.02rem;background:0 0}
.cc-server .plus{float:left;width:2.42rem;height:2.02rem;line-height:6.92rem;color:#fff;font-size:1.1rem;text-align:center}

/*底部漂浮*/
.jiange{ height:55px;}

.dbpf{ width:100%;background:#fff; max-width:1080px;border-top:3px solid #dddddd; padding:15px 0px 10px 0px; overflow:hidden; position:fixed; bottom:0; z-index:9999; margin:0 auto;}
.dbpf li{ width:25%; float:left; text-align:center;}
.dbpf li img{ width:40%; height:auto;display:block; margin:0 auto; padding-bottom:5px;}
.dbpf li a{ color:#454545; font-size:15px;}