/*手机端样式*/
img{-webkit-user-select:​ none}
.main{ width:100%;height:100%;min-width:300px; max-width:640px;margin:0 auto;-webkit-box-sizing: border-box; -moz-box-sizing:border-box; position:relative;overflow: hidden;}

/*上下滚动开始*/
.m-page { position:absolute; left:0; top:0%; height:100%; width:100%; background:#fff; }
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }
.m-img { width:100%; height:100%;}
.m-img img{width:100%; height:100%;}

.u-arrow { position: fixed; bottom: 10px; left:50%;z-index: 150; width: 24px; height: 14px; margin-left: -7px; }
.u-arrow img { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -14px; width: 24px; height: 14px; background-position: 0 -82px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
/*上下滚动结束*/

/*左右滚动开始*/
.sl-slider-wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}


.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}


.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}


.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}


.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}


.main .sl-slider-wrapper {width: 100%;height:100%;overflow: hidden;position: relative;}

.main .bg-img {
	display:block;
	padding: 0px 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
}
.up_bottom{position:absolute;left:50%;display:block;width:50px;height:28px;margin: -14px 0 -20px -25px;z-index:100;
bottom:20px;-webkit-animation: move 2s infinite;	}
.up_bottom img{width:30px;height:30px;}


@-webkit-keyframes move  {
  from { bottom:20px; }
  to { bottom:50px; }
}
/*左右滚动开始*/


/*画布效果*/
#cas{
	position:absolute;
	z-index:669;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-moz-transition:opacity .5s;
}
		
.noOp{
	opacity: 0 !important;
}

/*上下撕裂*/
.jt_up{position:absolute;bottom:5px;display:block;width:30px;height:30px;z-index:100;
left:50%;margin-left:-15px;-webkit-animation: move2 2s infinite;}
.jt_up img{width:30px;height:30px;}

@-webkit-keyframes move2  {
  from { bottom:5px; }
  to { bottom:15px; }
}



#leafContainer {
    position: fixed;
	z-index:-1;
    width: 100%;
    height: 690px;
    top: 0;
    overflow: hidden;
}

#leafContainer > div {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

#leafContainer > div > img {
    position: absolute;
    width: 100%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% -100%;
}

@-webkit-keyframes fade {
   
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 650px);
    }
}

@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: rotate(-50deg);
    }

    100% {
        -webkit-transform: rotate(50deg);
    }
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
    
    0% {
        -webkit-transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        -webkit-transform: scale(-1, 1) rotate(-50deg);
    }
}

.moveleft{-webkit-animation: moveleft 1s 1;}
.moveleftr8{-webkit-animation: moveleftr8 1s 1;}
.moveright{-webkit-animation: moveright 1s 2;}
.moveup{-webkit-animation: moveup 1s 1 ease-in-out;}
.movedown{-webkit-animation: movedown 2s 1;}
.move360{-webkit-animation: jump 2s 2 ease-in-out;}
.round360{-webkit-animation: round360 2s 1 ease-in;}
.drop{-webkit-animation: drop 2s 1;}


.col_meih{ color:#FF0054;}
.col_green{ color:#00F80C;}
.col_green2{ color:#00FFB4;}
.col_green3{ color:#00FC5F;}
.col_green4{ color:#94FC00;}
.col_red{ color:#FC0000;}
.col_red2{ color:#B50000;}
.col_red3{ color:#FF3600;}
.col_red4{ color:#FF8A00;}
.col_huang{ color:#EAFF00;}
.col_huang2{color:#FFAE00;}
.col_whi{color:#fff;}
.col_whi2{color:#A9A9A9;}
.col_ka{color:#DD895C;}
.col_lan{color:#000CFF;}
.col_lan2{color:#00FFFC;}
.col_zi{color:#BF81EA;}

img{border:0;}

h1{
	font-size: 36px;
	text-align: center;
	font-weight: normal;
}

.fw700{ font-weight:700;}

/*字体颜色*/
.white{ color:#FFF}
.purple{ color:#F0F}

.cyan{ color:#0FF}
.blue{ color:#00F;}
.green{ color:#0F0;}
.yellow{ color:#FF0;}
.pink{ color:#F0F;}
.qingse{ color:#3FF;}
.red{ color:#F00;}
.orange{color:#F90}

/*字体大小*/
.fz03em{font-size: 0.3em;}
.fz04em{font-size: 0.4em;}
.fz05em{font-size: 0.5em;}
.fz65em{font-size: 0.65em;}
.fz75em{font-size: 0.75em;}
.fz80em{font-size: 0.8em;}
.fz85em{font-size: 0.85em;}
.fz90em{font-size: 0.9em;}
.fz95em{font-size: 0.95em;}
.fz1em{font-size: 1em;}
.fz12em{font-size: 1.2em;}
.fz13em{font-size: 1.3em;}
.fz15em{font-size: 1.5em;}
.fz18em{font-size: 1.8em;}
.fz2em{font-size: 2em;}
.fz25em{font-size: 2.5em;}
.fz3em{font-size: 3em;}

/*顶部间距*/
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{padding-top:30px;}

/*行高*/
.lh1em{ line-height:1em;}
.lh12em{ line-height:1.2em;}
.lh15em{ line-height:1.5em;}
.lh16em{ line-height:1.6em;}
.lh18em{ line-height:1.8em;}

/*文字对齐*/
.taleft{ text-align:left;}
.tacenter{text-align: center;}
.taright{text-align: right;padding-right:10px;}

.yy1{
	   text-shadow:-1px 1px 5px #F00;
}
.yy2{
	  text-shadow: 1px 1px 10px #FF0;
}
.yy21{
	  text-shadow: 1px 1px 1px #000, 0px 0px 1px #FFF;
}
.yy3{
	text-shadow: 1px 1px 2px #FF0;
}
.yy31{
	text-shadow: 2px 3px 4px #000;
}
.yy4 {
  text-shadow: 0px 0px 3px #FF0, 0px 0px 3px #fff;
}
.yy41 {
  text-shadow: 0px 0px 10px #FF0, 1px 2px 10px #ff0;
}
.yy5 {
  color: transparent;
  text-shadow:0 0 1px #F00, 0px -1px  #FFF, 1px 0px  #444;
}
.yy6{
	text-shadow: 0 0 3px #fff;
}
.yy7{
	text-shadow:0px 0px 1px #922e09,0px 0px 1px #ffb69a,0px 0px #922e09;
}

 .denglong {	 
	  -webkit-animation-name: 'round'; /*动画名称*/
      -webkit-animation-duration: 1s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: linear;/*动画播放频率*/
      -webkit-animation-iteration-count: infinite;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: 50px 0;
  }
  
@-webkit-keyframes zhuan{
	0%
	{
		-webkit-transform:rotate(0deg);
	}

	100%
	{
		-webkit-transform:rotate(360deg);
	}
}

  .city {
    width: 100%;
    position: fixed;
    bottom: 50px;
    z-index: 100;
}
.city img {
    width: 100%;
}
#cas {
    width: 100%;
}