.header .wrap .header_list ul li .active .t {
    display: block;
}

/* header */
.header .wrap .header_list ul li a>.s {
    display: block;
}



.sj_new_box {
    position: absolute;
    width: 20px;
    height: 20px;
    /* background-color: #fff; */
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.sj_new {
    position: relative;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    /* border-color: rgba(0, 161, 255, 0.4) transparent transparent transparent; */
    border-color: #ffffff transparent transparent transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}

.sj_new1 {
    position: absolute;
    top: -11px;
    right: -10px;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: #fff transparent transparent transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}

.downloadBtn {
    --background: #71e5f0;
    --text: #1e235b;
    --font-size: 24px;
    --duration: .5s;
    --move-hover: -4px;
    --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
    --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
    padding: 14px 32px;
    font-family: 'Roboto';
    font-weight: 500;
    line-height: var(--font-size);
    line-height: 24px;
    border-radius: 8px;
    display: block;
    outline: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: var(--font-size);
    font-size: 24px;
    letter-spacing: .5px;
    background: var(--background);
    background: #71e5f0;
    color: var(--text);
    color: #1e235b;
    box-shadow: var(--shadow);
    box-shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
    -webkit-transform: translateY(var(--y));
    transform: translateY(var(--y));
    /* transform                  : translateY(-4px); */
    transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    width: 240px;
    height: 64px;
    box-sizing: border-box;
    margin-top: 48px;
}

.downloadBtn span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.downloadBtn span i {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}

.downloadBtn span i:nth-child(1) {
    --d: 0.05s;
}

.downloadBtn span i:nth-child(2) {
    --d: 0.1s;
}

.downloadBtn span i:nth-child(3) {
    --d: 0.15s;
}

.downloadBtn span i:nth-child(4) {
    --d: 0.2s;
}

.downloadBtn span i:nth-child(5) {
    --d: 0.25s;
}

.downloadBtn span i:nth-child(6) {
    --d: 0.3s;
}


.downloadBtn:hover {
    --y: var(--move-hover);
    --shadow: var(--shadow-hover);
    --move: -4px;
    --shadow-active: 0 3px 1px rgba(0, 0, 0, .2);
}

.downloadBtn:hover i {
    -webkit-animation: move var(--duration) linear var(--d);
    animation: move var(--duration) linear var(--d);
}

@-webkit-keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}

@keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}


/*banner*/
.banner {
    /* background             : url("//ve-oss1.atvideo.cc/img/banner_dtmb@2x.png"); */
    background: url("../common_img/banner/banner_spjj@2x.png");
    -webkit-background-size: cover;
    background-size: cover;
}

.new_title {
    color: rgb(30, 35, 91);
    font-size: 30px;
    text-align: center;
    margin: 64px 0 36px;
}

.pathwayContent {
    height: 740px;
    background-color: rgb(243, 248, 255);
}

.effectsContent {
    padding: 64px 0;
}

.contentTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 8px;
}

.contentTitle img {
    width: 64px;
    height: 64px;
}

.des {
    margin: 0;
    font-size: 16px;
    color: #333333;
    opacity: 0.8;
    text-align: center;
    margin-bottom: 32px;
}

.ContentBox {
    width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.ContentItems {
    box-sizing: border-box;
    width: 480px;
    /* height          : 240px; */
    padding: 18px 14px;
    padding-right: 39px;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: all .4s;
}

.ContentItems:nth-child(2n) {
    margin-right: 0;
}

.ContentItems:hover {
    box-shadow: 0 0 16px rgba(0, 39, 103, 0.16);
    cursor: pointer;
    transform: translate(-10px, -15px);
}

.ContentItemsImg {
    width: 160px;
    height: 204px;
    margin-right: 16px;
}

.ContentItemsImg img {
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.desContent {
    flex: 1;
}

.desContent_Title {
    font-size: 20px;
    margin: 0;
    margin-top: 26px;
    margin-bottom: 19px;
    color: #333333;
}

.desContent_des {
    margin: 0;
    font-size: 14px;
    color: #333333;
    opacity: 0.8;
}

.Function_of_case {
    position: relative;
    width: 742px;
    margin: -20px auto 64px;
    /* height         : 480px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
}

.left_arrow,
.right_arrow {
    position: absolute;
    box-sizing: border-box;
    /* padding         : 2px; */
    width: 87px;
    height: 87px;
    cursor: pointer;
    top: 55%;
    z-index: 100;
}

.right_arrow {
    background: url("../common_img/videoTemplate/btn_next@2x.png") no-repeat center center;
    background-size: 88px 88px;
    right: -25px;
}

.left_arrow {
    background: url("../common_img/videoTemplate/btn_before@2x.png") no-repeat center center;
    background-size: 88px 88px;
    left: -25px;
}

.Function_of_case_content {
    width: 742px;
    height: 600px;

}

.line_swiper_new {
    width: 16px;
    height: 4px;
    background-color: #005cff;
    margin-bottom: 16px;
}


.swiper-container {
    width: 100%;
    height: 100%;
}


.swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 2px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 24px;
}


.video_clip_content {
    position: absolute;
    left: 0;
    top: 155px;
    height: 442px;
    width: 742px;
    background: url("../common_img/videoTemplate/gnal_bj@2x.png") no-repeat center center;
    background-size: cover;
    display: flex;
    text-align: left;
}


.video_clip_left {
    height: 100%;
    flex: 1;
    box-sizing: border-box;
    padding-top: 74px;
    padding-left: 66px;
}

.video_clip_title {
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    margin-bottom: 22px;
    /* text-shadow   : -1px 9px 16px blue; */
    text-shadow: -1px 9px 20px blue;
}

.video_clip_des {
    font-size: 16px;
    width: 292px;
    height: 137px;
    width: 77%;
    opacity: 0.9;
}


.video_clip_right .mask_new {
    position: absolute;
    left: -47px;
    top: -95px;
    z-index: 1;
    width: 270px;
    height: 480px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
}


.video_clip_right img {
    position: absolute;
    left: -21%;
    top: 39%;
    transform: translate(228%, -113%);
    width: 56px;
    z-index: 2;
    height: 57px;
}


.applicability {
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 20px;
}

.icon_box {
    display: flex;
}

.new_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    flex-direction: column;
    margin-right: 20px;
}

.new_icon:last-child {
    margin-right: 0;
}

.new_icon img {
    margin-bottom: 8px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background-color: #fff;
}

.video_clip_right {
    flex: 1;
    position: relative;
}


.video_clip_right video {
    position: absolute;
    width: 270px;
    height: 480px;
    background-color: #fff;
    outline: none;
    left: -47px;
    top: -95px;
    box-sizing: border-box;
    border: 4px solid #ffffff;
    border-radius: 4px;
}


.left_title,
.right_title {
    position: absolute;
    width: 240px;
    height: 320px;
    background-color: #e5f5ff;
    top: 37%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
}

.left_title .line_swiper_new,
.right_title .line_swiper_new {
    margin: 16px 0;
}


.right_title {
    right: -224px;
    padding-left: 48px;
}

.left_title {
    left: -224px;
    padding-left: 24px;
}


.right_des {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: start;
    width: 149px;
    color: rgba(30, 35, 91, 0.6);
}

.title_swiper_new {
    margin: 0;
    text-align: start;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #1e235b;
    font-weight: 600;
}

.contact_us {
    height: 490px;
    background: url("../common_img/videoTemplate/bg@2x.png") no-repeat center center;
    background-size: cover;
}

.contact_us>img {
    margin-top: 188px;
    margin-bottom: 44px;
}

.new_btnsBox {
    display: flex;
    justify-content: center;
}

.new_btn {
    font-family: "Microsoft YaHei", "Arial", "YouYuan", sans-serif;
    position: relative;
    width: 240px;
    height: 64px;
    color: #ffffff;
    background-image: linear-gradient(to right, #00a1ff, #005cff);
    font-size: 24px;
    margin-right: 48px;
    border-radius: 8px;
    line-height: 64px;
    cursor: pointer;
}

.new_btn img {
    width: 28px;
    vertical-align: -4px;
    margin-right: 8px;
    height: 28px;
}

.new_btn:last-child {
    margin-right: 0;
}



.detailed_list_box {
    width: 1200px;
    margin: 0 auto 64px;
    display: flex;
}

.detailed_list_box ul {
    margin: 0;
    padding: 0;
}

.detailed_list_box li {
    box-sizing: border-box;
    border-bottom: 1px solid #b0b0b0;
}

.to3 {
    display: flex;
    box-sizing: border-box;
}

.to3 div {
    box-sizing: border-box;
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.to3 div:nth-child(2) {
    border-left: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
}

.category {
    width: 344px;
    color: #1e235b;
    font-size: 16px;
}

.explain {
    width: 580px;
    color: rgba(3, 3, 3, .8);
    font-size: 14px;
}

.scheme {
    width: 276px;
}

.category>li:first-child,
.explain>li:first-child,
.scheme>li:first-child {
    background-color: #333;
    height: 88px;
    color: #fff;
    font-size: 24px;
    border-bottom: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
}


/* .category>li:last-child,
.explain>li:last-child,
.scheme>li:last-child {
    border-bottom: 1px solid #b0b0b0;
} */

.category>li:first-child,
.scheme>li:first-child {
    border-left: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
}

.category>li,
.scheme>li {
    border-left: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
}



.category>li:first-child,
.explain>li:first-child {
    line-height: 88px;
}

.centerLi {
    display: flex;
    justify-content: center;
    align-items: center;
}


.category>li:nth-of-type(2) {
    height: 64px;
}


.scheme .to3:nth-child(2) {
    height: 64px;
}


/* 第一列 */

.category>li:nth-of-type(3) {
    height: 360px;
}

.category>li:nth-of-type(4) {
    height: 320px;
}

.category>li:nth-of-type(5) {
    height: 918px;
}

.category>li:nth-of-type(6) {
    height: 511px;
}

.category>li:nth-of-type(7) {
    height: 547px;
}

.category>li:nth-of-type(8) {
    height: 382px;
}

.category>li:nth-of-type(9) {
    height: 206px;
}

.category>li:nth-of-type(10) {
    height: 123px;
}

.category>li:nth-of-type(11) {
    height: 79px;
}

.category>li:nth-of-type(12) {
    height: 980px;
}

.category>li:nth-of-type(13) {
    height: 183px;
}

.category>li:nth-of-type(14) {
    height: 183px;
}

/* 第二列 */
.explain>li {
    padding: 0 20px;
}

.explain>li:nth-of-type(2) {
    height: 64px;
}

.explain>li:nth-of-type(3),
.scheme .to3:nth-child(3) {
    height: 62px;
}

.explain>li:nth-of-type(4),
.scheme .to3:nth-child(4) {
    height: 62px;
}

.explain>li:nth-of-type(5),
.scheme .to3:nth-child(5) {
    height: 62px;
}

.explain>li:nth-of-type(6),
.scheme .to3:nth-child(6) {
    height: 62px;
}

.explain>li:nth-of-type(7),
.scheme .to3:nth-child(7) {
    height: 112px;
}

.explain>li:nth-of-type(8),
.scheme .to3:nth-child(8),
.explain>li:nth-of-type(9),
.scheme .to3:nth-child(9),
.explain>li:nth-of-type(10),
.scheme .to3:nth-child(10) {
    height: 40.1px;
}

.explain>li:nth-of-type(11),
.scheme .to3:nth-child(11),
.explain>li:nth-of-type(12),
.scheme .to3:nth-child(12),
.explain>li:nth-of-type(13),
.scheme .to3:nth-child(13),
.explain>li:nth-of-type(14),
.scheme .to3:nth-child(14),
.explain>li:nth-of-type(15),
.scheme .to3:nth-child(15),
.explain>li:nth-of-type(16),
.scheme .to3:nth-child(16),
.explain>li:nth-of-type(17),
.scheme .to3:nth-child(17),
.explain>li:nth-of-type(21),
.scheme .to3:nth-child(21),
.explain>li:nth-of-type(22),
.scheme .to3:nth-child(22),
.explain>li:nth-of-type(23),
.scheme .to3:nth-child(23),
.explain>li:nth-of-type(24),
.scheme .to3:nth-child(24),
.explain>li:nth-of-type(25),
.scheme .to3:nth-child(25),
.explain>li:nth-of-type(26),
.scheme .to3:nth-child(26),
.explain>li:nth-of-type(28),
.scheme .to3:nth-child(28),
.explain>li:nth-of-type(30),
.scheme .to3:nth-child(30) {
    height: 40px;
}

.explain>li:nth-of-type(18),
.scheme .to3:nth-child(18) {
    height: 39px;
}

.explain>li:nth-of-type(19),
.scheme .to3:nth-child(19),
.explain>li:nth-of-type(20),
.scheme .to3:nth-child(20),
.explain>li:nth-of-type(37),
.scheme .to3:nth-child(37),
.explain>li:nth-of-type(38),
.scheme .to3:nth-child(38),
.explain>li:nth-of-type(40),
.scheme .to3:nth-child(40),
.explain>li:nth-of-type(41),
.scheme .to3:nth-child(41),
.explain>li:nth-of-type(42),
.scheme .to3:nth-child(42),
.explain>li:nth-of-type(47),
.scheme .to3:nth-child(47),
.explain>li:nth-of-type(48),
.scheme .to3:nth-child(48),
.explain>li:nth-of-type(50),
.scheme .to3:nth-child(50) {
    height: 41px;
}

.explain>li:nth-of-type(27),
.scheme .to3:nth-child(27) {
    height: 35px;
}

.explain>li:nth-of-type(29),
.scheme .to3:nth-child(29) {
    height: 64.2px;
}

.explain>li:nth-of-type(31),
.scheme .to3:nth-child(31) {
    height: 94px;
}

.explain>li:nth-of-type(32),
.scheme .to3:nth-child(32) {
    height: 61px;
}

.explain>li:nth-of-type(33),
.scheme .to3:nth-child(33),
.explain>li:nth-of-type(34),
.scheme .to3:nth-child(34),
.explain>li:nth-of-type(35),
.scheme .to3:nth-child(35),
.explain>li:nth-of-type(36),
.scheme .to3:nth-child(36) {
    height: 35.6px;
}

.explain>li:nth-of-type(39),
.scheme .to3:nth-child(39) {
    height: 91px;
}


.explain>li:nth-of-type(43),
.scheme .to3:nth-child(43) {
    height: 105px;
}

.explain>li:nth-of-type(44),
.scheme .to3:nth-child(44),
.explain>li:nth-of-type(45),
.scheme .to3:nth-child(45),
.explain>li:nth-of-type(46),
.scheme .to3:nth-child(46),
.explain>li:nth-of-type(51),
.scheme .to3:nth-child(51),
.explain>li:nth-of-type(52),
.scheme .to3:nth-child(52),
.explain>li:nth-of-type(53),
.scheme .to3:nth-child(53) {
    height: 36.6px;
}


.explain>li:nth-of-type(49),
.scheme .to3:nth-child(49) {
    height: 89px;
}

.explain>li:nth-of-type(54),
.scheme .to3:nth-child(54) {
    height: 119px;
}

.explain>li:nth-of-type(55),
.scheme .to3:nth-child(55),
.explain>li:nth-of-type(56),
.scheme .to3:nth-child(56),
.explain>li:nth-of-type(57),
.scheme .to3:nth-child(57) {
    height: 35.5px;
}

.explain>li:nth-of-type(58),
.scheme .to3:nth-child(58) {
    height: 110px;
}

.explain>li:nth-of-type(59),
.scheme .to3:nth-child(59) {
    height: 41px;
}

.explain>li:nth-of-type(60),
.scheme .to3:nth-child(60),
.explain>li:nth-of-type(61),
.scheme .to3:nth-child(61),
.explain>li:nth-of-type(62),
.scheme .to3:nth-child(62) {
    height: 39.7px;
}

.explain>li:nth-of-type(63),
.scheme .to3:nth-child(63),
.explain>li:nth-of-type(64),
.scheme .to3:nth-child(64),
.explain>li:nth-of-type(65),
.scheme .to3:nth-child(65) {
    height: 37.5px;
}

.explain>li:nth-of-type(66),
.scheme .to3:nth-child(66) {
    height: 81px;
}

.explain>li:nth-of-type(67),
.scheme .to3:nth-child(67),
.explain>li:nth-of-type(68),
.scheme .to3:nth-child(68) {
    height: 41px;
}

.explain>li:nth-of-type(69),
.scheme .to3:nth-child(69) {
    height: 43px;
}


.explain>li:nth-of-type(70),
.scheme .to3:nth-child(70),
.explain>li:nth-of-type(71),
.scheme .to3:nth-child(71),
.explain>li:nth-of-type(72),
.scheme .to3:nth-child(72),
.explain>li:nth-of-type(73),
.scheme .to3:nth-child(73) {
    height: 41px;
}

.explain>li:nth-of-type(74),
.scheme .to3:nth-child(74) {
    height: 38px;

}



.explain>li:nth-of-type(75),
.scheme .to3:nth-child(75),
.explain>li:nth-of-type(76),
.scheme .to3:nth-child(76),
.explain>li:nth-of-type(77),
.scheme .to3:nth-child(77),
.explain>li:nth-of-type(78),
.scheme .to3:nth-child(78),
.explain>li:nth-of-type(79),
.scheme .to3:nth-child(79),
.explain>li:nth-of-type(80),
.scheme .to3:nth-child(80) {
    height: 40px;
}

.explain>li:nth-of-type(81),
.scheme .to3:nth-child(81) {
    height: 38px;

}

.explain>li:nth-of-type(82),
.scheme .to3:nth-child(82) {
    height: 36px;
}

.explain>li:nth-of-type(83),
.scheme .to3:nth-child(83) {
    height: 41px;
}

.explain>li:nth-of-type(84),
.scheme .to3:nth-child(84),
.explain>li:nth-of-type(85),
.scheme .to3:nth-child(85),
.explain>li:nth-of-type(86),
.scheme .to3:nth-child(86),
.explain>li:nth-of-type(90),
.scheme .to3:nth-child(90),
.explain>li:nth-of-type(91),
.scheme .to3:nth-child(91) {
    height: 40px;
}

.explain>li:nth-of-type(87),
.scheme .to3:nth-child(87) {
    height: 38px;
}

.explain>li:nth-of-type(88),
.scheme .to3:nth-child(88) {
    height: 41px;
}

.explain>li:nth-of-type(89),
.scheme .to3:nth-child(89) {
    height: 81px;
}

.explain>li:nth-of-type(92),
.scheme .to3:nth-child(92) {
    height: 37px;
}


.explain>li:nth-of-type(93),
.scheme .to3:nth-child(93) {
    height: 81px;
}

.explain>li:nth-of-type(94),
.scheme .to3:nth-child(94) {
    height: 81px;
}

.explain>li:nth-of-type(95),
.scheme .to3:nth-child(95) {
    height: 66px;
}

.explain>li:nth-of-type(96),
.scheme .to3:nth-child(96) {
    height: 61px;
}

.explain>li:nth-of-type(97),
.scheme .to3:nth-child(97) {
    height: 61px;
}

.explain>li:nth-of-type(98),
.scheme .to3:nth-child(98) {
    height: 61px;
}

.explain>li:nth-of-type(99),
.scheme .to3:nth-child(99) {
    height: 61px;
}

.explain>li:nth-of-type(100),
.scheme .to3:nth-child(100) {
    height: 61px;
}

.explain>li:nth-of-type(101),
.scheme .to3:nth-child(101) {
    height: 61px;
}



/*bottom switch*/
.intro-bs {
    /* height     : 678px; */
    width: 100%;
    background: #fff;
    display: block;
    text-align: center;
    padding-top: 0;
}

.intro-bs .title {
    text-align: center;
    margin-bottom: 40px;
}

.intro-content {
    width: 960px;
    margin: 0 auto;
    height: 480px;
    display: block;
    position: relative;
}

.intro-content ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 480px;
    /*position: absolute;*/
    /*left    : 0;*/
}

.intro-content .intro-list li {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all 2s;
    float: left;
    list-style: none;
    width: 800px;
    height: 480px;
}

.intro-content .intro-list .activeIntro {
    opacity: 1;
    transition: all 2s;
}

.intro-content ul li {
    float: left;
    list-style: none;
    width: 800px;
    height: 480px;
}

.intro-content ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.intro-offset-bg {
    position: absolute;
    right: 80px;
    top: 20px;
    width: 480px;
    height: 400px;
}

.intro-offset-bg .nav {
    width: 48px;
    height: 48px;
    display: block;
    cursor: pointer;
}

.intro-offset-bg .nav-fl {
    position: absolute;
    bottom: 4px;
    right: 15px;
    z-index: 99;
    background: url("../common_img/home/xqfy@2x.png") no-repeat center center;
}

.intro-offset-bg .nav-fr {
    position: absolute;
    bottom: 4px;
    right: -50px;
    z-index: 99;
    background: url("../common_img/home/xhfy@2x.png") no-repeat center center;
}

.intro-offset-bg .intro-offset-content {
    width: 480px;
    height: 400px;
    background: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 3px 3px 10px rgba(0, 39, 103, 0.16);
    margin-left: 80px;
    margin-top: 20px;
}

.intro-offset-bg .intro-offset-content ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 400px;
    position: absolute;
    left: 0;
}

.intro-offset-bg .intro-offset-content ul li {
    float: left;
    list-style: none;
    width: 480px;
    height: 400px;
}

.intro-offset-bg .intro-offset-content ul li img {
    display: block;
    width: 480px;
    height: 100%;
}

.intro-offset-bg .intro-offset-content .tikTok .tikTok_title {
    margin-top: 38px;
    margin-left: 40px;
    margin-bottom: 12px;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    color: #000000;
}

.tikTok_hr {
    width: 32px;
    height: 8px;
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    display: block;
    margin-left: 40px;
    margin-bottom: 24px;
}

.tikTokC {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 24px;
    letter-spacing: 1px;
    margin-left: 40px;
    text-align: left;
    margin-right: 36px;
}

.tikTokNav {
    height: 20px;
    padding-top: 6px;
}

.tikTokNav3 {
    padding-top: 16px;
}

.tikTokNav span {
    margin-left: 40px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    float: left;
    margin-right: 24px;
    display: inline-block;
}

.tikTokNav span:nth-child(2),
.tikTokNav span:nth-child(3) {
    margin-left: 0 !important;
}

.tikTokNav span:nth-child(3) {
    margin-right: 0 !important;
}

.tikTokActive {
    color: #005cff !important;
    opacity: 1;
}


.new_btn:last-child:hover .flexBox_popup {
    display: block;
}

/* 
.flexBox_popup {
    position           : absolute;
    width              : 500px;
    height             : 200px;
    left               : -125px;
    top                : -215px;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    font-size          : 16px;
    background-color   : #fff;
    color              : #1e235b;
    border-radius      : 8px;
    box-shadow         : 0 0px 6px rgba(0, 39, 104, 0.2);
    box-sizing         : border-box;
    padding            : 0 20px;
    display            : none;
}

.flexBox_popup img {
    width : 210px;
    height: 178px;
}

.flexBox_popup_des {
    width          : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    text-align     : start;
}

.flexBox_popup_des div {
    width: 100%;
    float: left;
}

.flexBox_popup_des div:last-child {
    margin-top: -35px;
} */

.centerInner {
    width: 1200px;
    min-width: 1120px;
    margin: 0 auto;
}

#titleTrans {
    overflow: hidden;
    background: url('../common_img/videoTemplate/newVideoTemplate/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.video_title {
    width: 100%;
    text-align: center;
    margin-top: 96px;
    margin-bottom: 102px;
    font-size: 34px;
    font-family: 'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
    font-weight: 700;
    color: #202a3a;
    line-height: 34px;
}

.centerInner .outerStyle {
    margin-bottom: 250px;
}

.nodisplay {
    display: none;
}

.newbanner {
    /* height: 583px; */
}

.centerInner video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 22px;
}