u{
	text-decoration: none;
}
#pc-guide-headsection{ width:100%; height:106px !important;}
.pc-guide .pc-guide-section { position: relative; overflow: hidden;}
.pc-guide .weixing-container{ z-index:100000;}


.pc-guide .guide-bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(images/bg11.png) 50% 0 no-repeat; transition: all 1s;}
.pc-guide .guide-bg12 { position: absolute; bottom: -392px; width: 100%; height: 392px; background: url(images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.pc-guide .guide-bg13 { position: absolute; bottom: -377px; width: 100%; height: 377px; background: url(images/bg13.png) 50% 0 no-repeat; transition: all 1s;}

.pc-guide .guide-bg21 {width: 330px;transition: all 1s;  opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);/**margin-left: 5108px; *opacity:1;*/}
.pc-guide .guide-bg22 { position: absolute;width: 819px; height: 250px; margin-left: -608px; transition: all 1s;  opacity: 0; margin-left: -1108px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.pc-guide .guide-bg23 { position: absolute;width: 819px; height: 250px; margin-left: -608px; transition: all 1s;  opacity: 0; margin-left: -1108px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
 
.pc-guide .pc-guide-section strong.guide-changesize{margin-left: -256px;  left: 50%; top: 15%;   transition: all 1s;opacity: 1;width: 512px; height: 45px;position: absolute;z-index: 10; }
.pc-guide .pc-guide-section h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.pc-guide .guide-p1,.guide-p2,.guide-p3,.guide-p4 { position: absolute;opacity: 0; transition: all 1s;}


/* CSS3过度及动画 */
.pc-guide .active .guide-p1 { opacity: 1; transition-delay: .5s;}
.pc-guide .active .guide-p2 { opacity: 1; transition-delay: 1s;}
.pc-guide .active .guide-p3 { opacity: 1; transition-delay: 1.5s;}
.pc-guide .active .guide-p4 { opacity: 1; transition-delay: 2.0s;}
.pc-guide .active .guide-bg12 { bottom: 90px; opacity: 1; transition-delay: 0.5s; }
.pc-guide .active .guide-bg13 { bottom: 0; opacity: 1; transition-delay: 0.5s;}
.pc-guide .active .guide-bg21 { opacity: 1; transition-delay: 0.5s;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.pc-guide .active .guide-bg22 { opacity: 1; margin-left: -608px; transition-delay: 1s;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.pc-guide .active .guide-bg23 {opacity: 1; margin-left: -608px; transition-delay: 1.5s;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

#fp-nav ul li:first-child{ display: none;}

.pc-guide .tool{ display:none;}
/*下方悬浮框*/
.bottom-position{ overflow:hidden; }
.pc-guide .bottom-position span{ display:block; height:95px; width:100%; background:rgb(76,76,73); position:fixed; z-index:1000; bottom:0; right:0;}
.pc-guide .bottom-position span div span{ display:block; background:url(../images/guide.png) -288px -198px; width:192px; height:82px; position:absolute;}
.pc-guide .bottom-position span div span:hover{ background:url(../images/guide.png) -288px -309px;}

.pc-guide .bottom-position span div .clickbox{ display:block; background:url(../images/guide.png) -288px -309px;width:192px; height:82px;}
.pc-guide .bottom-position span div span a{ font-size:14px;display:block; color:#fff; vertical-align:middle; margin-top:44px;text-align:center;width:192px; height:400px;}
.pc-guide .bottom-position span div .bottom-pic1{ left:50%; top:10px; margin-left:-480px;}
.pc-guide .bottom-position span div .bottom-pic2{ left:50%;top:10px; margin-left:-204px;}
.pc-guide .bottom-position span div .bottom-pic3{ left:50%;top:10px; margin-left:70px;}
.pc-guide .bottom-position span div .bottom-pic4{ left:50%;top:10px; margin-left:338px;}
.pc-guide .parting-line .parting-line1{ display:block; background:url(../images/guide.png)-247px -404px; width:250px; height:10px; position:fixed; left:50%; z-index:10001; margin-left:-376px;margin-bottom:65px;}
.pc-guide .parting-line .parting-line2{ display:block; background:url(../images/guide.png) -247px -404px; width:250px; height:10px; position:fixed; left:50%; z-index:10001;margin-left:-100px;margin-bottom:65px;}
.pc-guide .parting-line .parting-line3{ display:block; background:url(../images/guide.png) -247px -404px; width:250px; height:10px; position:fixed; left:50%; z-index:10001; margin-left:172px;margin-bottom:65px;}

/*swiper1*/
.pc-guide .purple-banner{ background:#76279c; width:100%; height:100%; position:relative; top:0; left:0;}
.pc-guide .swiper-span1{ display:block; background:url(../images/guide.png) -364px -462px; width:236px; height:226px; position:absolute; left:50%; top:10%; margin-left:-117px;}
.pc-guide .swiper-span2{ display:block; background:url(../images/guide.png) -34px -770px; width:365px; height:75px; margin:0 auto; position:absolute;left:50%; top:43%; margin-left:-182px;}
.pc-guide .swiper-span3 a{  
	opacity: 0;
	opacity: 1\9\0;
	display: block;
	background: url(../images/guide.png) -147px -119px;
	width: 72px;
	height: 16px;
	position: absolute;
	left: 50%;
	margin-left: -36px;
	bottom: 19%;
}
.pc-guide .swiper-span3 a:hover{ opacity:.5;}

.pc-guide .swiper-p1{ opacity: 0;opacity: 1\9\0; color:#fbe300; font-size:24px;  position:absolute; top:58%; left:50%; margin-left:-143px;}
.pc-guide .swiper-p2:hover{ opacity:.5;}
#guide-choose1 .swiper-p2 a{  
	border-radius: 30px;
  border: 1px solid #fbe300;
  padding: 5px 40px 5px 40px;
  display: block;
  color:#fbe300;
  font-size: 26px;
  position: absolute;
  bottom: 22%;
  left: 50%;
  font-weight:lighter;
  margin-left: -92px;
  opacity: 0;
  opacity: 1\9\0;
  text-decoration: none;
}
#guide-choose6 .swiper-p2 a{  
	border-radius: 30px;
  border: 1px solid #ffb900;
  padding: 5px 54px 5px 54px;
  display: block;
  color: #ffb900;
  font-size: 26px;
  font-weight:lighter;
  position: absolute;
  bottom: 22%;
  left: 50%;
  margin-left: -92px;
}
#guide-choose7 .swiper-p2 a{  
	border-radius: 30px;
  border: 1px solid #ff6308;
  padding: 5px 40px 5px 40px;
  display: block;
  color:#ff6308;
  font-size: 26px;
  font-weight:lighter;
  position: absolute;
  bottom: 22%;
  left: 50%;
  margin-left: -92px;
}
.pc-guide .swiper-p2 a{  
	border-radius: 30px;
  border: 1px solid #ffb900;
  padding: 5px 40px 5px 40px;
  display: block;
  color: #ffb900;
  font-size: 26px;
  font-weight:lighter;
  position: absolute;
  bottom: 22%;
  left: 50%;
  margin-left: -92px;
}
.pc-guide .swiper-p2-sp a{border-radius:30px; border:1px solid #ffb900; padding:5px 56px 5px 56px; display:block; color:#ffb900;font-size:26px;position:absolute; left:50%; margin-left:-75px;}

/*swiper2*/
#guide-choose2{ background:#FFFAED; position:relative; overflow:hidden; width:100%;}
.pc-guide .swiper-p3{ 
 	position: absolute;
	left: 50%;
	top: 8.46%;
	margin-left: -189px;
	display: block;
	color:#654a00;
	font-size: 30px;
}
.pc-guide .guide-p-left{ display:block; background:#654a00;width:50px; height:2px; float:left; margin-top:5.5%;*margin-top:2.3%;  *margin-left:-5%;}
.pc-guide .guide-p-right{ display:block; background:#654a00;width:50px; height:2px; float:right; margin-top:5.5%;*position:absolute;*margin-top:18px;}
.pc-guide #guide-choose4 .guide-p-left{ display:block; background:#654a00;width:50px; height:2px; float:left; margin-top:4%;*margin-top:1.5%;  *margin-left:0%;}
.pc-guide #guide-choose4 .guide-p-right{ display:block; background:#654a00;width:50px; height:2px; float:right; margin-top:4%;*position:absolute;*margin-top:18px;}
.pc-guide #guide-choose5 .guide-p-left{ display:block; background:#654a00;width:50px; height:2px; float:left; margin-top:5%;*margin-top:1.5%;*margin-left:0%;}
.pc-guide #guide-choose5 .guide-p-right{ display:block; background:#654a00;width:50px; height:2px; float:right; margin-top:5%;*position:absolute;*margin-top:18px;}
.pc-guide #guide-choose6 .guide-p-left{ display:block; background:#654a00;width:50px; height:2px; float:left; margin-top:5%;*margin-top:1.5%;*margin-left:0%;}
.pc-guide .swiper-p4{
	position: absolute;
	left: 52%;
	top: 15.38%;
	color: #666666;
	text-align: center;
	margin-left: -256px;
	font-size:18px;
}
.pc-guide .swiper-ul1{   
	width: 1000px;
	position: absolute;
	left: 50%;
	top: 25%;
	margin-left: -500px;
	opacity:1;
	-webkit-animation:leftin 3s ease;
}
@-webkit-keyframes leftin{
		0%{left:-100%;opacity:1;}
		100%{left:50%;opacity:1;}
	}
.pc-guide .swiper-ul1 li{ 
 	position: relative;
	margin: 0px;
	width: 330px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	float: left;
}
.pc-guide .swiper-ul1 li span{ margin-left:40px; margin:0 auto;}
.pc-guide .swiper-ul1  .swiper-ul1-li1{ color:#e85102;}
.pc-guide .swiper-ul1  .swiper-ul1-li2{ color:#1059a4;}
.pc-guide .swiper-ul1  .swiper-ul1-li3{ color:#49c9af;}
.pc-guide .swiper-ul1  .swiper-ul1-li1 span{ margin: 15px auto;display:block; background:url(../images/guide.png) -1474px -775px; width:115px; height:115px;} 
.pc-guide .swiper-ul1  .swiper-ul1-li2 span{margin: 15px auto; display:block; background:url(../images/guide.png) -1079px -775px; width:115px; height:115px;}
.pc-guide .swiper-ul1  .swiper-ul1-li3 span{ margin: 15px auto;display:block; background:url(../images/guide.png) -665px -775px; width:115px; height:115px;}
.pc-guide .swiper-ul1 li small{margin-top: 10px; display:block;font-size:14px; color:#999; font-family:"黑体"; }

/*swiper3*/
#guide-choose3{ background:#fff; position:relative; width:100%;}
.pc-guide .swiper-ul2{ top:25.84%;width:1000px; position:absolute; left:50%; margin-left:-450px;}
.pc-guide .swiper-ul2 li{ position:absolute; width:33.3%;}
.pc-guide .swiper-ul2 li span{margin:0 auto;}
.pc-guide .swiper-ul2 li p{ display:inline-block;font-size:36px;color:rgb(232,81,2);margin-left:100px; position:absolute;}
.pc-guide .swiper-ul2 li p small{ display:block; float:right; font-size:20px;  margin-right:48px;margin-top:20px;*position:absolute; *margin-top:20px;}
.pc-guide .swiper-ul2 .swiper-ul2-li1{left:50%; margin-left:-542px;}
.pc-guide .swiper-ul2 .swiper-ul2-li2{left:50%; margin-left:-220px;}
.pc-guide .swiper-ul2 .swiper-ul2-li3{left:50%; margin-left:100px;}
.pc-guide .swiper-ul2 .swiper-ul2-li1 span{ display:block; background:url(../images/guide.png) -625px -24px; width:180px; height:180px;} 
.pc-guide .swiper-ul2 .swiper-ul2-li2 span{ display:block; background:url(../images/guide.png) -1028px -24px; width:180px; height:180px;}
.pc-guide .swiper-ul2 .swiper-ul2-li3 span{ display:block; background:url(../images/guide.png) -1407px -24px; width:198px; height:180px;}
.pc-guide .swiper-ul2 li small{ display:block; line-height:20px; font-size:16px;color:#654a00;}

/*swiper4*/
#guide-choose4{ background:#FAFAFA; position:relative; overflow:hidden; margin:0 auto;}
#guide-choose4 .swiper-p3{ position:absolute; left:50%; margin-left:-240px;}
#guide-choose4 .swiper-p4{ position:absolute; color:#ff6600; left:50%; margin-left:-160px;}
.pc-guide .swiper-ul3{ width:1000px; left:50%; position:absolute;top:22%;*top:20%;}
.pc-guide .swiper-ul3 li{color:#654a00; position:absolute; text-align:center; width:33.3%; font-size:18px;}
.pc-guide .swiper-ul3 li span{margin:0 auto;}
.pc-guide .swiper-ul3 li p{font-size:30px;color:#ff6600; margin-left:10%}
.pc-guide .swiper-ul3 li p small{ display:block; float:right; margin-top:15px; margin-right:48px;}
.pc-guide .swiper-ul3 .swiper-ul3-li1{ left:-50%;top:43px;}
.pc-guide .swiper-ul3 .swiper-ul3-li2{left:44%;top:23px; margin-top:1%;}
.pc-guide .swiper-ul3 .swiper-ul3-li3{left:73%;top:0px;}
.pc-guide .swiper-ul3 .swiper-ul3-li1 span{ display:block; background:url(../images/guide.png) -1422px -240px; width:214px; height:159px;} 
.pc-guide .swiper-ul3 .swiper-ul3-li2 span{ display:block; background:url(../images/guide.png) -1007px -226px; width:201px; height:175px;}
.pc-guide .swiper-ul3 .swiper-ul3-li3 span{ display:block; background:url(../images/guide.png) -1459px -457px; width:126px; height:206px;}
.pc-guide .swiper-ul3 li small{ display:block; line-height:20px; font-size:16px;color:#ff6600; margin-top:1%;}

/*swiper5*/
#guide-choose5{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
#guide-choose5 .swiper-p3{ position:absolute; left:50%; margin-left:-160px;}
#guide-choose5 .swiper-p4{ position:absolute; color:#ff6600; left:50%;margin-left:-155px;}
.pc-guide .swiper-ul4{ 
	width: 1000px;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	margin-top: 8%;
}
.pc-guide .swiper-ul4 li{
  color:#654a00;
  position: relative;
  text-align: center;
  width: 330px;
  float: left;
  font-size: 18px;
  }
.pc-guide .swiper-ul4 li span{margin:0 auto;}
.pc-guide .swiper-ul4 li p{font-size:36px;color:#ff6600; margin-left:10%;}
.pc-guide .swiper-ul4 li p small{ display:block; float:right;  margin-top:15px; margin-right:48px;}
.pc-guide .swiper-ul4 .swiper-ul4-li1 span{ display:block; background:url(../images/guide.png)  -1026px -467px; width:221px; height:225px;} 
.pc-guide .swiper-ul4 .swiper-ul4-li2 span{
  display: block;
  background: url(../images/guide.png) -602px -506px;
  width: 222px;
  height: 212px;
  margin-top: 10px;
  }
.pc-guide .swiper-ul4 .swiper-ul4-li3 span{ display:block; background:url(../images/guide.png) -600px -220px; width:242px; height:220px;}
.pc-guide .swiper-ul4 li small{ display:block; line-height:20px; font-size:18px;color:#ff6600;margin-top:0.5%;}


/*swiper6*/
#guide-choose6{ font-size:20px;position:relative; background:#FAFAFA;}
#guide-choose6 form{position:absolute; top:30%; left:50%; color:rgb(108,74,0); margin-left:-350px; width:400px;}
#guide-choose6 form p{ display:inline-block;border-bottom:1px solid rgb(108,74,0); font-size:20px; position:absolute; margin-top:-5px;}
#guide-choose6 form small{ font-size:20px; margin-top:2px;}
#guide-choose6 form a{ display:inline-block; border:1px solid #ff6600; color:#ff6600;margin-top:4px; font-size:14px;text-align:center; display:inline-block; width:54px;}
#guide-choose6 form a:hover{ background:#ff6600; color:#fff;}
#guide-choose6 form .guide-aactive{background:#ff6600; color:#fff;}
#guide-choose6 form .swiper-small1{ position:absolute; left:0%; top:45px;}
#guide-choose6 form span{ position:absolute; top:50px; left:50%; margin-left:-100px;}
#guide-choose6 strong{ background:url(../images/guide1.png) no-repeat;background-position: -290px;width:322px; height:260px; position:absolute; top:15%; left:50%; margin-left:50px;*top:18%;}
#guide-choose6 i{ position:absolute; top:61.84%; left:50%;color:#8a763f; font-size:20px; margin-left:-180px;}
#guide-choose6 i small{ font-size:20px; color:#ff5400;}
#guide-input{ border:none; outline:none;background:rgb(250,250,250); color: #ff5400; text-align:right; font-size:20px; width:157px; margin-right:10px;}
/*swiper7*/

#guide-choose7{ background:#fdcb40; position:relative; overflow:hidden; margin:0 auto; width:100%;}
#guide-choose7 .swiper-p3{ position:absolute; left:50%;}
#guide-choose7 .swiper-p2 a{border:1px solid rgb(250,74,0);color:rgb(250,74,0);}
.pc-guide .swiper-ul5{width:1000px; position:absolute; top:25%; left:50%; margin-left:-500px;}
.pc-guide .swiper-ul5 li{ position:absolute;color:rgb(108,73,0); text-align:center;font-size:24px;width:25%}
.pc-guide .swiper-ul5 li em{ font-size:24px;}
.pc-guide .swiper-ul5 li i{font-size:24px;display:block;}
.pc-guide .swiper-ul5 li span{margin:0 auto;}
.pc-guide .swiper-ul5 li p{font-size:36px; margin-left:10%;}
.pc-guide .swiper-ul5 li small{ display:block; float:right;  margin-top:0px; margin-right:10px;}
.pc-guide .swiper-ul5 .swiper-ul5-li1{left:0%;}
.pc-guide .swiper-ul5 .swiper-ul5-li2{left:25%;}
.pc-guide .swiper-ul5 .swiper-ul5-li3{left:50%;}
.pc-guide .swiper-ul5 .swiper-ul5-li4{left:75%;}
.pc-guide .swiper-ul5 .swiper-ul5-li1 span{ display:block; background:url(../images/guide.png)  -1705px -43px; width:150px; height:150px;} 
.pc-guide .swiper-ul5 .swiper-ul5-li2 span{ display:block; background:url(../images/guide.png) -1702px -681px; width:150px; height:150px;}
.pc-guide .swiper-ul5 .swiper-ul5-li3 span{ display:block; background:url(../images/guide.png) -1698px -474px; width:150px; height:150px;}
.pc-guide .swiper-ul5 .swiper-ul5-li4 span{ display:block; background:url(../images/guide.png) -1701px -255px; width:150px; height:150px;}
.pc-guide .swiper-ul5 li small{ display:block; line-height:20px; font-size:14px;position:absolute; left:32%;}
.pc-guide .swiper-ul5 .swiper-ul5-li2 small{ left:20%;}
.pc-guide .swiper-ul5 i{ background:url(../images/guide.png) -1750px -859px; display:block; width:52px; height:62px; position:absolute; left:50%; top:45%; margin-left:30%;}
/******************************************/
.guide-changesize u{
        position: absolute;
        height: 0px;
        width: 30px;
        bottom: 17%;
}
.guide-changesize .pic-number-3 span{
	color: #ff6600;
}
.guide-changesize u span{
	font-size: 15px;
	position: absolute;
	margin-top: -26px;
	text-align: center;
}
.guide-changesize .pic-number-1{
		margin-left: 68px;
	background-color: #ffc772;
	height: 50px;
}
.guide-changesize .pic-number-2{
	background-color: #ff8a3c;
	margin-left: 153px;
	height: 100px;
}
.guide-changesize .pic-number-3{
	background-color: #ff6600;
	margin-left: 233px;
	height: 180px;
}

.active .guide-changesize .pic-number-1{
		-o-animation:aaa 1s ease .5s;
		-ms-animation:aaa 1s ease .5s;
		-moz-animation:aaa 1s ease .5s;
		-webkit-animation:aaa 1s ease .5s;
		animation:aaa 1s ease .5s;

		-o-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		-moz-animation-fill-mode:both;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
}
.active .guide-changesize .pic-number-2{
	-o-animation:bbb 1s ease .5s;
		-ms-animation:bbb 1s ease .5s;
		-moz-animation:bbb 1s ease .5s;
		-webkit-animation:bbb 1s ease .5s;
		animation:bbb 1s ease .5s;

		-o-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		-moz-animation-fill-mode:both;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	
	
}
.active .guide-changesize .pic-number-3{
	-o-animation:ccc 1s ease .5s;
		-ms-animation:ccc 1s ease .5s;
		-moz-animation:ccc 1s ease .5s;
		-webkit-animation:ccc 1s ease .5s;
		animation:ccc 1s ease .5s;

		-o-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		-moz-animation-fill-mode:both;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	
	
}

 @-webkit-keyframes aaa{
    0%{
        height: 0;
    }
    100%{
        height: 50px;
    }
}
 @keyframes aaa{
    0%{
        height: 0;
    }
    100%{
        height: 50px;
    }
}
 @-ms-keyframes aaa{
    0%{
        height: 0;
    }
    100%{
        height: 50px;
    }
}
 @-moz-keyframes aaa{
    0%{
        height: 0;
    }
    100%{
        height: 50px;
    }
}
 @-o-keyframes aaa{
    0%{
        height: 0;
    }
    100%{
        height: 50px;
    }
}



@-webkit-keyframes bbb{
    0%{
        height: 0;
    }
    100%{
        height: 100px;
    }
}
 @keyframes bbb{
    0%{
        height: 0;
    }
    100%{
        height: 100px;
    }
}
 @-ms-keyframes bbb{
    0%{
        height: 0;
    }
    100%{
        height: 100px;
    }
}
 @-moz-keyframes bbb{
    0%{
        height: 0;
    }
    100%{
        height: 100px;
    }
}
 @-o-keyframes bbb{
    0%{
        height: 0;
    }
    100%{
        height: 100px;
    }
}






 @-webkit-keyframes ccc{
    0%{
        height: 0;
    }
    100%{
        height: 180px;
    }
}
 @keyframes ccc{
    0%{
        height: 0;
    }
    100%{
        height: 180px;
    }
}
 @-ms-keyframes ccc{
    0%{
        height: 0;
    }
    100%{
        height: 180px;
    }
}
 @-moz-keyframes ccc{
    0%{
        height: 0;
    }
    100%{
        height: 180px;
    }
}
 @-o-keyframes ccc{
    0%{
        height: 0;
    }
    100%{
        height: 180px;
    }
}




.pc-guide .active .swiper-p1{
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation: fadeInLeft 1s ease;
  	animation: fadeInLeft 1s ease;

  	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
}
.pc-guide .active .swiper-p2 a{
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation: bounceinAnimate 1s ease 1s;
	-o-animation: bounceinAnimate 1s ease 1s;
	animation: bounceinAnimate 1s ease  1s;
	-moz-animation: bounceinAnimate 1s ease  1s;
	-ms-animation: bounceinAnimate 1s ease  1s;

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
}
.pc-guide .active .swiper-span3 a{
	-webkit-animation: up 1.5s ease infinite;
    animation: up 1.5s ease infinite;
}
.pc-guide .active  .swiper-ul2{
	-webkit-animation: bounceinDownAnimate 1s ease .5s;
	animation: bounceinDownAnimate 1s ease .5s;
	-o-animation: bounceinDownAnimate 1s ease .5s;
	-moz-animation: bounceinDownAnimate 1s ease .5s;
	-ms-animation: bounceinDownAnimate 1s ease .5s;

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
}
.pc-guide .active  .swiper-ul1 li{
	-webkit-animation:lightSpeedIn 1s ease-out .3s;
	-o-animation:lightSpeedIn 1s ease-out .3s;
	-ms-animation:lightSpeedIn 1s ease-out .3s;
	-moz-animation:lightSpeedIn 1s ease-out .3s;
	animation:lightSpeedIn 1s ease-out .3s;

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
}
.pc-guide .active .swiper-ul4 li{
	-webkit-animation: topeaseinAnimate 1s ease 1s;
	-moz-animation: topeaseinAnimate 1s ease 1s;
	-o-animation: topeaseinAnimate 1s ease 1s;
	-ms-animation: topeaseinAnimate 1s ease 1s;
	animation: topeaseinAnimate 1s ease 1s;

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
}

/*上方渐入*/
@-webkit-keyframes topeaseinAnimate{
	0%{ -webkit-transform: translateY(-20px); opacity: 0;}
	100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-moz-keyframes topeaseinAnimate{
	0%{ -moz-transform: translateY(-20px); opacity: 0;}
	100%{ -moz-transform: translateY(0); opacity: 1;}
}
@-o-keyframes topeaseinAnimate{
	0%{ -o-transform: translateY(-20px); opacity: 0;}
	100%{ -o-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes topeaseinAnimate{
	0%{ -ms-transform: translateY(-20px); opacity: 0;}
	100%{ -ms-transform: translateY(0); opacity: 1;}
}
@keyframes topeaseinAnimate{
	0%{ transform: translateY(-20px); opacity: 0;}
	100%{ transform: translateY(0); opacity: 1;}
}
/*右方斜入*/
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-ms-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/*弹入下方*/
@keyframes bounceinDownAnimate{
	0%{ transform: translateY(-200px);}
	30%{ transform: translateY(30px);}
	70%{ transform: translateY(-10px);}
	100%{ transform: translateY(0px);}
}
@-webkit-keyframes bounceinDownAnimate{
	0%{ -webkit-transform: translateY(-200px);}
	30%{ -webkit-transform: translateY(30px);}
	70%{ -webkit-transform: translateY(-10px);}
	100%{ -webkit-transform: translateY(0px);}
}
@-o-keyframes bounceinDownAnimate{
	0%{ -o-transform: translateY(-200px);}
	30%{ -o-transform: translateY(30px);}
	70%{ -o-transform: translateY(-10px);}
	100%{ -o-transform: translateY(0px);}
}
@-moz-keyframes bounceinDownAnimate{
	0%{ -moz-transform: translateY(-200px);}
	30%{ -moz-transform: translateY(30px);}
	70%{ -moz-transform: translateY(-10px);}
	100%{ -moz-transform: translateY(0px);}
}
@-ms-keyframes bounceinDownAnimate{
	0%{ -moz-transform: translateY(-200px);}
	30%{ -moz-transform: translateY(30px);}
	70%{ -moz-transform: translateY(-10px);}
	100%{ -moz-transform: translateY(0px);}
}
/*指引图标*/
@-ms-keyframes up{
    0%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    50%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 1;
    }
    70%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
@-moz-keyframes up{
    0%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    50%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 1;
    }
    70%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
@-o-keyframes up{
    0%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    50%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 1;
    }
    70%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes up{
    0%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    50%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 1;
    }
    70%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
@keyframes up{
       0%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    50%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 1;
    }
    70%{
        transform: translate3d(0, 15px, 0);
        -webkit-transform: translate3d(0, 15px, 0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
/*弹入*/
@-webkit-keyframes bounceinAnimate{
	0%{ -webkit-transform: scale(.3);}
	50%{ -webkit-transform: scale(1.05);opacity: 1;}
	70%{ -webkit-transform: scale(0.9);opacity: 1;}
	100%{ -webkit-transform: scale(1);opacity: 1;}
}
@keyframes bounceinAnimate{
	0%{ transform: scale(.3);}
	50%{transform: scale(1.05);opacity: 1;}
	70%{ transform: scale(0.9);opacity: 1;}
	100%{transform: scale(1);opacity: 1;}
}
@-o-keyframes bounceinAnimate{
	0%{ -o-transform: scale(.3);}
	50%{ -o-transform: scale(1.05);opacity: 1;}
	70%{ -o-transform: scale(0.9);opacity: 1;}
	100%{ -o-transform: scale(1);opacity: 1;}
}
@-moz-keyframes bounceinAnimate{
	0%{ -moz-transform: scale(.3);}
	50%{ -moz-transform: scale(1.05);opacity: 1;}
	70%{ -moz-transform: scale(0.9);opacity: 1;}
	100%{ -moz-transform: scale(1);opacity: 1;}
}
@-ms-keyframes bounceinAnimate{
	0%{ -ms-transform: scale(.3);}
	50%{ -ms-transform: scale(1.05);opacity: 1;}
	70%{ -ms-transform: scale(0.9);opacity: 1;}
	100%{ -ms-transform: scale(1);opacity: 1;}
}
/*左方进入*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.pc-guide{
    height: 100% !important;
    overflow: hidden !important;
}

.swiper-p2 a {
  text-decoration: none!important;
}

#big-bottom-span a {
  text-decoration: none!important;
}