/* | ------------------------------------------ | Glide styles | ------------------------------------------ | Here are slider styles |
*/
.banner{position:relative;  clear:both; overflow:hidden;}
.banner .slider{position: relative;width: 100%;overflow: hidden;}
.banner .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);}
.banner .slide{height: 100%;float: left;clear: none;}
.banner .slider-arrows{}
.banner .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;}
.banner:hover .slider-arrow{ display:block; z-index:999999;}
.banner .slider-arrow--right{bottom: 50%; right: 0px;}
.banner .slider-arrow--left{bottom: 50%; left: 0px;}
.banner .slider-nav{position: absolute;bottom: 10px;}
.banner .slider-nav__item{width: 12px;height: 12px; border-radius:50%;float: left;clear: none;display: block;margin: 0 5px;background: #fff;}
.banner .slider-nav__item:hover{background: #6f6f6f;}
.banner .slider-nav__item--current{background: #6f6f6f;}


.index-yq .box{ width:90%; margin:0px auto;}
.index-yq .banner .slider-arrow{width: 5%;height: 100%; position: absolute;display: block;margin-bottom: 0px; top:0px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #f1f2f3; color:#bebcbe;border-radius: 0%; font-size:0px;}
.index-yq .banner .slider-arrow--right{bottom: 50%; right: 0px; background:url(../images/right.png) center center no-repeat;}
.index-yq .banner .slider-arrow--left{bottom: 50%; left: 0px;background:url(../images/left.png) center center no-repeat;}
.index-yq .banner .slider-nav{display:none;}
		@media screen and (max-width: 600px) {
	.arrowsWrapper{display:none;}
				}