@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'sy';
    src: url('../font/SourceHanSansCN-Regular_1.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TxW7';
    src: url('../font/TencentSans-W7.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yh';
    src: url('../font/yh.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'xm';
    src: url('../font/xm.ttf');
    font-weight: normal;
    font-style: normal;
}

html,body{width:100%; height:100%;margin:0;}
img{border:none;}
ul,li,dd,dl{margin:0; padding:0; list-style: none;}
.no{display:none;}
.ab{position:absolute;}
.ab00{position:absolute;left: 0;top:0;}
.ab01{position:absolute;left: 0;bottom:0;}
.ab10{position:absolute;right: 0;top:0;}
.ab11{position:absolute;right: 0;bottom:0;}
.re{position:relative;}
.hand{cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
.ofh{overflow: hidden;}
.ofhtx{overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;}
.ofhty{overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;}
.full00{width:100%; height: 100%; top:0; left: 0;}
.w100{width: 100%;}
.h100{height: 100%;}
.op0{opacity: 0;}
.op05{opacity: 0.5;}
.btn05{background: rgba(0,255,0,0.5);}
h3,h4{font-weight: normal;}

.body{width:100%;height: 100%; overflow: hidden; font-family: 'sy','Microsoft YaHei','yh','黑体'; }
.box{width: 936px; height: 1218px; top: 0; left: 50%; margin-left: -468px;}
.box{-webkit-user-select:auto !important; -webkit-user-drag:auto !important;}
.disableselect{-webkit-user-select:none; -webkit-user-drag:none;}
*{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
input{ border:none; background:rgba(0,0,0,0); padding:0; outline:none;}
textarea{ border:none; background:rgba(0,0,0,0); overflow:hidden; outline:none; padding:0;}
.over{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.overMore{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.clear{ zoom:1}
.clear:after{ content:""; display:block; clear:both;}

.dela01{-webkit-animation-delay: 0.1s !important;-moz-animation-delay: 0.1s !important;-ms-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.dela02{-webkit-animation-delay: 0.2s !important;-moz-animation-delay: 0.2s !important;-ms-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
.dela03{-webkit-animation-delay: 0.3s !important;-moz-animation-delay: 0.3s !important;-ms-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
.dela04{-webkit-animation-delay: 0.4s !important;-moz-animation-delay: 0.4s !important;-ms-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
.dela05{-webkit-animation-delay: 0.5s !important;-moz-animation-delay: 0.5s !important;-ms-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
.dela06{-webkit-animation-delay: 0.6s !important;-moz-animation-delay: 0.6s !important;-ms-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
.dela07{-webkit-animation-delay: 0.7s !important;-moz-animation-delay: 0.7s !important;-ms-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}
.dela08{-webkit-animation-delay: 0.8s !important;-moz-animation-delay: 0.8s !important;-ms-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}
.dela09{-webkit-animation-delay: 0.9s !important;-moz-animation-delay: 0.9s !important;-ms-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}
.dela10{-webkit-animation-delay: 1s !important;-moz-animation-delay: 1s !important;-ms-animation-delay: 1s !important;animation-delay: 1s !important;}
.dela11{-webkit-animation-delay: 1.1s !important;-moz-animation-delay: 1.1s !important;-ms-animation-delay: 1.1s !important;animation-delay: 1.1s !important;}
.dela12{-webkit-animation-delay: 1.2s !important;-moz-animation-delay: 1.2s !important;-ms-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}
.dela13{-webkit-animation-delay: 1.3s !important;-moz-animation-delay: 1.3s !important;-ms-animation-delay: 1.3s !important;animation-delay: 1.3s !important;}
.dela14{-webkit-animation-delay: 1.4s !important;-moz-animation-delay: 1.4s !important;-ms-animation-delay: 1.4s !important;animation-delay: 1.4s !important;}
.dela15{-webkit-animation-delay: 1.5s !important;-moz-animation-delay: 1.5s !important;-ms-animation-delay: 1.5s !important;animation-delay: 1.5s !important;}
.dela16{-webkit-animation-delay: 1.6s !important;-moz-animation-delay: 1.6s !important;-ms-animation-delay: 1.6s !important;animation-delay: 1.6s !important;}
.dela17{-webkit-animation-delay: 1.7s !important;-moz-animation-delay: 1.7s !important;-ms-animation-delay: 1.7s !important;animation-delay: 1.7s !important;}
.dela18{-webkit-animation-delay: 1.8s !important;-moz-animation-delay: 1.8s !important;-ms-animation-delay: 1.8s !important;animation-delay: 1.8s !important;}
.dela19{-webkit-animation-delay: 1.9s !important;-moz-animation-delay: 1.9s !important;-ms-animation-delay: 1.9s !important;animation-delay: 1.9s !important;}
.dela20{-webkit-animation-delay: 2s !important;-moz-animation-delay: 2s !important;-ms-animation-delay: 2s !important;animation-delay: 2s !important;}
.dela21{-webkit-animation-delay: 2.1s !important;-moz-animation-delay: 2.1s !important;-ms-animation-delay: 2.1s !important;animation-delay: 2.1s !important;}
.dela22{-webkit-animation-delay: 2.2s !important;-moz-animation-delay: 2.2s !important;-ms-animation-delay: 2.2s !important;animation-delay: 2.2s !important;}
.dela23{-webkit-animation-delay: 2.3s !important;-moz-animation-delay: 2.3s !important;-ms-animation-delay: 2.3s !important;animation-delay: 2.3s !important;}
.dela24{-webkit-animation-delay: 2.4s !important;-moz-animation-delay: 2.4s !important;-ms-animation-delay: 2.4s !important;animation-delay: 2.4s !important;}
.dela25{-webkit-animation-delay: 2.5s !important;-moz-animation-delay: 2.5s !important;-ms-animation-delay: 2.5s !important;animation-delay: 2.5s !important;}
.dela26{-webkit-animation-delay: 2.6s !important;-moz-animation-delay: 2.6s !important;-ms-animation-delay: 2.6s !important;animation-delay: 2.6s !important;}
.dela27{-webkit-animation-delay: 2.7s !important;-moz-animation-delay: 2.7s !important;-ms-animation-delay: 2.7s !important;animation-delay: 2.7s !important;}
.dela28{-webkit-animation-delay: 2.8s !important;-moz-animation-delay: 2.8s !important;-ms-animation-delay: 2.8s !important;animation-delay: 2.8s !important;}
.dela29{-webkit-animation-delay: 2.9s !important;-moz-animation-delay: 2.9s !important;-ms-animation-delay: 2.9s !important;animation-delay: 2.9s !important;}
.dela30{-webkit-animation-delay: 3s !important;-moz-animation-delay: 3s !important;-ms-animation-delay: 3s !important;animation-delay: 3s !important;}
.dela50{-webkit-animation-delay: 5s !important;-moz-animation-delay: 5s !important;-ms-animation-delay: 5s !important;animation-delay: 5s !important;}

.flex-box{display: -webkit-flex; display: -ms-flexbox; display: -ms-inline-flexbox; display: flex; align-items: center;}
.flex-1{-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}

.pcBox .logo{ width: 124px; height: 30px; background: url(../img/logo.png) no-repeat center; cursor: pointer;}
.pcBox .nav{ width: 100%; height: 65px; background: #f9f9ff; left: 0; top: 0; z-index: 50; min-width: 500px; transition: 0.5s;}
.pcBox .nav .cot{ width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; position: relative; box-sizing: border-box; padding-right: 30px;}
.pcBox .nav .logo{ left: 30px; top: 50%; margin-top: -12px;}
.pcBox .nav .list{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.pcBox .nav .item{ height: 100%; font-size: 20px; line-height: 36px; color: #000; padding: 0 30px; display: flex; align-items: center; cursor: pointer;}
@media screen and (min-width: 1921px) {
    .pcBox .nav{ height: 140px; }
    .pcBox .nav .item{ font-size: 28px; padding: 0 42px;}
    .pcBox .nav .logo{ transform: scale(1.2);}
}
@media screen and (max-width: 1200px) {
    .pcBox .nav .item{ font-size: 18px; padding: 0 20px;}
}
@media screen and (max-width: 600px) {
    .pcBox .nav .item{ font-size: 13px; padding: 0 2px;}
}
.pcBox .dCont{ overflow-y: auto; overflow-x: hidden;}
.pcBox .dCont .scrollBox{ width: 1800px; top: 65px; left: 50%; margin-left: -900px; background: #06113a;padding-bottom: 25px;}
.pcBox .dChunks_light{z-index: 1;}
.pcBox .dBox{ width: 1205px; min-height: 860px; margin: 0 auto;padding-bottom: 20px; z-index: 2;}
.pcBox .banner img{display: block;margin: auto;}
.pcBox .banner .menu{left: 50%;bottom: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 22px;color: #437ee9;}
.pcBox .banner .menu li{width:179px;height:50px;border: 2px solid #437ee9;margin: 0 8px;line-height: 50px;text-align: center;border-radius: 10px;cursor: pointer;}
.pcBox .banner .menu li.on{background-color: #437ee9;color: #fff;}
.pcBox .dChunks{width: 1500px;margin: auto;background: url('../img/show/pc_main_bg.jpg') no-repeat;background-size: 100% 100%;}

.work-list .li-box{background-color: #182d8a;}
.work-list .li:nth-child(-n + 5) .li-box{border-radius: 10px;overflow: hidden;}
.work-list .li:nth-child(-n + 5) .li-img-box{height: 100%;}
.work-list .li-img-box img{top: 50%;left: 50%;max-width: 100%;max-height: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.work-list .li-text .title{position: relative;left: -6px;}
.work-list .li-text p{width: 100%;color: #fff;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
.work-list .li:nth-child(-n + 5) .li-text{bottom: 50%;-webkit-transform: translateY(50%);transform: translateY(50%);border-top: 0 none;}
.work-list .li:nth-child(-n + 5) .li-text p{white-space: initial;overflow: initial;text-overflow: initial;}

.pcBox .work-list{padding-top: 95px;}
.pcBox .work-list .li{width: 223px; height: 250px; display: inline-block; vertical-align: top; margin-right: 22px; margin-bottom: 24px;transition: transform 0.2s linear;overflow: hidden; cursor: pointer;}
.pcBox .work-list .li-img-box{height: 126px;}
.pcBox .work-list .li-img-box .mb-li-img{display: none;}
.pcBox .work-list .li:hover{-webkit-transform: scale(1.08);transform: scale(1.08);}
.pcBox .work-list .li .li-mask{background: url('../img/show/pc_li_mask.png') no-repeat;background-size: 100% 100%;}
.pcBox .work-list .li-text{min-height:124px;bottom: 16px;color: #fff;padding: 10px;box-sizing: border-box;font-size: 13px;border-top: 1px solid #0074fb;}
.pcBox .work-list .li-text .name{font-size: 20px;}
.pcBox .work-list .li-text .tearch{border-bottom: 1px solid #538ddb;margin-bottom: 9px;padding-bottom: 9px;}
.pcBox .work-list .li:nth-child(1),.pcBox .work-list .li:nth-child(2),.pcBox .work-list .li:nth-child(3),.pcBox .work-list .li:nth-child(4),.pcBox .work-list .li:nth-child(5){width: 391px;height: 228px;background: url('../img/show/pc_li_border.png') no-repeat;background-size: contain;padding: 15px 12px 10px;box-sizing: border-box;margin-right: 15px;}
.pcBox .work-list .li:nth-child(1) .li-mask,.pcBox .work-list .li:nth-child(2) .li-mask,.pcBox .work-list .li:nth-child(3) .li-mask,.pcBox .work-list .li:nth-child(4) .li-mask,.pcBox .work-list .li:nth-child(5) .li-mask{background: url('../img/show/pc_li_mask2.png') no-repeat;background-position: center;border-radius: 10px;}
.pcBox .work-list .li:nth-child(-n + 5) .li-img-box img{border-radius: 10px;}
.pcBox .work-list .li:nth-child(-n + 5) .li-text{width:220px;}
.pcBox .work-list .li:nth-child(1){margin-left:195.5px;}
.pcBox .work-list .li:nth-child(5n){margin-right: 0;}


.dialog_box{position: fixed;top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.8);z-index: 100;}
.dialog_cont{left: 50%; top: 160px;margin-left: -730.5px;padding-bottom: 30px;}
.dialog_close{top: -68px; right: 35px; width: 48px;height: 48px;background: url('../img/show/close_icon.png') no-repeat;cursor: pointer;}
.dialog_share_btn{top:120px;right:22px;color: #70a6ff;background: url(../img/show/share_icon.png) no-repeat;background-size: 35px;background-position: top center;font-size: 21px;padding-top: 40px;cursor: pointer;}
.dialog_main .author{width: 784px;height: 162px;background: url('../img/show/img_author_bg.png') no-repeat;margin: 0 auto 20px;color: #70a6ff;font-size: 27px;font-family: 'TXW7';padding: 8px 62px 0 39px;box-sizing: border-box;justify-content: center;}
.dialog_main .author strong{color: #fff;font-size: 43px;font-style: normal;}
.dialog_main .author i{width: 12px;height: 45px;background-color: #70a6ff; box-shadow: 0 0 5px #70a6ff;-webkit-transform: rotate(10deg);transform: rotate(10deg);margin: 10px 20px 0;}
.dialog_main .title{color: #fff;padding: 25px 0;box-sizing: border-box;}
.dialog_main .title h3{font-size: 33px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;margin: 0 auto 30px;}
.dialog_main .title p{margin: 0;padding: 0 24px;font-size: 22px;line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dialog_main .dialog_intros{width: 1310px; height: auto; background: url('../img/show/pc_dialog_intros_bg.png') no-repeat; background-size: 100% 100%; margin-top: 60px;padding: 35px; box-sizing: border-box;}
.dialog_main .dialog_intros h2{width: 214px;height: 58px;color: #0c1741;font-size: 28px;margin: 55px 0 30px;line-height: 58px;padding-left: 20px; box-sizing: border-box;}
.dialog_main .dialog_intros .h2-1{width:270px;background: url('../img/show/dialog_intro_bg1.png') no-repeat;margin-top: 0;}
.dialog_main .dialog_intros .h2-2{background: url('../img/show/dialog_intro_bg2.png') no-repeat;}
.dialog_main .dialog_intros .h2-3{background: url('../img/show/dialog_intro_bg3.png') no-repeat;}
.dialog_main .dialog_intros p{color: #fff;font-size: 21px;line-height: 1.6;text-align: justify;}

.pc_dialog_box .img_dialog_cont .dialog_main{width: 1461px;height: auto; background: url('../img/show/pc_dialog_bg2.png') no-repeat; background-size: 100% 100%; padding: 110px 75px 30px;box-sizing: border-box;}
.img_dialog_cont .dialog_main .video_box{display: none;}
.pc_dialog_box .img_dialog_cont .dialog_main .img_box{width: 485px; height: auto;border: 2px solid #70a6ff;margin-right: 35px;}
.pc_dialog_box .img_dialog_cont .dialog_main .img_box img{width: 100%; display: block;}
.pc_dialog_box .img_dialog_cont .dialog_main .title{width: 788px;height: 195px;background: url('../img/show/img_title_bg.png') no-repeat;}

.pc_dialog_box .video_dialog_cont .dialog_main{width: 1461px;height: auto; background: url('../img/show/pc_dialog_bg.png') no-repeat; background-size: 100% 100%; padding: 110px 75px 30px;box-sizing: border-box;}
.video_dialog_cont .dialog_main .img_box{display: none;}
.pc_dialog_box .video_dialog_cont .dialog_main .base_info_box{display: block;}
.pc_dialog_box .video_dialog_cont .dialog_main .video_box{width: 1309px;height: 738px;border: 2px solid #70a6ff;box-sizing: border-box;margin-bottom: 68px;}
.pc_dialog_box .video_dialog_cont .dialog_main .title{width: 1310px;height: 195px;background: url('../img/show/video_title_bg.png') no-repeat;}
.pc_dialog_box .video_dialog_cont .dialog_main .title h3{padding: 0 24px;}
.pc_dialog_box .video_dialog_cont .dialog_main .title p{padding: 0 38px;}
.pc_dialog_box .video_dialog_cont .dialog_main .author{margin-bottom: 50px;}
.pc_dialog_box .video_dialog_cont .dialog_main .dialog_intros{margin-top: 30px;}


.mbBox .nav{ 
    top: 0;
    left: 50%;
    width: 750px;
    height: 77px;
    margin-left: -375px;
    background: #eaf0fd;
    z-index: 50;
}
.mbBox .nav .logo{
    top: 50%;
    left: 75px;
    width: 156px;
    height: 38px;
    margin-top: -19px;
    background: url(../mb/img/actives/logo.png) no-repeat center;
    cursor: pointer;
}
.mbBox .nav .menu{
    width: 68px;
    height: 68px;
    background: url(../mb/img/nav_menu.png) no-repeat center;
    right: 44px;
    top: 50%;
    margin-top: -34px;
}
.mbBox .navFc{
    background: rgba(0,0,0,0.35);
    z-index: 20;
}
.mbBox .navFc .cot{
    right: 25px;
    top: 75px;
    width: 314px;
    height: 432px;
    background: url(../mb/img/detail/nav_cot.png) no-repeat center;
}
.mbBox .navFc .list{
    padding-top: 54px;
}
.mbBox .navFc .item .icon{
    width: 40px;
    height: 40px;
    position: relative;
    margin-left: 37px;
}
.mbBox .navFc .item .icon1{
    background: url(../mb/img/nav_icon1.png) no-repeat center/contain;
}
.mbBox .navFc .item .icon2{
    background: url(../mb/img/nav_icon2.png) no-repeat center/contain;
}
.mbBox .navFc .item .icon3{
    background: url(../mb/img/nav_icon3.png) no-repeat center/contain;
}
.mbBox .navFc .item .text{
    font-size: 36px;
    line-height: 68px;
    color: #000;
    margin-left: 45px;
}
.mbBox .scrollBox{
    width: 750px;
    top: 0;
    left: 50%;
    margin-left: -375px;
    background: #06113a;
    padding-top: 77px;
    padding-bottom: 25px;
}
.mbBox .banner{
    width: 750px;
    height: 560px;
    background: url('../img/show/banner_mb.jpg') no-repeat;
}
.mbBox .banner #banner_xl{
    top: 115px;
    width: 750px;
    height: 160px;
}
.mbBox .banner #banner_xl img{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.mbBox .banner ul{
    bottom: 0;
    text-align: center;
}
.mbBox .banner li{
    width: 189px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    vertical-align: top;
    margin: 0 12.5px 14px;
    border: 2px solid #437ee9;
    border-radius: 10px;
    color: #437ee9;
    font-size: 20px;
    cursor: pointer;
}
.mbBox .banner li.on{
    background-color: #437ee9;
    color: #fff;
}
.mbBox .dBox{
    width: 670px;
    min-height: 1000px;
    height: auto;
    background: url('../img/show/mb_list_bg.png') no-repeat;
    background-size: 100% 100%;
    margin: 35px auto 0;
    padding: 35px 25px 33px;
    box-sizing: border-box;
}
.mbBox .work-list .li{
    width: 296px;
    min-height: 314px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    margin-bottom: 24px;
    cursor: pointer;
}
.mbBox .work-list .li:nth-child(2n + 5){
    margin-right: 0;
}
.mbBox .work-list .li-img-box{
    height: 166px;
    overflow: hidden;
}
.mbBox .work-list .li-img-box .pc-li-img{
    display: none;
}
.mbBox .work-list .li .li-mask{
    background: url('../img/show/mb_li_mask.png') no-repeat;
    background-size: 100% 100%;
}
.mbBox .work-list .li-text{
    bottom: 10px;
    width: 100%;
    min-height: 148px;
    padding: 15px;
    border-top: 1px solid #0074fb;
    box-sizing: border-box;
}
.mbBox .work-list .li-text .name{
    font-size: 22px;
}
.mbBox .work-list .li-text .tearch{
    border-bottom: 2px solid #386dd6;
    padding-bottom: 9px;
    margin-bottom: 7px;
}
.mbBox .work-list .li-text .tearch, .mbBox .work-list .li-text .title, .mbBox .work-list .li-text .school{
    font-size: 16px;
}
.mbBox .work-list .li:nth-child(-n + 5){
    width: 616px;
    height: 359px;
    background: url('../img/show/mb_li_bg2.png') no-repeat;
    padding: 15px 10px 7px;
    box-sizing: border-box;
}
.mbBox .work-list .li:nth-child(-n + 5) .li-img-box img{
    border-radius: 10px;
}
.mbBox .work-list .li:nth-child(-n + 5) .li-mask{
    background: url('../img/show/mb_li_mask2.png') no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    overflow: hidden;
}
.mbBox .work-list .li:nth-child(-n + 5) .li-text{
    width: 280px;
}
.mb_dialog_box .dialog_cont{
    width: 690px;
    height: auto;
    background: url('../img/show/mb_dialog_bg.png') no-repeat;
    background-size: 100% 100%;
    margin-left: -345px;
}
.mb_dialog_box .dialog_close{
    right: 25px;
}
.mb_dialog_box .dialog_share_btn{
    top: -75px;
    left: 20px;
    right: initial;
}
.mb_dialog_box .base_info_box{
    flex-direction: column;
}
.mb_dialog_box .base_info_box .img_box, .mb_dialog_box .base_info_box .video_box{
    width: 616px;
    height: auto;
    border: 2px solid #70a6ff;
    box-sizing: border-box;
    margin-top: 50px;
}
.mb_dialog_box .base_info_box .img_box img{
    display: block;
}
.mb_dialog_box .dialog_main .author{
    width: 625px;
    height: 141px;
    background: url('../img/show/mb_author_bg.png') no-repeat;
    font-size: 24px;
    padding: 8px 36px 0;
    margin-top: 20px;
}
.mb_dialog_box .dialog_main .author strong{
    font-size: 34px;
}
.mb_dialog_box .dialog_main .title{
    width: 617px;
    height: 191px;
    background: url('../img/show/mb_title_bg.png') no-repeat;
}
.mb_dialog_box .dialog_main .title h3{
    font-size: 28px;
    padding: 0 20px;
}
.mb_dialog_box .dialog_main .title p{
    padding: 0 32px;
}
.mb_dialog_box .dialog_main .dialog_intros{
    width: 617px;
    height: auto;
    background: url('../img/show/mb_dialog_intros_bg.png') no-repeat;
    background-size: 100% 100%;
    margin: 20px auto 0;
}
.mb_dialog_box .dialog_main .dialog_intros h2{
    margin-bottom: 10px;
    margin-top: 40px;
}
.mb_dialog_box .dialog_main .dialog_intros .h2-1{
    margin-top: 0;
}
.mb_dialog_box .dialog_main .dialog_intros p{
    margin: 0;
}
.li-video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.mb_dialog_box .li-video, .mb_dialog_box .iframe-box{
    height: 347px;
}
.tips{
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    margin: 20px 0 0;
    padding: 0 30px;
    text-align: justify;
}
.pcBox .tips{
    font-size: 13px;
}
.mbBox .tips{
    padding: 0 60px;
}
.bottom{
    margin-top: 60px;
}
.bottom img{
    width: 420px;
    display: block;
    margin: auto;
}
.bottom p{
    margin: 30px auto 0;
}
.pcBox .bottom p{
    width: 1240px;
    text-align: center;
}
.load-progress{
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    height: 10px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50px;
}
.load-progress span{
    top: 0;
    left: 0;
    width: 15%;
    height: 10px;
    background-color: #437ee9;
    border-radius: 50px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -28px;
}
.swiper-pagination-bullet{
    background-color: transparent;
    border: 1px solid #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background-color: #fff;
}