﻿html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}
@charset "utf-8";
#full-screen-slider { width:100%; height:450px; position:relative; margin:0px auto; padding-top:0px; z-index:1}
#slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:410px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:8px; background:#0073c1; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff}

.swiper-container{
    display: none ;
    margin-bottom: 30px;
}
.carousel-indicators{
    display: none;
}
@media(max-width:767px){
    .carousel-indicators{
        display: block;
    }
    .met_flash1{
        display: none !important;
    }
    .swiper-container{
        display: block ;
    }
}
.swiper-slide img{
    width: 100%;
}