/* html {
    overflow: hidden;
}
body {
    position: absolute;
    margin: 0px;
    padding: 0px;
    background: #111;
    width: 100%;
    height: 100%;
}
#center {
    position: absolute;
    left: 50%;
    top:  50%;
} */
#slider {
    position: absolute;
    width: 100%;
    height: 447px;
    /* left: -430px; */
    top: 0px;
    background: #ffffff;
    /* border: 20px solid #ffffff; */
    overflow: hidden;
}
#slider .slide {
    position: absolute;
    top: 0px;
    height: 435px;
    width: calc( 100% - 167px);
    background: #fff;
    overflow: hidden;
    /* border-left: #fff solid 1px; */
    cursor: default;
}
#slider .title   {
    /* position: absolute;
    height: 100%;
    left: 35px;
    top: 0px; */
    position: absolute;
    height: 100px;
    left: 35px;
    top: 160px;
    z-index: 999;
    width: 2px;
    text-align: center;
    font-weight: bold;
    writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    text-align: center;
    margin-left: 25px;
    color: #FFF;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 20px;
}
#slider .backgroundText {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #fff;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
#slider .text {
    position: absolute;
    top: 0px;
    color: #FFF;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 20px;
    width: 96px;
    left: 4px;
    height: 100%;
    z-index: 99;
    font-weight: bold;
    writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    text-align: center;
    background: rgba(0,0,0, 0.6);
    margin-left: -5px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,enColorstr=#7f000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7f000000, endColorstr=#7f000000)";
}
:root #slider .text{
    filter: none;
}
#slider .diapo {
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    /* visibility: hidden; */
    /* object-fit: contain; */
    width: 100%;
    height: 100%;
    /* background-color: brown; */
}

#slider .top-bannar{
    position: absolute;
    top: 0px;
    z-index: 999;
    height: 15px;
    width: 100%;
}
#slider .top-bannar.orange{
    background-color: #ffa703;
}
#slider .top-bannar.blue{
    background-color: #028df4;
}
#slider .top-bannar.green{
    background-color: #96bd55;
}

.swiper_container_detail {
    height: 100%;
}

.swiper_container_detail .slide-desc{
    text-align: center;
}

.swiper_container_detail .swiper-pagination-bullets{
   
    position: absolute;
    z-index: 99;
    padding-top: 10px;
 
}

.swiper_container_detail .swiper-slide{
    /* width: 100% !important; */
    /* margin-left: -30px; */
}
/* .swiper_container_detail .swiper-wrapper{

    margin-left: -30px;
} */