/* ==========================================================================
    Slider core styles
===========================================================================*/

/**,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/

.slider-container { position: relative; overflow: hidden; width: 100%; margin: 0 auto; background-color: #444; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.slider { position: relative; width: 9999px; }
.slider:before, .slider:after { display: table; content: ' '; }
.slider:after { clear: both; }
.slider__item { position: relative; float: left; margin: 0; padding: 0; height: 100%; }
.slider__item img { display: block; max-width: 100%; height: auto; }
.slider__switch span { color: #fff; display: inline-block; width: 100%; height: 100%; vertical-align: middle; }

/* Arrows */
.slider__switch { position: absolute; top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 1px; background: #000; opacity: .5; transition: opacity .15s ease; fill: #fff; height: 100%; width: 20% }
.slider__switch--prev { left: 0; background: url(../images/h-banner-arrow-l.png) no-repeat center; }
.slider__switch--next { right: 0; background: url(../images/h-banner-arrow-r.png) no-repeat center; }
.slider__switch:hover { opacity: .85; }
.slider__switch[disabled] {  /*visibility: hidden;*/
opacity: .5;  /*cursor: not-allowed;*/ pointer-events: auto; }
.slider__caption { position: absolute; bottom: 30px; left: 30px; display: block; max-width: 500px; padding: 10px; color: #fff; background: rgba(0, 0, 0, .4); box-shadow: 0 0 20px 10px rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */ }
.slider__caption[disabled] { opacity: .5;  /*visibility: hidden;*/  /*cursor: not-allowed;*/
pointer-events: auto; }
.slider-nav { line-height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; padding: 0; text-align: center; z-index: 99999; filter: alpha(opacity=90); /* ie8 */ }
.slider-nav__control { display: inline-block; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; border: 2px solid #fff; border-radius: 50%; background: transparent; }
.slider-nav__control.is-active { width: 12px; height: 12px; background: #fff; }
.slider.has-touch { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; }

/*缩略图小图*/
.container { width: 100%; margin: 0 auto; font-size: 14px; }
.preview { text-align: center; padding: 3px; padding-top:9px; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 99; background-color: #000; background-color: rgba(0, 0, 0, 0.3); display: noned }
.preview a { display: inline-block; margin: 5px;  outline: 3px solid #4f4f4f;}
.preview a:hover{outline: 3px solid #8bd1d9;}
.preview img { display: block; width: 100px; height: auto; outline: 0 }
.preview a.active { outline: 3px solid #accfd5; box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .5); }
.slider-nav { display: none }

/*宽屏 笔记本1280-1440分辨率（不含1280分辨率-含1440分辨率）*/
	@media screen and (min-width:1280px) and (max-width:1440px) {	 
		.slider__switch{width: 10%;}
		.preview img{width: 85px;}
		.slider__switch--prev { left: 0; background: url(../images/h-banner-arrow-l1280.png) no-repeat center; }
 	    .slider__switch--next { right: 0; background: url(../images/h-banner-arrow-r1280.png) no-repeat center; }
} 

	/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/
	@media screen and (min-width:1024px) and (max-width:1280px) {

	/* .row { width:90%; margin: 0 5%; background: #9015CF;} */ }

	/*ipad横向768-1024以内样式表（不含768分辨率-含1280分辨率）*/
	@media screen and (min-width:768px) and (max-width:1024px) {

	/* .row { width: 90%; margin: 0 5%; background: red;} */ }

	/*phone横向480-ipad竖向768分辨率（不含480分辨率-含768分辨率）*/
	@media screen and (min-width:480px) and (max-width:768px) {

	/* .row { width: 90%; margin: 0 5%; background: #F1A619;} */ }

	/*phone竖向480分辨率以下（含480px）*/
	@media only screen and (max-width:480px) {

	/* .row { width: 90%; margin: 0 5%; background: #F51C81} */ }