/* ==========================================================================
   通用样式
   ========================================================================== */
body{ background:#FFF;opacity: 0;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt{margin:0;padding:0;list-style:none;}
a{text-decoration: none;}
img{border:0;}
.clear-fix{clear: both;overflow: hidden;height: 0;font-size: 0;}
.pagination{position:fixed; bottom:25px;left:0;z-index: 9;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 6px;/*width:8px;height:8px;*/border-radius:8px;background:rgba(255,255,255,.4);cursor:pointer;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)}
.pagination .swiper-active-switch{background:#fff;}
.pagination .swiper-visible-switch{}


.page{width: 100%;}
.page ul{ width:100%;padding-top:25%; padding-bottom:5%;}
.page li{ list-style:none;}
.page li img{ width:100%; opacity:0;}

.welcome_01{position:absolute;top: 5%;left: 10%;width: 71%; z-index:4;}
.welcome_03{position:absolute; top: 35%;left: 10%;width: 31%;z-index:4;}

.page_text_01{position:absolute; top: 46%;left: 14%;width: 12%;}
.page_text_02{position:absolute; top: 6%;left: 13%;width: 80%;}
.page_text_03{position:absolute; top: 8%;left: 11%;width: 80%;}

.page_text_04{position:absolute; top: 54%;left: 28%;width: 12%;}
.page_text_05{position:absolute; top: 46%;left: 10%;width: 13%;}
.page_text_06{position:absolute; top: 25%;left: 16%;width: 5%;}

.page_text_07{position:absolute; top: 80%;left: 8%;width: 68%;}
.page_text_08{position:absolute; top: 4%;left: 78%;width: 12%;}
.page_text_09{position:absolute; top: 19%;left: 14%;width: 57%;}

.page_text_10{position:absolute; top: 13%;left: 5%;width: 46%;}
.page_text_11{position:absolute; top: 84%;left: 14%;width: 70%;}
.page_text_12{position:absolute; top: 79%;left: 18%;width: 64%;}

.page_text_13{position:absolute; top: 3%;left: 11%;width: 13%;}
.page_text_14{position:absolute; top: 6%;left: 34%;width: 62%;}
.page_text_15{position:absolute; top: 7%;left: 18%;width: 76%;}

.page_text_16{position:absolute; top: 59%;left: 68%;width: 13%;}
.page_text_17{position:absolute; top: 88%;left: 3%;width: 73%;}
.page_text_18{position:absolute; top: 77%;left: 12%;width: 73%;}

 
 /* 划屏样式 */
.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 img{ opacity:1;}
/**********动画效果***********************************/
/***从上到下*/
.yz-page.show .adown {-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 .fadeIn {-webkit-animation: fadeIn 1.5s forwards;}
@-webkit-keyframes fadeIn
{
   0%   {opacity:0;}
   100% {opacity:1;}
}
/***从左往右*/
.yz-page.show .aright1 {-webkit-animation: aright1 1.5s forwards;}
@-webkit-keyframes aright1
{
   0%   {-webkit-transform: translate3d(-50px,0,0) rotate(-30deg);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0) rotate(deg);opacity:1;}
}
/***从左往右*/
.yz-page.show .aright2 {-webkit-animation: aright2 1.5s forwards;}
@-webkit-keyframes aright2
{
   0%   {-webkit-transform: translate3d(-50px,0,0) rotate(30deg);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0) rotate(0deg);opacity:1;}
}
/***箭头往左*/
.yz-page.show .aLeft {-webkit-animation: aLeft 1.5s forwards infinite;-webkit-animation-delay:1s;}
@-webkit-keyframes aLeft
{
   0%   {-webkit-transform: translate3d(10px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

/***从下往上-30度*/
.yz-page.show .aup1{-webkit-animation: aup1 1.5s forwards;}
@-webkit-keyframes aup1
{
   0%   {-webkit-transform: translate3d(0,50px,0) rotate(-30deg);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0) rotate(0);opacity:1;}
}

/***从下往上30度*/
.yz-page.show .aup2{-webkit-animation: aup2 1.5s forwards;}
@-webkit-keyframes aup2
{
   0%   {-webkit-transform: translate3d(0,50px,0) rotate(30deg);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0) rotate(0);opacity:1;}
}
/***从左到右激进进入*/
.yz-page.show .bounceInRight{-webkit-animation:bounceInRight 1s .2s ease both;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
/***变大*/
.yz-page.show .abig{-webkit-animation: abig .8s linear forwards;}
@-webkit-keyframes abig
{
   0%   {-webkit-transform: scale(0,0);opacity:0;}
   100% {-webkit-transform: scale(1,1);opacity:1;}
}

/*从小到大激进*/
.yz-page.show .FromSmallToLarge1{-webkit-animation:FromSmallToLarge 1s .2s ease both; }
@-webkit-keyframes FromSmallToLarge{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}