@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, p, ul, ol, form {
	margin:0;
	padding:0;
}
body {
	color:#333;
	font-family:微软雅黑, arial;
	font-size: 14px;
	background:#fff;
	min-width:1300px;
}
img {
	border:0;
}
ol, ul, dl {
	list-style:none;
	margin:0;
	padding:0;
}
a {
	text-decoration: none;
}
a:link {
	color: #515151;
	text-decoration: none;
}
a:visited {
	color: #515151;
	text-decoration: none;
}
a:hover {
	color: #e43e3e;
	text-decoration: none;
}
a:active {
	color: #515151;
	text-decoration: none;
}
input, textarea {
	font-family:微软雅黑;
	padding:0;
}
i, em {
	font-style:normal;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden
}
.w1150 {
	width:1150px;
	margin:0 auto;
}
.w1300 {
	width:1300px;
	margin:0 auto;
}
.inline {
	display:inline-block;
}
/*头部*/
.head {
	height:932px;
	background:url(../images_phone/head_bg.jpg) no-repeat top center;
	/*background-size:100% 100%;*/
}

/*@media screen and (max-width: 1366px) {
.head {
	height:932px;
	background:url(../images_phone/head_bg.jpg) no-repeat top center;
	background-size:180% 100%;
}
}*/

.nav {
	height:45px;
	line-height:45px;
	padding:20px 0;
	position:relative;
}
.logo {
	font-size: 25px;
	color: #fff;
	background:url(../images_phone/logo.png) no-repeat left;
	text-indent:40px;
	margin-right:150px;
}
.logo i {
	font-size: 16px;
	color: #707070;
	vertical-align: middle;
	margin: 0 13px;
}
.logo strong {
	font-weight: normal;
	font-size: 18px;
}
.nav-menu {
}
.nav-menu a {
	font-size:15px;
	color:#fff;
	height:30px;
	line-height:30px;
	padding:0 20px;
	margin:0 20px;
	display:inline-block;
}
/*.nav-menu a:hover{
	transition:transform 2.5s;
	transform:scaleY(2);
	transform-origin:100% 100%;
	border:2px solid #fd1e52;
	border-radius:35px;
	height:30px;
	line-height:29px;
	color:#fd1e52;
	}*/
.nav-menu a.cur {
	border:2px solid #fd1e52;
	border-radius:35px;
	height:30px;
	line-height:29px;
	color:#fd1e52;
	font-weight:bold;
	/*animation:change 1.5s ease-in-out infinite alternate;*/
}
.help {
	margin-left:220px;
}
.help a {
	color:#888;
}
.main-title {
	height: 675px;
	position:relative;
}
.left-content {
	float:left;
	width:760px;
	margin-left:73px;
	margin-top:40px;
	overflow: hidden;
}
.left-content h1 {
	font-size:65px;width:490px; height:86px;
	color:#fff;	 
}
.sub-title {
	color:#a9a9a9;
	font-size:30px;
	margin-top:13px;
	letter-spacing:2px;animation-delay:3s;
 
}
.sub-title span {
	color:#fd1e52;
}
.download-centre {
	margin-top:40px;
	overflow:hidden;
}
.download-phone {
	width:406px;
	float:left;
	height:406px;
	background:url(../images_phone/phone_icon.png) no-repeat;
}
.download-phone img {
	display:block;
	width:220px;
	height:220px;
	margin-left: 30px;
	margin-top: 30px;
}
 
.download-msg {
	color:#fff;
	margin-top:43px;
	text-indent: 90px;
}
.download-list {
	width:350px;
	float:right;
	padding-top:10px;
}
.download-list a {
	width:298px;
	margin:0 auto;
	height:65px;
	line-height:64px;
	border:1px solid #c8c8c8;
	border-radius:40px;
	display:block;
	text-align:center;
	font-size:23px;
	margin-bottom:45px;
	color:#fff;
	position:relative;
	text-indent: 43px;
	box-shadow: 0 0 7px #fff;
	-webkit-animation:movesecond 1.8s forwards;
	-moz-animation:movesecond 1.8s forwards;
	-ms-animation:movesecond 1.8s forwards;
	-o-animation:movesecond 1.8s forwards;
	animation:movesecond 1.8s forwards;animation-delay:1s; cursor:pointer;
	/*animation:change 1.5s ease-in-out infinite alternate;*/
}
 

@keyframes btnMove {
	0% {
	bottom:-100%;
	left:-100%;
	transition:all 0.4s;
}
100% {
	left:110%;
	bottom:110%;
	transition:all 0.4s;
}
}@keyframes btnMove-1 {
	0% {
	top:-100%;
	right:-100%;
	transition:all 0.4s;
}
100% {
	right:110%;
	top:110%;
	transition:all 0.4s;
}
}



/*@keyframes change {
	0% {
	border:1px solid rgba(217,217,217,0);
	box-shadow:0 0 0 rgba(255,255,255,0),0 0 0 rgba(255,0,0,0) inset;
}
100% {
	border:1px solid rgba(217,217,217,1);
	box-shadow:0 0 3px rgba(255,255,255,1),0 0 3px rgba(255,0,0,0.6) inset;
	}
}
*/
.download-list a:hover {
	border-color:#fd1e52;
	color:#fd1e52;
	box-shadow: 0 0 10px #fd1e52;
	-webkit-animation:movesecond 1s forwards;
	-moz-animation:movesecond 1s forwards;
	-ms-animation:movesecond 1s forwards;
	-o-animation:movesecond 1s forwards;
	animation:movesecond 1s forwards;
}
@-webkit-keyframes removesecond {
	0% {
	-webkit-transform:translateX(-10px) skew(0deg);
}
20% {
	-webkit-transform:translateX(10px) skew(-10deg);
}
40% {
	-webkit-transform:translateX(-10dpx) skew(10deg);
}
60% {
	-webkit-transform:translateX(5dpx) skew(-5deg);
}
80% {
	-webkit-transform:translateX(-5px) skew(5deg);
}
100% {
	-webkit-transform:translateX(0px) skew(0deg);
}
}

/*@-webkit-keyframes movesecond {
0% {
	-webkit-transform:translateX(-100px) skew(0deg);
}
20% {
	-webkit-transform:translateX(-80px) skew(0deg);
}
40% {
	-webkit-transform:translateX(-60px) skew(0deg);
}
60% {
	-webkit-transform:translateX(-40dpx) skew(0deg);
}
80% {
	-webkit-transform:translateX(-20px) skew(0deg);
}
100% {
	-webkit-transform:translateX(0px) skew(0deg);
}
}*/

@-webkit-keyframes movesecond {
0% {
	-webkit-transform:translateX(-50px) skew(0deg);
}
50% {
	-webkit-transform:translateX(20px) skew(0deg);
}
100% {
	-webkit-transform:translateX(0px) skew(0deg);
}
}


 


.download-list a:active {
	opacity: .85;
}
.absolute {
	position:absolute;
	left:40px;
	top:17px;
	z-index:99;
	width:24px;
	height:28px;
	display:inline-block;
}
.android-icon {
	background:url(../images_phone/android_icon.png) no-repeat;
}
.iphone-icon {
	background:url(../images_phone/mac_icon.png) no-repeat;
}
.ipad-icon {
	background:url(../images_phone/mac_icon.png) no-repeat;
}
.download-list a:hover .android-icon {
	background:url(../images_phone/android_icon_un.png) no-repeat;
}
.download-list a:hover .iphone-icon {
	background:url(../images_phone/mac_icon_un.png) no-repeat;
}
.download-list a:hover .ipad-icon {
	background:url(../images_phone/mac_icon_un.png) no-repeat;
}
.right-phone {
	float:right;
	width:361px;
	height:583px;
	background:url(../images_phone/right_phone.png) no-repeat;
	margin-top:75px;
	overflow:hidden;
}
.left-sub-bg {
	position:absolute;
	left:-60px;
	top:165px;
	background:url(../images_phone/phone_left_bg.png) no-repeat;
	width:135px;
	height:325px;
}
.right-sub-bg {
	position:absolute;
	right:0;
	top:165px;
	background:url(../images_phone/phone_rigth_bg.png) no-repeat;
	width:96px;
	height:260px;
}
.pdf-wrap {
	height:530px;
	background:url(../images_phone/content_one_bg.jpg) no-repeat top center;
}
.text-msg {
	width:550px;
	margin-top:160px; 

}




.text-msg h2 {
	animation: fadein;
	animation-duration: 1.8s;
	-webkit-animation:fadein 1.8s;
	
}
.text-msg p {
	animation: fadein;
	animation-duration: 2.9s;
	-webkit-animation:fadein 2.9s;
}
 @keyframes fadein {
 0% {
opacity: 0;
}
 40% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
	/*针对webkit内核*/  
    0% {
opacity: 0;
}
 40% {
opacity: 0;
}
 100% {
opacity: 1;
}
}












/*字体旋转*/
@keyframes flip-wave-0 {
5% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
10% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg);
}
}
.txtwav.flip :nth-child(20n+0) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-0;
animation-iteration-count:infinite;
animation-iteration-count: 3;

}
@keyframes flip-wave-1 {
10% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
15% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+1) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-1;
animation-iteration-count: 3;
animation-delay:2.5s;
}
@keyframes flip-wave-2 {
15% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
20% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+2) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-2;
animation-iteration-count: 3;
animation-delay:2.5s;
}
@keyframes flip-wave-3 {
20% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
25% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+3) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-3;
animation-iteration-count: 3;
animation-delay:2.5s;
}
@keyframes flip-wave-4 {
25% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
30% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+4) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-4;
animation-iteration-count: 3;
animation-delay:2.5s;
}
@keyframes flip-wave-5 {
30% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
35% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+5) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-5;
animation-iteration-count: 3;
animation-delay:2.5s;
}
@keyframes flip-wave-6 {
35% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
40% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}
.txtwav.flip :nth-child(20n+6) {
display:inline-block;
animation-duration:4s;
animation-name:flip-wave-6;
animation-iteration-count: 3;
animation-delay:2.5s;
}
 
/*字体旋转 End*/












.text-msg h2 {
	font-size:34px;
	font-weight:normal;
}
 
.text-msg h2 em {
	font-size:65px;
	font-weight:bold;
	margin-right:10px;
	color:#fd1e52;
}
.text-msg p {
	font-size:16px;
	color:#666;
	line-height:26px;
	margin-top:25px;
}
.img-msg {
	width:510px;
	height:505px;
/*	-webkit-animation-duration: 2.3s;
	animation-duration: 2.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	visibility:visible;*/
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
}

.img-msg:hover {
	/*-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);*/
	
	/*-webkit-transition: 3s ease;
    -moz-transition: 3s ease;
	-ms-transition: 3s ease;
	 -o-transition: 3s ease;
	transition: 3s ease;
	-webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	animation-name: zoomIn;*/
}

.pdf-img {
	background:url(../images_phone/pdf_big_img.png) no-repeat center;
	animation:mymove infinite;
	animation-duration:2s;
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
}

@keyframes flip-wave-13 {
70% {
transform:translate3d(0, -16px, 0) rotate(720deg)
}
75% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
100% {
transform:translate3d(0, 0, 0) rotate(720deg)
}
}


.hotpdf-img {
	background:url(../images_phone/hotpdf_img.png) no-repeat center;
}
.collect-img {
	background:url(../images_phone/collect_img.png) no-repeat center;
}
.ai-img {
	background:url(../images_phone/ai_img.png) no-repeat center;
}
.fe-img {
	background:url(../images_phone/fe_img_img.png) no-repeat center;
}
.hotpdf-wrap {
	height:885px;
	background:url(../images_phone/content_two_bg.jpg) no-repeat top center;
}
.mtop180 {
	margin-top:180px; margin-top:7%;
}
.mtop210 {
	margin-top:210px;margin-top: 9%;
}
.mtop340 {
	margin-top:340px;margin-top: 24%;
}
.mtop130 {
	margin-top:130px;margin-top: 9%;
}
.mtop270 {
	margin-top:270px;    margin-top: 20%;
}
.my-collect {
	height:700px;
}
.ai-wrap {
	height:730px;
	background:url(../images_phone/content_three_bg.jpg) no-repeat top center;
}
.fe-img-wrap {
	height:600px;
}
.footer {
	height:150px;
	background:#222 url(../images_phone/content_bottom_bg.jpg) no-repeat top center;
	padding-top: 350px;
	padding-bottom: 800px;
}
.footer2 {
	background:#222;
	padding-top: 350px;
		padding-bottom: 800px;

}
.p-bor {
	border-top:1px solid #313131;
	padding-top:30px;
}
.footer p {
	text-align:center;
	color:#b3b3b3;
	line-height:30px;

}
.top {
	position:fixed;
	width:52px;
	height:52px;
	background:#fd1e52 url(../images_phone/top_icon.png) no-repeat center;
	right:15px;
	bottom:10px;
	cursor:pointer;
	border-radius:4px;
	z-index:999;
}
.top a{ width:100%; height:100%; display:block;}
/*动画特效*/
/*.text-msg{ -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
     
}*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/*整屏滚动*/
 
#fsvs-body {
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	height:100%;
	width:100%
}
#fsvs-body>* {
	height:100%;
	width:100%;
	/*overflow:hidden;
	-webkit-backface-visibility:hidden;*/
	-webkit-perspective:1000;
	    overflow-x: hidden;
    overflow-y: auto;
}
.no-hijack {
	overflow:auto;
	position:relative
}
#fsvs-pagination {
	margin:0;
	padding:8px 4px;
	position:fixed;
	height:auto;
	right:-100px;
	top:50%;
	z-index:999;
	width:32px
}
#fsvs-pagination li {
	list-style:none;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin:0 0 2px 0;
	cursor:pointer
}
#fsvs-pagination li>span {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	width:22px;
	height:22px;
	line-height:22px;
	border:1px solid #fd1e52;
	display:block
}
#fsvs-pagination li>span>span {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	width:12px;
	height:12px;
	line-height:12px;
	border:1px solid #fd1e52;
	display:block;
	margin:4px;
}
#fsvs-pagination li.active>span {
	border:1px dashed #fd1e52
}
#fsvs-pagination li.active>span>span {
	background:#fd1e52;
}
/*.slide.nth-class-1 {
	background:#eb7347
}
.slide.nth-class-2 {
	background:#26a65b
}
.slide.nth-class-3 {
	background:#d24d57
}
 
.slide.nth-class-4 {
	background:#2c3e50
}*/

@media screen and (min-width: 1920px) {
.head {
	height:932px;
	background:url(../images_phone/head_bg.jpg) no-repeat top center;
	background-size:180% 100%;
}
}
@media screen and (min-width: 1400px) {
.head {
	height:932px;
	background:url(../images_phone/head_bg.jpg) no-repeat top center;
	background-size:205% 110%;
}
}
 
 @media screen and (max-width: 1366px) {
.head {
	height:932px;
	background:url(../images_phone/head_bg.jpg) no-repeat top center;
	background-size:150% 150%;
	
}
.left-content{ margin-top:10px;}
.sub-title{margin-top: 4px}
 .download-centre{margin-top: 20px}
}

@media screen and (max-width:1024px){
            #fsvs-body{    position:relative; }
}