/*
 * Swiper - Mobile Touch Slider CSS
 * https://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * https://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * https://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px;
	height: 100px;*/ }
.swiper-slide { /* Specify Slides's Size: */ /*width: 100%;
	height: 100%;*/ }
.swiper-slide-active { /* Specific active slide styling: */ }
.swiper-slide-visible { /* Specific visible slide styling: */ }
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }
.swiper-active-switch { /* Specific active button style: */ }
.swiper-visible-switch { /* Specific visible button style: */ }

/*jquery_css*/
/*slider_js*/
/*banner图*/
.banner { background: #000; }
.banner_swiper .swiper-wrapper { overflow: hidden; height: 400px; }
.banner_swiper { height: 400px; }
.banner_1 { height: 400px; background: url("../img/oracle_banner01.jpg") center no-repeat; background-size: cover; }
.banner_2 { height: 400px; background: url("../img/oracle_banner02.jpg") center no-repeat; background-size: cover; }
.banner_3 { height: 400px; background: url("../img/oracle_banner03.jpg") center no-repeat; background-size: cover; }
.banner_4 { height: 400px; background: url("../img/oracle_banner04.jpg") center no-repeat; background-size: cover; }
.banner_swiper .swiper-wrapper .swiper-slide { height: 400px; }
.pagination { position: absolute; left: 0; text-align: center; bottom: 2px; width: 100%; z-index: 10; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #bbb8b9; box-shadow: 0px 1px 1px rgba(0,0,0,0.3) inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #3776ab; }