/*********************************************************************************************



4. Featured Slider



*********************************************************************************************/



#slider {

    margin: 0px 0 0;

    overflow: hidden;

    position: relative;

    background: #111111;

	

}

.empty-slider { width: 1170px; margin: 60px auto 40px; padding: 0 15px; color: #fff; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }

.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }

.flexslider { margin: 0; padding: 0; }



#slider .slides { height: 500px; overflow: hidden; } /*banner　高度*/



.slides > li {

    -webkit-backface-visibility: hidden;

    display: none;

}



#slider .slides > li {

    position: relative;

    overflow: hidden;

    height: 500px;　

    background-color: black;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    -moz-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.slides > li .li-wrap {

    width: 1170px;

    margin: 0 auto;

}







.slides > li h3 {

    position: relative;

    padding-top: 30px;

    padding-bottom: 30px;

    color: #fff;

    font-size: 28px;

    line-height: 1.4;

    font-weight: 400;

    margin: 0;

}



.slides > li h3:after {

    width: 100%;

    content: " ";

    border-bottom: 1px solid rgba(201, 201, 201, 0.4);

    bottom: 0px;

    left: 0;

    margin-left: 0;

    position: absolute;

    -webkit-transition: 0.2s ease all;

    -o-transition: 0.2s ease all;

    transition: 0.2s ease all;

}



.slides > li h3 a { color: white; }



.slides > li h3 a:hover { text-decoration: none; }



.slides > li h3 a:hover:after { border-color: #2d87cc; }



.slides > li .excerpt {

    margin: 40px auto 0;

    color: #e6e6e6;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.5;

    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);

}



.slides > li .excerpt:last-child { margin-bottom: 0; }



.slides > li .slide_button {

    font-size: 24px;

    font-weight: 300;

    margin: 40px 0 0;

}



.slides > li .slide_button a {

    display: inline-block;

    width: auto;

    padding: 8px 30px;

    color: #fff;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    font-size: 18px;

    font-weight: 600;

    -webkit-transition:  background-color 0.2s ease;

    -o-transition:  background-color 0.2s ease;

    transition:  background-color 0.2s ease;

}



.slides > li .slide_button a:hover, .slides > li .slide_button a:focus {

    text-decoration: none;

    opacity: .9;

    color: #fff;

}



.slides .more_link {

    display: none;

}



.slides:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

}



html[xmlns] .slides { display: block }

* html .slides { height: 1% }

.no-js .slides > li:first-child { display: block }

.flexslider { margin: 0 0 15px; position: relative; zoom: 1; }

.flex-viewport { min-height: 140px; max-height: 2000px; } /*最小高度*/

.loading .flex-viewport { max-height: 300px }

.flexslider .slides { zoom: 1 }

.carousel li { margin-right: 5px }

.flex-direction-nav .flex-disabled { display: none }

.flex-direction-nav > li { position: absolute; z-index: 100; top: 50%; margin-top: -20px; }

.flex-direction-nav > li:first-child { left: 1.5% }

.flex-direction-nav > li:last-child { right: 1.5% }

.flex-direction-nav > li:last-child a { background-position: -42px center }



.flex-direction-nav a {

    display: block;

    text-indent: -9999em;

    background: url('../images/slider_arrows.png') left center no-repeat;

    height: 40px;

    width: 22px;

    opacity: 0.4;

    overflow: hidden;

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.flex-direction-nav a:focus { outline: 0; }

.flex-direction-nav a:hover, .flex-direction-nav a:active { opacity: 1; }



/* Nav Dots */

.flex-control-nav { bottom: 5%; height: 30px; left: 0; pointer-events: none; position: absolute; text-align: center; width: 100%; z-index: 500; }

.flex-control-nav li { display: inline-block; height: 14px; margin: 5px; pointer-events: auto; position: relative; width: 14px; }

.flex-control-nav li a { border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer; display: block; height: 100%; text-indent: -9999em; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; }

.flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background: rgba(255,255,255,1) }



@media screen and (min-width:100px) and (max-width:640px){





#slider .slides { height: 140px; overflow: hidden; }



.slides > li {

    -webkit-backface-visibility: hidden;

    display: none;

}



#slider .slides > li {

    position: relative;

    overflow: hidden;

    height: 140px;

    background-color: black;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    -moz-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}









}