@charset "utf-8";
*{margin:0;	padding:0;}
html {-ms-touch-action:none;} /* 阻止windows Phone 的默认触摸事件 */
ul {list-style:none;}
body {
	width:100%;
	*cursor:default;
	overflow:hidden;
	font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
}
/* 自适应框架（设计图宽度） */
body{
	max-width:6.4rem;
	margin:0 auto!important;
}
body *{
	max-width:6.4rem!important;
}


#fullpage {}
	

/* 页面加载 */
.loading{
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	margin: 0 auto!important;
	z-index: 10000;
	
}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-47px; margin-left:-78px;  z-index:10001;}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
		width:100%;
	height:100%;
	position:relative;
	}

#section1 { background: url(../images/001.jpg) no-repeat 50%; overflow:hidden}
#section2 { background: url(../images/002.jpg) no-repeat 50%; overflow:hidden}
#section1,#section2{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}

.list .con_img img{ width:1.39rem; height:1.39rem; border-radius:100%; border:4px solid #D21019;transition: all 0.6s;}
.list .con_img img:hover{transform: scale(1.1);}
.list .tit a{ font-size:0.3rem; margin-left:0.15rem; color:#D2131E; font-weight:bold; line-height:0.6rem; text-decoration:none;}

.tx{ width:0.74rem;}
.tx img{ width:0.74rem; height:0.74rem; border-radius:100%; border:3px solid #FFF}
.ly{ width:4.43rem;}
.ly_t{ color:#787878; font-size:0.26rem;}
.ly_b{ font-size:0.26rem;}


.ani1{-webkit-animation: fleft 1s ease-out;  
    -moz-animation: fleft 1s ease-out;  
    animation: fleft 1s ease-out;  
    -webkit-animation-iteration-count: 1;  
    -moz-animation-iteration-count: 1;  
    animation-iteration-count: 1;}
	
	@keyframes fleft {  
    from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
} 
@-webkit-keyframes fleft {  
    from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}  

.ani2{-webkit-animation: fright 1s ease-out;  
    -moz-animation: fright 1s ease-out;  
    animation: fright 1s ease-out;  
    -webkit-animation-iteration-count: 1;  
    -moz-animation-iteration-count: 1;  
    animation-iteration-count: 1;}
	
	@keyframes fright {  
    from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} 
@-webkit-keyframes fright {  
    from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}