/* ==========================================================================
   通用样式
   ========================================================================== */
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font: 85%/1 "\9ED1\4F53";
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
ul, ol, li, h1, h2, h3, h4, h5, h6, p, dl, dd, dt {
	margin: 0;
	padding: 0;
	list-style: none;
}
* {
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
.clear-fix {
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;
}
.pagination {
	position: fixed;
	bottom: 2%;
	left: 0;
	z-index: 9;
	width: 100%;
	text-align: center;
}
.pagination span {
	margin-left: 10px;
}
.pagination .swiper-pagination-switch {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: url(../images/wei.png) no-repeat;
	background-size: cover;
}
.pagination .swiper-active-switch {
	width: 6px;
	height: 6px;
	background: url(../images/xuanzhong.png) no-repeat;
	background-size: cover;
}
.pagination .swiper-visible-switch {
}
/* 划屏样式 */
.ui-yz {
	overflow: hidden;
	width: 100%;
	height: 0;
}
.yz-slide {
	position: relative;
	width: 100%;
	height: 0;
	overflow-x:hidden;
	overflow-y:100%;
}
.yz-page {
	position: relative;
	width: 100%;
	height: 100%;
}

.yz-page.show .adown {
	top: 0;
	-webkit-animation: adown 1.5s forwards;
}
@-webkit-keyframes adown {
 0% {
-webkit-transform: translate3d(0, -50px, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .aup {
	top: 0;
	-webkit-animation: aup 1.5s forwards;
}
@-webkit-keyframes aup {
 0% {
-webkit-transform: translate3d(0, 50px, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .abig {
	top: 0;
	-webkit-animation: abig .8s linear forwards;
}
@-webkit-keyframes abig {
 0% {
-webkit-transform: scale(2, 2);
opacity:0;
}
 100% {
-webkit-transform: scale(1, 1);
opacity:1;
}
}
.yz-page.show .aleft {
	width: 100%;
	height: auto;
	top: 0;
	-webkit-animation: aleft 1.5s forwards;
}
@-webkit-keyframes aleft {
 0% {
-webkit-transform: translate3d(-30px, 0, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .aright {
	width: 100%;
	height: auto;
	top: 0;
	-webkit-animation: aright 1.5s forwards;
}
@-webkit-keyframes aright {
 0% {
-webkit-transform: translate3d(30px, 0, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .alinet {
	width: 100%;
	height: auto;
	top: 0;
	-webkit-animation: alinet 1.5s forwards;
}
@-webkit-keyframes alinet {
 0% {
-webkit-transform: translate3d(100%, -100%, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .alineb {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: alineb 1.5s forwards;
}
@-webkit-keyframes alineb {
 0% {
-webkit-transform: translate3d(-100%, 100%, 0);
opacity:0;
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
opacity:1;
}
}
.yz-page.show .vanishIn1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: vanishIn 1.5s forwards;
}
@-webkit-keyframes vanishIn1 {
 0% {
 opacity:0;
 -webkit-transform-origin:50% 50%;
 -webkit-transform:scale(2, 2);
 -webkit-filter:blur(90px);
}
 100% {
 opacity:1;
 -webkit-transform-origin:50% 50%;
 -webkit-transform:scale(1, 1);
 -webkit-filter:blur(0px);
}
}
.yz-page.show .fadeInUp1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: fadeInUp1 1.5s forwards;
}
@-webkit-keyframes fadeInUp1 {
 0% {
 opacity:0;
 -webkit-transform:translateY(20px);
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
}
}
.yz-page.show .rotateInDownLeft1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rotateInDownLeft1 1.5s forwards;
}
@-webkit-keyframes rotateInDownLeft1 {
 0% {
 -webkit-transform-origin:left bottom;
 -webkit-transform:rotate(-90deg);
 opacity:0;
}
 100% {
 -webkit-transform-origin:left bottom;
 -webkit-transform:rotate(0);
 opacity:1;
}
}
.yz-page.show .rotateInUpRight1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rotateInUpRight1 1.5s forwards;
}
@-webkit-keyframes rotateInUpRight1 {
 0% {
 -webkit-transform-origin:right bottom;
 -webkit-transform:rotate(-90deg);
 opacity:0;
}
 100% {
 -webkit-transform-origin:right bottom;
 -webkit-transform:rotate(0);
 opacity:1;
}
}
.yz-page.show .bounceInLeft1 {
	width: 100%;
	-webkit-animation: bounceInLeft1 1.5s forwards;
}
@-webkit-keyframes bounceInLeft1 {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
60% {
 -webkit-transform:translateX(30px);
}
80% {
-webkit-transform:translateX(-10px);
}
100% {
-webkit-transform:translateX(0);
opacity:1;
}
}
.yz-page.show .bounceInRight1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: bounceInRight1 1.5s forwards;
}
@-webkit-keyframes bounceInRight1 {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
60% {
 -webkit-transform:translateX(-30px);
}
80% {
-webkit-transform:translateX(10px);
}
100% {
-webkit-transform:translateX(0);
opacity:1;
}
}
/*赶到*/
.yz-page.show .lightSpeedIn1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: lightSpeedIn1 1.5s forwards;
}
@-webkit-keyframes lightSpeedIn1 {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.yz-page.show .fadeInLeft1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: fadeInLeft1 1.5s forwards;
}
@-webkit-keyframes fadeInLeft1 {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
.yz-page.show .rollIn1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rollIn1 1.5s forwards;
}
@-webkit-keyframes rollIn1 {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
}
.yz-page.show .rotateInDownRight1 {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rotateInDownRight1 1.5s forwards;
}
@-webkit-keyframes rotateInDownRight1 {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
/*旋转而上从左边*/
.rotateInUpLeft {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rotateInUpLeft 1.5s forwards;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
/*旋转而上从右边*/

.rotateInUpRight {
	width: 100%;
	height: auto;
	bottom: 0;
	-webkit-animation: rotateInUpRight 1.5s forwards;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}