.dialog .dialog__content{
    width: 90%;
    max-width: 1200px;
    padding:5%;
}
.dialog.dialog--open .dialog__content, .dialog.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog.dialog--open .dialog__content {
    -webkit-animation-name: anim-open2;
    animation-name: anim-open2;
}

.dialog.dialog--close .dialog__content {
    -webkit-animation-name: anim-close2;
    animation-name: anim-close2;
}


.dialog2 .dialog__content{
    width: 90%;
    max-width: 1200px;
    padding:5%;
}
.dialog2.dialog--open .dialog__content, .dialog2.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog2.dialog--open .dialog__content {
    -webkit-animation-name: anim-open2;
    animation-name: anim-open2;
}

.dialog2.dialog--close .dialog__content {
    -webkit-animation-name: anim-close2;
    animation-name: anim-close2;
}

.dialog2 .img{
    width:100%;
}
.dialog2 .img img{
    width:100%;
}
.dialog2 .sp{
    position: absolute;
    right: 0%;
    top: 0%;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
}
.dialog2 .sp:hover{
    color: #fff;
    background: #0067b1;
}
@media (max-width:1024px) {
    .dialog2 .sp{
        background:#0067b1;
        color:#fff;
    }
}



@-webkit-keyframes anim-open2 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open2 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close2 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close2 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}



.dialog3 .dialog__content{
    max-width:none;
}

.dialog3{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:99;
}
.dialog3{
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.dialog3 .dialog__content{
    max-width:1200px;
    width:90%;
    /*height:100%;*/
    padding:0;
    border-radius:0px;
    box-shadow:none;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    overflow-x:auto;
    background:rgba(0,0,0,0);
}
.dialog3 .dialog__content #video{
    max-width:1200px;
    max-height:100%;
    margin:0 auto;
    width:90%;
}
.dialog3 .dialog__content .p{
    max-width:1200px;
    width:90%;
    margin:0 auto;
    text-align:left;
}
.dialog3 .dialog__content .tit2{
    margin-top:1rem;
    color:#fff;
}
.dialog3 .dialog__content .p{
    margin-top:.5rem;
    color:#fff;
}
.dialog3.dialog--open #video{
    opacity:1;
    visibility:visible;
    transition: all .3s ease;
}
.dialog3.dialog--close #video{
    opacity:0;
    visibility:hidden;
}

.dialog3.dialog--open .dialog__content, .dialog3.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog3.dialog--open .dialog__content {
    -webkit-animation-name: anim-open3;
    animation-name: anim-open3;
}
.dialog3 .dialog__overlay{
    background: rgba(0,0,0,.8);
}

.dialog3.dialog--close .dialog__content {
    -webkit-animation-name: anim-close3;
    animation-name: anim-close3;
}
.dialog3 .sp{
    position: absolute;
    right:0;
    top:0;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    color:#fff;
    transition: all .3s;
}
.dialog3 .sp:hover{
    color: #fff;
    background: #de0000;
}
@media (max-width:1024px) {
    .dialog3 .sp{
        background:#de0000;
        color:#fff;
    }
    .dialog3 .dialog__content .p{
        font-size:14px;
        width:90%;
        margin-top:.5rem;
    }
}

@media (max-width:767px) {
    .dialog3 .dialog__content{
        padding:.6rem 3%;
    }
}


@-webkit-keyframes anim-open3 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open3 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close3 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close3 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}











.dialog4{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:99;
}
.dialog4{
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.dialog4 .dialog__content{
    width:900px;
    max-width:90%;
    padding:0;
    border-radius:0px;
    box-shadow:none;
    background:transparent;
}
.dialog4 .dialog__content #video{
    max-width:100%;
    max-height:100%;
    margin:0 auto;

}
.dialog4.dialog--open .dialog__content, .dialog4.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog4.dialog--open .dialog__content {
    -webkit-animation-name: anim-open4;
    animation-name: anim-open4;
}
.dialog4 .dialog__overlay{
    background: rgba(0,0,0,.3);
}

.dialog4.dialog--close .dialog__content {
    -webkit-animation-name: anim-close4;
    animation-name: anim-close4;
}
.dialog4.dialog--open #video{
    opacity:1;
    visibility:visible;
    transition: all .3s ease;
}
.dialog4.dialog--close #video{
    opacity:0;
    visibility:hidden;
}
.dialog4 .sp{
    position: absolute;
    right:-40px;
    top:-40px;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    transition: all .3s;
}
.dialog4 .sp:hover{
    color: #fff;
    background: #0067b1;
}
.dialog4 .video-contact{
    margin:0 auto 30px;
    padding:10px;
    background:#000;
}
.dialog4 .video-list{
    position:relative;
    overflow: hidden;
}
.dialog4 .video-list .swiper-slide{
    position:relative;
}
.dialog4 .video-list .swiper-slide{
    transition: all .3s;
}
.dialog4 .video-list .swiper-slide.cur{
    box-shadow: inset 0px 0px 0px 3px #0067b1;
    padding: 3px;
}
.dialog4 .video-list .swiper-slide{
    width:100%;
}
.dialog4 .video-list .swiper-slide .btn{
    width:36px;
    height:36px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:2;
}
.dialog4 .video-list .swiper-container-horizontal>.swiper-scrollbar{
    height: 2px;
}
.dialog4 .video-list .swiper-scrollbar-drag{
    background:rgba(255, 255, 255, 0.6)
}


@media (max-width:1024px) {
    .dialog4 .sp{
        background:#0067b1;
        color:#fff;
    }
    .dialog4 .sp{
        top:-40px;
        right:0;
    }
    .dialog4 .video-contact{
        margin-bottom:5px;
    }
}

@media (max-width:767px) {
    .dialog4 .dialog__content{
        /*padding:.6rem 3%;*/
    }
}


@-webkit-keyframes anim-open4 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open4 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close4 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close4 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}






.dialog5{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:99;
}
.dialog5{
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.dialog5 .sp-title{
    font-size:16px;
    line-height:1.8;
    color:#cb1d1d;
    margin-top:.5rem;
    margin-bottom:.1rem;
}
.dialog5 .tit3{
    padding-bottom:.35rem;
    border-bottom:1px solid #efefef;
    margin-bottom:.75rem;
}
.dialog5 .dialog__content{
    width: 90%;
    max-width:920px;
    padding:1rem 1.2rem 1.5rem 1rem;
    border-radius:5px;
    overflow: hidden;
}
.dialog5 .content-box{
    position:relative;
    z-index:2;
    max-height:8rem;
}
.dialog5 .dialog__content{
    text-align:left;
}
.dialog5 .dialog__overlay{
    background: rgba(0,0,0,.45);
}
.dialog5.dialog--open .dialog__content, .dialog5.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog5.dialog--open .dialog__content {
    -webkit-animation-name: anim-open5;
    animation-name: anim-open5;
}

.dialog5.dialog--close .dialog__content {
    -webkit-animation-name: anim-close5;
    animation-name: anim-close5;
}

.dialog5 .img{
    width:100%;
}
.dialog5 .img img{
    width:100%;
}
.dialog5 .sp{
    position: absolute;
    right: 0%;
    top: 0%;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
}
.dialog5 .bg{
    width:9rem;
    height:auto;
    position:absolute;
    bottom:0;
    left:-2rem;
    bottom:-5rem;
    z-index:1;
}
.dialog5 .sp:hover{
    color: #fff;
    background: #de0000;
}
@media (max-width:1024px) {
    .dialog5 .sp{
        background:#de0000;
        color:#fff;
    }
}



@-webkit-keyframes anim-open5 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open5 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close5 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close5 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}






.dialog6{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:99;
}
.dialog6{
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.dialog6 .sp-title{
    font-size:16px;
    line-height:1.8;
    color:#cb1d1d;
    margin-top:.5rem;
    margin-bottom:.1rem;
}
.dialog6 .tit3{
    padding-bottom:.35rem;
    border-bottom:1px solid #efefef;
    margin-bottom:.9rem;
    color:#d91e1e;
}
.dialog6 .dialog__content{
    width: 90%;
    max-width:1200px;
    padding:1.25rem 1.75rem 2rem;
    border-radius:5px;
    overflow: hidden;
}
.dialog6 .warp-box{
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.dialog6 .content-box{
    position:relative;
    width:42%;
    padding-right:2%;
    z-index:2;
    max-height:12.5rem;
}
.dialog6 .content-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#de0000;
}
.dialog6 .content-box p{
    margin-bottom:6px;
}
.dialog6 .content-img{
    width:58%;
    border-radius:5px;
    overflow: hidden;
    display:flex;
    flex-flow:column wrap;
    justify-content:flex-start;
    align-items:flex-end;
}
.dialog6 .content-img .imgbox{
    position:relative;
    overflow: hidden;
    width:100%;
}
.dialog6 .content-img .imgbox img{
    width:100%;
}
.dialog6 .content-img .swiper-pagination{
    bottom:.75rem;
}
.dialog6 .content-img .swiper-pagination span{
    background:#fff;
    width:10px;
    height:10px;
    border-radius:10px;
    transition: all .3s ease;
}
.dialog6 .content-img .swiper-pagination span.swiper-pagination-bullet-active{
    background:#de0000;
    width:35px;
}
.dialog6 .content-img .back-btn{
    width:130px;
    height:40px;
    line-height:40px;
    background:#de0000;
    border-radius:40px;
    text-align:center;
    font-size:16px;
    color:#fff;
    margin-top:1.25rem;
    cursor:pointer;
}
.dialog6 .dialog__content{
    text-align:left;
}
.dialog6 .dialog__overlay{
    background: rgba(0,0,0,.45);
}
.dialog6.dialog--open .dialog__content, .dialog6.dialog--close .dialog__content{
    opacity: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog6.dialog--open .dialog__content {
    -webkit-animation-name: anim-open6;
    animation-name: anim-open6;
}

.dialog6.dialog--close .dialog__content {
    -webkit-animation-name: anim-close6;
    animation-name: anim-close6;
}

.dialog6 .img{
    width:100%;
}
.dialog6 .img img{
    width:100%;
}
.dialog6 .sp{
    position: absolute;
    right: 0%;
    top: 0%;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
}
.dialog6 .bg{
    width:9rem;
    height:auto;
    position:absolute;
    bottom:0;
    left:-2rem;
    bottom:-5rem;
    z-index:1;
}
.dialog6 .sp:hover{
    color: #fff;
    background: #de0000;
}
@media (max-width:1024px) {
    .dialog6 .sp{
        background:#de0000;
        color:#fff;
    }
}
@media (max-width:767px) {
    .dialog6 .content-box{
        width:100%;
        padding-right:0;
        margin-bottom:1rem;
    }
    .dialog6 .content-img{
        width:100%;
    }
    .dialog6 .dialog__content{
        width:100%;
        max-height:100vh;
        overflow-y:auto;
        padding: 2rem 5%;
    }
    .dialog6 .content-box{
        max-height:none;
    }

    .dialog6 .content-img .swiper-pagination span{
        width:6px;
        height:6px;
        border-radius:6px;
        transition: all .3s ease;
    }
    .dialog6 .content-img .swiper-pagination span.swiper-pagination-bullet-active{
        background:#de0000;
        width:20px;
    }
}



@-webkit-keyframes anim-open6 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open6 {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close6 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close6 {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}