﻿/*需加载swiper.min.js*/

.swiper-slide {
	width:1200px;
	transition-timing-function:linear;
}
.swiper-slide a {
    pointer-events: auto; /* 确保可以点击 */
}
.swiper-slide img{
	width:100%;
	border-radius: 10px;}
.swiper-slide .index_02_title{
	position:absolute; bottom:1%; right:1%;
	text-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;/*文字描边*/
	/*transform:rotate(90deg);垂直排版
	transform-origin:left top;*/
	font-size:2.0em;
	color: #0057b6;}	
@media only screen and (max-width:1630px){
	.swiper-slide {width:1000px;}
}
@media only screen and (max-width:1280px){
	.swiper-slide {width:800px;}
	.swiper-slide .index_02_title{font-size:1.5em;}
}
@media only screen and (max-width:1024px){
	.swiper-slide {width:600px;}
}
@media only screen and (max-width:768px){
	.swiper-slide {width:90%;}
	.swiper-slide .index_02_title{font-size:1.0em;}
}

.swiper-button-next, .swiper-button-prev{
	width:38px;
	height:50px;
	background-size:38px 50px;
	outline:none;}
.swiper-button-next{
	background-image:url(/images/swiper_slow/cursor-next.png);}
.swiper-button-prev{
	background-image:url(/images/swiper_slow/cursor-prev.png);}		
.swiper-pagination-bullet{
	background:none;
	opacity:1;
	margin:0 6px !important;
	width:9px;
	height:9px;
	position:relative;
	outline:none;
	vertical-align:middle;}
.swiper-pagination-bullet span{
	width:3px;
	height:3px;
	background:#CCC;
	display:block;
	border-radius:50%;
	margin-top:3px;
	margin-left:3px;
}
.swiper-pagination-bullet i{
	background:#000;
	height:1px;
	width:20px;
	position:absolute;
	top:4px;
	transform:scaleX(0);
	transform-origin:left;
	z-index:3;
	transition-timing-function:linear;
	}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
	width:9px;
	height:9px;
	margin-top:0;
	margin-left:0;
	background:#000;
	position:relative;
	z-index:1;
	}
.swiper-pagination-bullet-active i{
	animation:middle 6s;
	}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
	animation:first 6s;
	}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
	animation:last 6s;
	}				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}	
