.banner-header {
    width: 100%;
    height: 430px;
    background: url('/images/web/video/banner2.png');
    color: #FFF;
    padding-top: 60px;
}
.banner-header.dsen {
    background: url('/images/web/education/dsen/banner_bg.png');
}
.banner-header-p1 {
    margin: 100px 0 0;
    font-size:36px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:58px;
}
.banner-header-p2 {
    margin: 0;
    font-size:36px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:58px;
}
.banner-header-p3 {
    margin-top: 30px;
    font-size:22px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height: 30px;
}
.banner-header-left {
    float: left;
    width: 700px;
}
.banner-header-left button {
    width: 120px;
    height: 36px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color:transparent;
    border-radius: 18px;
    font-size: 16px;
    font-weight: 400;
}
.banner-header-right {
    float: left;
    width: 500px;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-display {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.block-display-origin {
    width: 1200px;
    margin: 0 auto;
}
.block {
    padding: 0px 0;
}
.block-header-icon {
    display: inline-block;
    background:linear-gradient(29deg,rgba(94,53,184,1),rgba(76,140,255,1),rgba(74,138,253,1),rgba(25,105,249,1));
    border-radius:3px;
}
.block-header-icon.icon1 {
    width:20px;
    height:5px;
}
.block-header-icon.icon2 {
    width:6px;
    height:5px;
}
.block-header-title {
    margin-top: 10px;
    font-size:24px;
    font-weight:500;
    color:rgba(28,28,30,1);
}
.block-content {
    margin-top: 0px;
}
.block-content.left6 {
    width: 60%;
    float: left;
}
.block-content-video {
    width: 40%;
    float: left;
}
.block-content-p1 {
    font-size: 14px;
    font-weight: 400;
    color: rgba(41,38,42,1);
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 10px;
}
.block-content-p1:last-child {
    margin: 0;
}
.block-content-box {
    width:1200px;
    height:100px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 16px 0px rgba(25,105,249,0.25);
    border-radius:2px;
    margin-bottom: 40px;
}
.block-content-box-row {
    height: 70px;
}
.block-content-box-row .block-content-box-div {
    justify-content: left;
    padding-left: 80px;
}
.block-content-box:last-child {
    margin-bottom: 0;
}
.block-content-box.fs {
    height: inherit;
    overflow: hidden;
}
.block-content-box.fs .block-content-box-div {
    height: 100px;
}
.block-content-box-div {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-content-box-div.type1 {
    width: 399px;
}
.block-content-box-div.type2 {
    width: 599px;
}
.block-content-box-div.type3 {
    width: 299px;
}
.block-content-box-div.type4 {
    width: 239px;
}
.block-content-box-div.left {
    width: 500px;
}
.block-content-box-div.right {
    width: 700px;
}
.block-content-box-div img {
    margin-right: 17px;
}
.block-content-box-fs {
    float: left;
    height: 100%;
}
.block-content-box-fs.limit4 .block-content-box-div {
    width: 299px;
}
.block-content-box-fs.limit4 .block-content-box-fs-desc {
    width: 299px;
}
.block-content-box-fs-desc {
    clear: both;
    width: 399px;
    font-size:14px;
    font-weight:400;
    color:rgba(122,130,140,1);
    line-height:30px;
    padding: 0 48px 40px;
}
.block-content-box-p1 {
    margin: 0;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:22px;
}
.block-content-divider {
    float: left;
    width:1px;
    height: 30px;
    margin: 35px 0;
    background:rgba(217,231,245,1);
}
.block-content-divider.type1 {
    height: 260px;
}
.block-content-divider.type2 {
    height: 140px;
}
.block-content-divider.type3 {
    height: 110px;
}
.block-content-divider.type4 {
    height: 170px;
}

.block-content-params {
    overflow: hidden;
    margin-top: 80px;
}
.block-content-params-img {
    float: left;
}
.block-content-params-text {
    float: left;
    margin: 120px 0 0 90px;
    font-size: 14px;
    font-weight: 400;
    color: #29262A;
    line-height: 36px;
}

.block-content-flex {
    display: flex;
    justify-content: center;
}
.block-content-flex .text {
    width:  700px;
}
.block-content-flex .page {
    width: 500px;
    text-align: center;
}

.block-content-plan {
    position: relative;
    margin-bottom: 140px;
}
.block-content-plan img {
}
.block-content-plan p {
    position: absolute;
    left: 20px;
    bottom: -120px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color:rgba(0,0,0,1);
    line-height: 40px;
}

.block-content-tabs {
    overflow: hidden;
    margin: 0 0 40px;
}
.block-content-tabs p {
    float: left;
    margin: 0 15px;
    padding: 14px;
    font-size: 16px;
    font-weight: 400;
    color: #7A828C;
    border-bottom: 2px solid #ECF1FE;
    cursor: pointer;
}
.block-content-tabs p.active {
    color: #000000;
    border-bottom: 2px solid #1969F9;
}
.block-content-tabs-content {
    display: none;
    padding: 30px;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(25,105,249,0.25);
    border-radius: 2px;
}
.block-content-tabs-content-title {
    overflow: hidden;
    margin-bottom: 30px;
}
.block-content-tabs-content-title-mode {
    float: left;
    margin: 0 20px;
    overflow: hidden;
    cursor: pointer;
}
.block-content-tabs-content-title-mode div {
    float: left;
    margin: 8px;
    width:6px;
    height:6px;
    background:rgba(163,167,179,1);
    border-radius:50%;
}
.block-content-tabs-content-title-mode p {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color:rgba(122,130,140,1);
    line-height: 22px;
}
.block-content-tabs-content-title-mode.active div {
    background: #1969F9;
}
.block-content-tabs-content-title-mode.active p {
    color: #000000;
}
.block-content-tabs-content-show {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.block-content-tabs-content-show-half {
    width: 46%;
    margin: 0 2%;
    position: relative;
}
.block-content-tabs-content-show-half.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-content-tabs-content-show-half-info {
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:22px;
}
.block-content-tabs-content-show-half-info.limit {
    width: 78%;
}
.block-content-tabs-content-show-half-server {
    position: absolute;
    top: 25px;
    right: 0;
 }
.block-content-tabs-content-show-half-fun {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.block-content-tabs-content-show-half-fun p {
    margin: 0 0 0 10px;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:22px;
}
.block-content-tabs-content-show-half-desc {
    margin-top: 20px;
    overflow: hidden;
}
.block-content-tabs-content-show-half-desc p {
    float: left;
    width: 50%;
    margin: 0;
    font-size:14px;
    font-weight:400;
    color:rgba(122,130,140,1);
    line-height:30px;
}
.block-content-tabs-content-show-half-desc p.type1 {
    width: 100%;
}
.block-content-tabs-content-show-half-desc p.type2 {
    width: 25%;
}

.block-content-box1 {
    width:1200px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 16px 0px rgba(25,105,249,0.25);
    border-radius:2px;
    padding: 0 50px;
    overflow: hidden;
}
.block-content-box1-div {
    padding: 30px 0;
}
.block-content-box1-div:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #D9E7F5;
}
.block-content-box1-div:last-child:after {
    display: none;
}
.block-content-box1-div img {
    float: left;
}
.block-content-box1-div-p1 {
    float: left;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height: 56px;
    margin: 0;
    margin-left: 10px;
}
.block-content-box1-div-p2 {
    clear: both;
    font-size:14px;
    font-weight:400;
    color:rgba(122,130,140,1);
    padding: 20px 0 0;
    margin: 0;
}
.block-content-box1-div-sub {
    margin: 40px 0;
    overflow: hidden;
}
.block-content-box1-div-sub-box {
    float: left;
    width: 23%;
    margin: 0 1%
}
.block-content-box1-div-sub-box-adv {
    margin: 30px 0;
}
.block-content-box1-div-sub-box label {
    margin: 0 0 0 10px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:32px;
}
.block-content-box1-div-sub-box p {
    margin: 20px 10px 0 10px;
    font-size:14px;
    font-weight:400;
    color:rgba(122,130,140,1);
    line-height:22px;
}

.block-content-fun {
    cursor: pointer;
    width:100%;
    height:170px;
    border-radius:2px;
    padding: 25px 30px;
    margin-bottom: 40px;
}
.block-content-fun-display {
    float: left;
    width: 240px;
    height: 100%;
    background: #97a8b9;
    text-align: center;
}
.block-content-fun-display.bg1 {
    background: url('/images/web/video/fun_bg1.png');
}
.block-content-fun-display.bg2 {
    background: url('/images/web/video/fun_bg2.png');
}
.block-content-fun-display.bg3 {
    background: url('/images/web/video/fun_bg3.png');
}
.block-content-fun-display.bg4 {
    background: url('/images/web/video/fun_bg4.png');
}
.block-content-fun-display.bg5 {
    background: url('/images/web/video/fun_bg5.png');
}
.block-content-fun-display.bg6 {
    background: url('/images/web/video/fun_bg6.png');
}
.block-content-fun-display.bg7 {
    background: url('/images/web/video/fun_bg7.png');
}
.block-content-fun-display.bg8 {
    background: url('/images/web/video/fun_bg8.png');
}
.block-content-fun-display.bg9 {
    background: url('/images/web/video/fun_bg9.png');
}
.block-content-fun-display.bg10 {
    background: url('/images/web/video/fun_bg10.png');
    background-size: 100% 100%;
}
.block-content-fun-display.bg11 {
    background: url('/images/web/video/fun_bg11.png');
    background-size: 100% 100%;
}
.block-content-fun-display.bg12 {
    background: url('/images/web/video/fun_bg12.png');
    background-size: 100% 100%;
}
.block-content-fun-display.bg13 {
    background: url('/images/web/video/fun_bg13.png');
    background-size: 100% 100%;
}
.block-content-fun-display p {
    display: none;
    margin: 30px 0 25px;
    font-size:18px;
    font-weight:400;
    color:rgba(249,251,253,1);
    line-height:22px;
}
.block-content-fun-display div {
    display: none;
    margin-left: 100px;
    width:40px;
    height:3px;
    background:rgba(255,255,255,1);
}
.block-content-fun-text {
    float: left;
    margin-left: 50px;
    width: 850px;
    height: 100%;
}
.block-content-fun-text-title {
    margin-top: 5px;
    font-size:20px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:22px;
}
.block-content-fun-text-p {
    float: left;
    margin-top: 15px;
    width: 50%;
    font-size:14px;
    font-weight:400;
    color:rgba(122,130,140,1);
    line-height:22px;
}
.block-content-fun-text-p.limit1 {
    width: 100%;
}
.block-content-fun.active {
    background: #FFF;
    box-shadow:0px 4px 16px 0px rgba(25,105,249,0.08);
}
.block-content-fun.active .block-content-fun-text-p {
    color:rgba(0,0,0,1);
}
.block-content-fun.active .block-content-fun-left {
    position: absolute;
    width:2px;
    height:60px;
    background:rgba(25,105,249,1);
    top: 55px;
    left: 0;
}
.block-content-fun.active .block-content-fun-display p {
    display: block;
}
.block-content-fun.active .block-content-fun-display div {
    display: block;
}

.block-content-app {
    width:1140px;
    margin: 0 auto;
    padding: 70px 0;
    background:rgba(255,255,255,1);
    border:1px solid rgba(208, 221, 244, 0.65);
    box-shadow:0px 4px 16px 0px rgba(25,105,249,0.15);
    text-align: center;
}

.block-content-scene {
    float: left;
    margin: 10px 10px;
    width: 276px;
    height: 160px;
    text-align: center;
}
.block-content-scene.bg1 {
    background: url('/images/web/video/scene_bg1.png');
}
.block-content-scene.bg2 {
    background: url('/images/web/video/scene_bg2.png');
}
.block-content-scene.bg3 {
    background: url('/images/web/video/scene_bg3.png');
}
.block-content-scene.bg4 {
    background: url('/images/web/video/scene_bg4.png');
}
.block-content-scene.bg5 {
    background: url('/images/web/video/scene_bg5.png');
}
.block-content-scene.bg6 {
    background: url('/images/web/video/scene_bg6.png');
}
.block-content-scene.bg7 {
    background: url('/images/web/video/scene_bg7.png');
}
.block-content-scene.bg8 {
    background: url('/images/web/video/scene_bg8.png');
}
.block-content-scene.bg9 {
    background: url('/images/web/video/scene_bg9.png');
}
.block-content-scene.bg10 {
    background: url('/images/web/video/scene_bg10.png');
}
.block-content-scene.bg11 {
    background: url('/images/web/video/scene_bg11.png');
}
.block-content-scene.bg12 {
    background: url('/images/web/video/scene_bg12.png');
}
.block-content-scene.bg13 {
    background: url('/images/web/video/scene_bg13.png');
}
.block-content-scene.bg14 {
    background: url('/images/web/video/scene_bg14.png');
}
.block-content-scene.bg15 {
    background: url('/images/web/video/scene_bg15.png');
}
.block-content-scene.bg16 {
    background: url('/images/web/video/scene_bg16.png');
}
.block-content-scene.bg17 {
    background: url('/images/web/video/scene_bg17.png');
}
.block-content-scene.bg18 {
    background: url('/images/web/video/scene_bg18.png');
}
.block-content-scene.bg19 {
    background: url('/images/web/video/scene_bg19.png');
}
.block-content-scene.bg20 {
    background: url('/images/web/video/scene_bg20.png');
}
.block-content-scene.bg21 {
    background: url('/images/web/video/scene_bg21.png');
}
.block-content-scene.bg22 {
    background: url('/images/web/video/scene_bg22.png');
}
.block-content-scene.box_bg1 {
    background: url('/images/web/video/box/scene_bg1.png');
}
.block-content-scene.box_bg2 {
    background: url('/images/web/video/box/scene_bg2.png');
}
.block-content-scene.box_bg3 {
    background: url('/images/web/video/box/scene_bg3.png');
}
.block-content-scene.box_bg4 {
    background: url('/images/web/video/box/scene_bg4.png');
}
.block-content-scene.box_bg5 {
    background: url('/images/web/video/box/scene_bg5.png');
}
.block-content-scene.box_bg6 {
    background: url('/images/web/video/box/scene_bg6.png');
}
.block-content-scene.box_bg7 {
    background: url('/images/web/video/box/scene_bg7.png');
}
.block-content-scene.box_bg8 {
    background: url('/images/web/video/box/scene_bg8.png');
}
.block-content-scene.limit3 {
    width: 380px;
}
.block-content-scene.limit2 {
    margin: 0 70px;
    width: 460px;
    height: 160px;
}
.block-content-scene.limit1 {
    margin: 0 330px;
    width: 540px;
    height: 160px;
}
.block-content-scene p {
    margin-top: 40px;
    font-size:20px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:60px;
}
.block-content-scene div {
    width:50px;
    height:2px;
    background:rgba(255,255,255,1);
    margin: 0 auto;
}
.block-content-scene-desc {
    float: left;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,1);
    margin: 0 70px;
    margin-top: 30px;
    width: 460px;
    text-align: center;
}

.block-content-compare {
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-content-compare img {
    margin: 0 20px;
}
.block-content-compare-text {
    width: 480px;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-content-compare-text p {
    margin: 40px 0 0;
    width: 50%;
    font-size:16px;
    font-weight:400;
    color:rgba(122,130,140,1);
    line-height:22px;
    text-indent: 17px;
}

.block-content-cp {
    display: flex;
    justify-content: center;
}
.block-content-cp-item {
    margin: 0 90px;
}
.block-content-cp-item.limit3 {
    margin: 0 60px;
}
.block-content-cp-item.limit4 {
    margin: 0 10px;
}
.block-content-cp-item-show {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 110px;
    box-shadow:0px 4px 16px 0px rgba(25,105,249,0.18);
    border-radius:2px;
}
.block-content-cp-item-text {
    margin: 38px 0 0 0;
    font-size:14px;
    font-weight:500;
    color:rgba(28,28,30,1);
    text-align: center;
}

.contact-us {
    margin-top: 100px;
    width: 100%;
    height: 220px;
    text-align: center;
    background: url('/images/web/video/contact_us.png');
    overflow: hidden;
}
.contact-us p {
    margin: 60px 0 35px;
    font-size:20px;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.contact-us button {
    width: 150px;
    height: 40px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color:transparent;
    border-radius:2px;
}
.contact-us button:hover {
    background: #FFF;
    color: #333;
}