.pageShowDiv{
    position: relative;
    width: 100%;
    height: 120%;
}
.pageDiv{
    position: relative;
    width: 74%;
    height: 100%;
    left: 13%;
    top: 7%;
}

.teamLeft{
    position: relative;
    width: 16%;
    height: 100%;
    float: left;
    border: 1px solid #0b4341;
}
.teamLeftTitle{
    position: relative;
    width: 100%;
    height: 10%;
    top: 2%;
    font-size: 2.5vw;
    text-align: center;
}
/*  */
.teamLeftText01{
    position: relative;
    width: auto;
    height: auto;
    margin-top: 20%;
    font-size: 1.2vw;
    color: #7c7c7c;
}
.teamLeftSpan01{
    position: relative;
    width: auto;
    height:auto;
    left: 8%;
    text-align: left;
    font-size: 0.5vw;
}
.teamLeftText{
    position: relative;
    width: auto;
    height:auto;
    text-align: center;
    margin-top: 12%;
}
.teamRight{
    width: 83%;
    height: 100%;
    margin-left: 0.5%;
    float: left;
}
.teamRightTitle{
    position: relative;
    width: 100%;
    height: 2.5%;
}
.teamRightTitle01{
    position: relative;
    width: auto;
    height: auto;
    font-size: 1vw;
}
.stepImgDiv{
    position: relative;
    width: 93%;
    height: 88%;
    top: 8%;
    left: 7%;
}
.teamRightText{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgb(185 237 238);
}
.teamRightText01{
    position: relative;
    width: auto;
    height: auto;
    top: 5%;
    text-align: center;
    font-size: 2vw;
}
.principleImg{
    position: relative;
    width: 100%;
    height: 81%;
}
.teamRightSpan{
    position: relative;
    width: 84%;
    height: 80%;
    left: 8%;
    top: 8%;
    font-size: 1.2vw;
    overflow: auto;
    font-family: "SiYuan02";
    line-height: 41px;
}
.teamRightSpan::-webkit-scrollbar {
    display: none;
}
.teamRightDiv{
    width: 100%;
    height: 98%;
    float: left;
}
.teamRightImg{
    position: relative;
    width: 90%;
    height: 90%;
    left: 5%;
}
.AdapImg{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
    .playImg{
        position: relative;
        width: 100%;
        height: 23%;
        top: 42%;
    }
    .playImg01{
        position: relative;
        width: 100%;
        height: 19%;
        top: 39%;
    }
    .playcss{
        position: relative;
        width: 19%;
        height: 100%;
        left: 36%;
        background-size: 100% 100%;
        background-image: url("../img/index/play.png");
    }
    .playVideo{
        position: relative;
        width: 100%;
        top: 17%;
        height: 61%;
    }
    .playVideo01{
        position: relative;
        width: 100%;
        top: 17%;
        height: 94%;
    }
    
    .playVideoDiv{
        position: relative;
        width: 35%;
        height: 90%;
        left: 15%;
        float: left;
    }
    .networkReqDiv{
        position: relative;
        width: 36%;
        height: 62%;
        left: 32%;
        top: 5%;
    }
    .playcss01{
        position: relative;
        width: 18%;
        height: 100%;
        left: 43%;
        background-size: 100% 100%;
        background-image: url("../img/index/play.png");
    }
    .ImgTitle{
        position: relative;
        width: 80%;
        height: 8%;
        left: 10%;
        top: 27%;
        text-align: center;
        font-size: 1.5vw;
    }
    .ImgTitle02{
        position: relative;
        width: 74%;
        height: auto;
        left: 13%;
        top: 26%;
        text-indent: 2em;
        font-size: 1vw;
        line-height: 31px;
    }
    .videoImg01{
        position: relative;
        float: left;
        width: 30%;
        height: 93%;
        left: 3%;
        background-size: 100% 100%;
        background-image: url("../img/index/people01.png");
    }
    .videoImg02{
        position: relative;
        float: left;
        width: 30%;
        height: 93%;
        background-size: 100% 100%;
        background-image: url("../img/index/people02.png");
    }
    .videoImg03{
        position: relative;
        float: left;
        width: 30%;
        height: 93%;
        background-size: 100% 100%;
        background-image: url("../img/index/people03.png");
    }
    .videoImg04{
        position: relative;
        float: left;
        width: 30%;
        height: 93%;
        left: 3%;
        background-size: 100% 100%;
        background-image: url("../img/index/people04.png");
    }
    .videoLeft{
        position: relative;
        float: left;
        width: 2.5%;
        height: 6%;
        top: 40%;
        background-size: 100% 100%;
        background-image: url("../img/index/left.png");
    }
    .videoRight{
        position: relative;
        float: left;
        width: 2.5%;
        height: 6%;
        top: 40%;
        left: 5%;
        background-size: 100% 100%;
        background-image: url("../img/index/right.png");
    }
    .videoPageDiv{
        position: relative;
        width: 100%;
        height: 88%;
    }
    .videoDiv03{
        position: relative;
        width: 78%;
        height: 57%;
        float: left;
        left: 13%;
    }
    .videoTitle3{
        position: relative;
        width: 100%;
        height: 12%;
        float: left;
        text-align: center;
        font-size:2vw ;
    }
    .videoDiv04{
        position: relative;
        float: left;
        width: 100%;
        height: 155%;
        top: 7%;
        background-size: 100% 100%;
        background-image: url("../img/index/bg2.png");
    }
    .videoDiv02{
        position: relative;
        width: 100%;
        height: 45%;
        float: left;
        top: 7%;
    }
    .videoTitleCss{
        position: relative;
        width: 35%;
        height: 100%;
        left: 15%;
        float: left;
    }
    .videoTitle02{
        position: relative;
        float: left;
        width: 100%;
        height: 15%;
        top: 20%;
        left: 2%;
        font-size: 2.1vw;
    }
    .videoSpan{
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 1.8vw;
        top: 10%;
    }
    .videoClick02{
        position: relative;
        float: left;
        width: 29%;
        height: 14%;
        top: 71%;
        border-radius: 45px;
        left: 7%;
        background-image: linear-gradient(to right, rgb(183 203 201) , rgb(54 167 157));
    }
    .videoText02{
        position: relative;
        width: 30%;
        height: 100%;
        float: left;
        left: 50%;
        left: 16%;
        top:18%;
        background-size: 100% 100%;
        background-image: url("../img/index/people3.png");
    }
    .videoDiv{
        position: relative;
        width: 100%;
        height: 70%;
        float: left;
        top: 4%;
    }
    .videoTitleDiv{
        position: relative;
        width: 100%;
        height: 10%;
        font-size: 2vw;
        text-align: center;
    }
    .videoTitleSpan{
        position: relative;
        width: auto;
        height: auto;
    }
    .VideoImg{
        position: relative;
        width: 35%;
        height: 90%;
        left: 15%;
        float: left;
        background-size: 100% 100%;
        background-image: url("../img/index/people2.png");
        
    }
    .VideoText{
        position: relative;
        float: left;
        width: 45%;
        height: 90%;
        left: 15%;
        right: 5%;
        /* background-color: rgb(213, 236, 189); */
    }
    .VideoTextTitle{
        position: relative;
        width: 100%;
        height: 10%;
        font-size: 2vw;
    }
    .VideoTextSpan{
        position: relative;
        width: auto;
        height: auto;
    }
    .VideoSonText{
        position: relative;
        width: 80%;
        height: 78%;
        left: 2%;
        line-height: 60px;
        font-size: 1.5vw;
        text-indent: 1em;
    }
    .VideoTextClick{
        position: relative;
        width: 28%;
        height: 11%;
        left: 10%;
        border-radius: 45px;
        left: 2%;
        background-image: linear-gradient(to right, rgb(183 203 201) , rgb(54 167 157));
    }
    .HomePage{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: auto;
        user-select: none;
        color: rgb(6 58 58);
    }
    .bgDiv{
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-size: 100% 100%;
        background-image: url("../img/index/bg.png");
    }
    .bgImgDiv{
        position: relative;
        width: 56%;
        height: 77%;
        left: 5%;
    }
    .ImgSpan{
        position: relative;
        width: 100%;
        height: 20%;
        background-color: powderblue;
    }
    .ImgDiv{
        position: relative;
        width: 100%;
        height: 80%;
        background-size: 100% 100%;
        background-image: url("../img/index/r.png");
    }
    .topDiv{
        position: relative;
        width: 100%;
        height: 16%;
        background-size: 100% 100%;
        background-image: url("../img/index/9.png");
    }
    .topDiv01{
        position: relative;
        width: 100%;
        height: 16%;
    }
    .logoDiv{
        position: relative;
        width: 25%;
        height: 45%;
        float: left;
        top: 42%;
        left: 8%;
        background-size: 100% 100%;
        background-image: url("../img/index/logo.png");
    }
    .logoDiv01{
        position: relative;
        width: 25%;
        height: 45%;
        float: left;
        top: 42%;
        left: 8%;
    }
    .nullDiv{
        position: relative;
        width: 100%;
        height: 8%;
        top: 10%;
    }
    .TitleDiv{
        position: relative;
        width: 53%;
        height: 19%;
        top: 57%;
        left: 9%;
        float: left;
    }
    .Title{
        position: relative;
        width: 10%;
        height: 100%;
        float: left;
    } 
    .TitleSonDiv{
        position: relative;
        float: left;
        width: auto;
        height: auto;
        font-size: 1vw;
    }
    .ClickDiv{
        position: relative;
        width: 25%;
        height: 9%;
        left: 58%;
        top: 55%;
        float: left;
    }
    .Click01{
        position: relative;
        width: 50%;
        height: 100%;
        float: left;
        background-size: 100% 100%;
        background-image: url('../img/index/click1.png');
    }
    .Click02{
        position: relative;
        width: 50%;
        height: 100%;
        float: left;
        left: 3%;
        background-size: 100% 100%;
        background-image: url('../img/index/click2.png');
    }
    .rightSpan{
        position: relative;
        font-size: 1vw;
        margin-left: 4%;
        width: auto;
        height: auto;
    }
    .rightTitle{
        position: relative;
        font-size: 1vw;
        width: auto;
        height: auto;
    }
.tecLeftTopSpan{
    position: relative;
    width: auto;
    height: auto;
}
.technologyDiv{
    position: relative;
    width: 96%;
    height: auto;
    left: 2%;
    float: left;
    border: 1px solid #000;
}
.technologyCssLeft{
    position: relative;
    width: 49.7%;
    height: 100%;
    float: left;
    border-right: 1px solid #000;
}
.tecLeftTop{
    position: relative;
    width: 100%;
    height: 8%;
    text-align: center;
    border-bottom: 1px solid #000;
}
.tecLeftText{
    position: relative;
    text-align: center;
    width: 100%;
    height: 127.95vw;
}
.tecLeftText01{
    position: relative;
    text-align: center;
    width: auto;
    height: auto;
    top: 33vw;
}
.tecRightText{
    position: relative;
    text-indent: 2em;
    width: auto;
    height: auto;
}
.technologyCssRight{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    border-right: 1px solid #000;
}
.tecRightImg{
    position: relative;
    margin-top: 20%;
    width: 100%;
    height: 50%;
}
.technologyCssButton{
    position: relative;
    width: 100%;
    height: 50%;
    float: left;
    border-top: 1px solid #000;
}
.tecCssBut01{
    position: relative;
    width: 10%;
    height: 47vw;
    float: left;
    text-align: center;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}
.tecCssButSpan{
    position: relative;
    width: auto;
    height: auto;
    top: 40%;
}
.tecCssBut02{
    position: relative;
    width: 89%;
    height: auto;
    float: left;
}
.tecCssButLeft{
    position: relative;
    width: 44.5%;
    height: auto;
    float: left;
    text-align: center;
    border-right: 1px solid #000;
}
.tecCssButRight{
    position: relative;
    width: 54.49%;
    height: auto;
    float: left;
}
.tecButSonSpan{
    position: relative;
    width: 100%;    
    height: 9.97vw;
    border-bottom: 1px solid #000;
}
.tecButSonSpan01{
    position: relative;
    width: 100%;    
    height: 16.95vw;
    border-bottom: 1px solid #000;
}
.tecButSonSpanCss{
    position: relative;
    width: auto;
    height: auto;
    top: 40%;
}