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


html ,body{ height:100%; position:relative; }

.fp-tableCell{ display:block; }

#fp-nav ul li{  margin:0; }
#fp-nav ul li a span.circleIconWrap{ background:none; border:2px solid transparent; 
-webkit-transition: border-color 0.2s;
-moz-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-ms-transition: border-color 0.2s;
transition: border-color 0.2s;

-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%; }
#fp-nav ul li a span.circleIconWrap i{ display:inline-block; vertical-align:top; background-color:#FFF; 
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;

-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
transition: background-color 0.2s;

-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }


#fp-nav ul li a.active span.circleIconWrap{ border-color:#FFF;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3) ,0px 0px 5px rgba(0,0,0,0.3) inset;
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3) ,0px 0px 5px rgba(0,0,0,0.3) inset;
box-shadow: 0px 0px 15px rgba(0,0,0,0.3) ,0px 0px 5px rgba(0,0,0,0.3) inset; }

/*
.fp-nav2 ul li a span.circleIconWrap i{ background-color: #4d32ee !important; }
.fp-nav2 ul li a.active span.circleIconWrap{ border-color: #4d32ee !important; }
*/

/*
.fp-nav2 ul li a span.circleIconWrap i{ background-color: #fe586c !important; }
.fp-nav2 ul li a.active span.circleIconWrap{ border-color: #fe586c !important; }
.fp-nav2 ul li a.active span.circleIconWrap i{ background-color: #fe586c !important; }
*/




.shortVideoIndex p.p01{ font-weight:bold; color:#FFFFFF; opacity:0;
	-webkit-transform: translateX(30%);
	-moz-transform: translateX(30%);
	transform: translateX(30%); 
}
.shortVideoIndex p.pAct01{ opacity:1; 
	-webkit-transform: translateX(7.2%);
	-moz-transform: translateX(7.2%);
	transform: translateX(7.2%); 

	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; 
}

.shortVideoIndex p.p02{ color: #FFF; font-style: italic; opacity:0;
	-webkit-transform: translateX(30%);
	-moz-transform: translateX(30%);
	transform: translateX(30%);
}
.shortVideoIndex p.pAct02{ opacity:1;
	-webkit-transform: translateX(7.2%);
	-moz-transform: translateX(7.2%);
	transform: translateX(7.2%);
	
	-webkit-transition:all 0.5s ease-in-out 0.2s;
	-moz-transition:all 0.5s ease-in-out 0.2s;
	transition:all 0.5s ease-in-out 0.2s; 
}

.shortVideoIndex p.p03{ color: rgba(255,255,255,0.60); opacity:0;
	-webkit-transform: translateX(30%);
	-moz-transform: translateX(30%);
	transform: translateX(30%);
}
.shortVideoIndex p.pAct03{ opacity:1;
	-webkit-transform: translateX(7.2%);
	-moz-transform: translateX(7.2%);
	transform: translateX(7.2%);
	
	-webkit-transition:all 0.5s ease-in-out 0.4s;
	-moz-transition:all 0.5s ease-in-out 0.4s;
	transition:all 0.5s ease-in-out 0.4s; 
}

.shortVideoIndex .buttons{ opacity:0;
	-webkit-transform: translateX(30%);
	-moz-transform: translateX(30%);
	transform: translateX(30%); 
}
.shortVideoIndex .buttonsAct{ opacity:1;
	-webkit-transform: translateX(7.2%);
	-moz-transform: translateX(7.2%);
	transform: translateX(7.2%); 
	
	-webkit-transition:all 0.5s ease-in-out 0.6s;
	-moz-transition:all 0.5s ease-in-out 0.6s;
	transition:all 0.5s ease-in-out 0.6s; 
}

.shortVideoIndex .buttons a{ display:inline-block; text-decoration:none; color:rgba(255,255,255,0.88); 

-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear; }
.shortVideoIndex .buttons span.fuHao{ font-family:"宋体"; font-weight:bold; }












.qrCodeFixed{ position:fixed; right:2%; bottom:14%; z-index:200; }
.qrCodeFixed .qrCodeWrap{  background:rgba(0,0,0,0.28) url(../images/qrCodeIcon.png) no-repeat center; cursor:pointer; position:relative; }
.qrCodeFixed .qrCodeContent{ background-color:#FFF; position:absolute; border:1px solid #D8D8D8; display:none; }
.qrCodeFixed .qrCodeContent dt{ text-align:center; }
.qrCodeFixed .qrCodeContent dt img{ display:inline-block; vertical-align:top; }
.qrCodeFixed .qrCodeContent dd{ text-align:center;  color:#444444;  }

.qrCodeFixed .telWrap{  background:rgba(0,0,0,0.28) url(../images/telIcon.png) no-repeat center; cursor:pointer; position:relative; }
.qrCodeFixed .telContent{ background-color:#FFF;  position:absolute; border:1px solid #D8D8D8; display:none; }
.qrCodeFixed .telContent p.p01{ color:#666666; }
.qrCodeFixed .telContent p.p02{ color:#222222; }
.qrCodeFixed .telContent dt{  color:#666666;  }
.qrCodeFixed .telContent dd img{ display:inline-block; vertical-align:top; }



.warmPromptFixed{ width:100%; height:100%; background-color:rgba(0,0,0,0.4); position:fixed; left:0; top:0; z-index:500; display:none; }
.warmPrompt{ width:544px; padding:39px 60px 60px; background:#FFF; position:absolute; left:50%; margin-left:-332px; top:50%; margin-top:-172px; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }
.warmPromptFixed span.warmPrompt-close{ width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:10px; right:10px; color:#cacaca; font-size:35px; cursor:pointer; }
.warmPrompt-title{ border-bottom:1px solid #E8E8E8; }
.warmPrompt-title h3{ display:inline-block; vertical-align:top; line-height:64px; font-size:24px; color:#222222; font-weight:normal; border-bottom:2px solid #FF0E2B; margin-bottom:-1px; }
.warmPrompt-content{ padding:25px 6px; }
.warmPrompt-content p{ font-size:18px; color:#222222; line-height:32px; }
.warmPrompt-buttons{ text-align:center; padding-top:7px; }
.warmPrompt-buttons input{ width:202px; height:58px; background:#FF0E2B; border:none; font-size:18px; color:#FFF; cursor:pointer; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }




#fp-nav.fp-right{ right:7.3%; }
#fp-nav ul li{ width:24px; height:24px; margin-bottom: 16px; }
#fp-nav ul li a span.circleIconWrap{ width:10px; height:10px; padding:5px; margin:-5px 0 0 -5px; }
#fp-nav ul li a span.circleIconWrap i{ width:10px; height:10px; }
#fp-nav ul li:hover a.active span.circleIconWrap{ width:10px; height:10px; margin:-5px 0 0 -5px; }


.shortVideoIndex .content0,
.shortVideoIndex .content1,
.shortVideoIndex .content2,
.shortVideoIndex .content3,
.shortVideoIndex .content4{ width: 100%; position: absolute; left: 0; top: 25%; }
.shortVideoIndex p.p01{ font-size:42px; }
.shortVideoIndex p.p01 span{ font-family: "宋体"; }
.shortVideoIndex p.p02{ font-size:32px; padding-top: 20px; }
.shortVideoIndex p.p03{ font-size: 16px; height: 96px; line-height: 24px; padding-top: 35px; }
.shortVideoIndex .buttons{ padding-top: 60px; }
.shortVideoIndex .buttons a{ font-size:24px; }
.shortVideoIndex .buttons a:hover{ color: rgba(255,255,255,1); 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1); }


.qrCodeFixed .qrCodeWrap{ width:38px; height:38px; margin-bottom:3px; background-size: auto 24px; }
.qrCodeFixed .qrCodeContent{ padding:14px 14px 11px; right:38px; bottom:-15px; }
.qrCodeFixed .qrCodeContent dt img{ height:140px; width:140px; }
.qrCodeFixed .qrCodeContent dd{ font-size:12px; padding-top:5px; }

.qrCodeFixed .telWrap{ width:38px; height:38px; background-size: auto 24px; }
.qrCodeFixed .telContent{ padding:16px 14px; right:38px; bottom:-15px; }
.qrCodeFixed .telContent p.p01{ font-size:14px; }
.qrCodeFixed .telContent p.p02{ font-size:18px; padding-top:3px; }
.qrCodeFixed .telContent dl{ padding-top:10px; }
.qrCodeFixed .telContent dt{ font-size:14px; padding-left:3px; }
.qrCodeFixed .telContent dd{ padding-top:5px; }
.qrCodeFixed .telContent dd img{ height:140px; width:140px; }



.shortVideoIndex .content2 p.p01{ color:#694ce4; }
.shortVideoIndex .content2 p.p02{ color:#fbb55f; }
.shortVideoIndex .content2 p.p03{ color:rgba(105,76,228,0.60); }
.shortVideoIndex .content2 .buttons a{ color:rgba(105,76,228,0.88); }
.shortVideoIndex .content2 .buttons a:hover{ color:rgba(105,76,228,1); }


.shortVideoIndex .content4 p.p02{ color:#15dfe8; }
.shortVideoIndex .content4 p.p03{ color:rgba(255,255,255,0.6); }



@media screen and (min-width:1600px){
	#fp-nav ul li{ width:30px; height:30px; margin-bottom: 20px; }
	#fp-nav ul li a span.circleIconWrap{ width:12px; height:12px; padding:7px; margin:-6px 0 0 -6px; }
	#fp-nav ul li a span.circleIconWrap i{ width:12px; height:12px; }
	#fp-nav ul li:hover a.active span.circleIconWrap{ width:12px; height:12px; margin:-6px 0 0 -6px; }

	.shortVideoIndex p.p01{ font-size:60px; line-height: 79px; }
	.shortVideoIndex p.p02{ font-size:48px; line-height: 64px; padding-top: 33px; }
	.shortVideoIndex p.p03{ font-size: 24px; height: 144px; line-height: 36px; padding-top: 48px; }
	.shortVideoIndex .buttons{ padding-top: 99px; }
	.shortVideoIndex .buttons a{ font-size:36px; }


	.qrCodeFixed .qrCodeWrap{ width:48px; height:48px; margin-bottom:4px; background-size: auto 30px; }
	.qrCodeFixed .qrCodeContent{ padding:18px 18px 15px; right:48px; bottom:-18px; }
	.qrCodeFixed .qrCodeContent dt img{ height:160px; width:160px; }
	.qrCodeFixed .qrCodeContent dd{ font-size:14px; padding-top:12px; }

	.qrCodeFixed .telWrap{ width:48px; height:48px; background-size: auto 30px; }
	.qrCodeFixed .telContent{ padding:20px 18px; right:48px; bottom:-18px; }
	.qrCodeFixed .telContent p.p01{ font-size:16px; }
	.qrCodeFixed .telContent p.p02{ font-size:20px; padding-top:4px; }
	.qrCodeFixed .telContent dl{ padding-top:13px; }
	.qrCodeFixed .telContent dt{ font-size:16px; padding-left:3px; }
	.qrCodeFixed .telContent dd{ padding-top:8px; }
	.qrCodeFixed .telContent dd img{ height:160px; width:160px; }
}


#fp-nav ul li:last-of-type{ margin-bottom:0; }