/* | ------------------------------------------ | Glide styles | ------------------------------------------ | Here are slider /* CSS Document */
/*
* @description: 电脑端通用banner统一100%宽度方便后续使用
* @author: xiaohe
* @update: xiaohe (2017年5月19日11:13:05)
*/

.dn-banner{position:relative;  clear:both; z-index:99; width: 100%; overflow: hidden;}
.slides img{width:100%; height:auto;}
 .slider{position: relative;width: 100%;overflow: hidden; height:525px;}
.slider :after{content: ""; display: block; width: 100%; overflow: hidden;  clear: both;}
 .slides{height: 100%;/* Simple clear fix *//** * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;/** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
 .slide{height: 100%;float: left;clear: none; opacity: 0;    transition:all .5s;}
.slide.active{opacity: 1;}
 .slider-arrows{}
 .slider-arrow{position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 0%; display:none;}
.slider:hover .slider-arrow{ display:block; z-index:999999;}
 .slider-arrow--right{bottom: 50%; right: 10%;}
 .slider-arrow--left{bottom: 50%; left: 10%;}
 .slider-nav{position: absolute;bottom: 20px;}
 .slider-nav__item{width: 12px;height: 12px; border-radius:50%;float: left;clear: none;display: block;margin: 0 5px;background: #999;}
 .slider-nav__item:hover{background: #b88b44;}
 .slider-nav__item--current{background: #b88b44;}
 
 .xmcontainer1  .slider-arrow,.tempWrap .slider-arrow{ width:40px; height:40px; font-size:24px; line-height:40px;}
 

		@media screen and (max-width: 600px) {
	.arrowsWrapper{display:none !important;}
				}