body {
    background-color: #000000;
}
.header-bottom {
    height: 4.5rem;
    background-color: #2B303B;
}
.header header{
    background-color: #2B303B;
}
.banner {
    position: relative;
    /* width: 100%; */
    /* height: 58.125rem; */
    width: 88.75rem;
    height: 50rem;
    margin: 0 auto;
    text-align: center;
    /*background: url('../img/detail-bg.png') no-repeat center;*/
    /*background-size: 100% 100%;*/
    color: #ffffff;
}
.banner #myVideo {
    width: 88.75rem;
    height: 50rem;
    position: relative;
    border: none;
    outline: none;
}
.close{
    position: absolute;
    right: 5rem;
    top: 5rem;
    z-index: 1000;
    display: none;
}
.play {
    display: none;
}
.return {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3.75rem;
    text-align: left;
    line-height: 3.75rem;
    z-index: 200;
    width:20rem;
}
.return a {
    font-size: .875rem;
    color: #ffffff;
    background: rgba(0,0,0,0.4);
    padding:.1875rem 0.5rem .1857rem 0.625rem;
}
.look-video .button {
    display: inline-block;
    width: 11.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    border:1px solid rgba(255,255,255,1);
    margin-top: 1.25rem;
}
.look-video img {
    width: .75rem;
    height: .9375rem;
    vertical-align: middle;
    margin-right: 1rem;
}
.function {
    background: #f9f9f9;
}
.content-all {
    width: 88.75rem;
    margin: 0 auto;
}
.function .content-all{
    display: flex;
    padding: 2.5rem 0;
}
.function h3 {
   font-size: 2.1875rem;
   color: #333333;
}
.function-info {
    margin: 1.75rem auto;
    text-align: center;
}
.function-info img{
    max-width:100%;
}
.function-info p{
    margin-top: 0.5rem;
    line-height: 1.8rem;
}
/* .function img {
    width: 88.75rem;
    height: 46.25rem;
} */
.swiper-container {
    width: 100%;
    height: 48.0625rem;

}
.swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-slide img {
    /* width: 100%; */
    /* height: 46.875rem; */
    width: 88.75rem;
    height: 44.375rem;
}
.swiper-button-prev {
    width: 3.5rem;
    height: 3.5rem;
    background: url('http://static.web3di.com/img/4_jt\ Left@2x.png') center;
    background-size: 100%;
}
.swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
    background: url('http://static.web3di.com/img/4_jt\ right@2x.png') center;
    background-size: 100%;
}
.swiper-pagination-bullet{
    width: 15.375rem;
    height: .3125rem;
    border-radius: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}
.swiper-pagination-bullet-active {
    background: #36383A;
}
.bdsharebuttonbox{
    margin-top:2rem;
}
.single-info{
    margin:2.125rem 0;
}
.single-info a{
    padding: 0.75rem;
    border: 1px solid #dddddd;
    color: #3385FF;
    line-height: 4.5rem;
}
#nav-single{
    display: flex;
    padding: 1.5rem 0;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}
#nav-single .nav-previous,#nav-single .nav-next{
    width:50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:1rem;
}
#nav-single a{
    color: #3385FF;
}
@media screen and (max-width: 750px) {
    .header-bottom {
        height: 5.5rem;
        background-color: #2B303B;
    }
    .header-logo{
        width: 27rem;
    }
    .logo {
        display: none;
    }
    .list {
        display: block!important;
    }
    .banner {
        width: 100%;
        padding-top: 0;
        background-size: 100%;
    }
    .return a {
        font-size: 1.5rem;
    }
    .play {
        display: none;
        width: 4.625rem;
        height: 4.625rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 999999;

    }
    .play img {
        width: 4.625rem;
        height: 4.625rem;
    }
    .banner h4,
    .look-video {
        display: none;
    }
    .function .content-all {
        width: 100%;
        padding: 1.75rem 0;
    }
    .function-info {
        width: 41.875rem;
    }
    .function img {
        width: 46.875rem;
        height: 24.375rem;
    }
    .swiper-container {
        width: 100%;
        height: 26.125rem;
    }
    .swiper-slide{
        width: 100%;
        height: 100%;
    }
    .swiper-slide img {
        width: 100%;
        height: 24.375rem;
    }
    .swiper-pagination-bullet{
        width: .75rem;
        height: .75rem;
        border-radius: .325rem;
    }
    .content-all {
        width: 41.875rem;
        margin: 0 auto;
    }
    .function-info p {
        margin-top: 0.5rem;
        line-height: 2.5rem;
    }
}