body,dl,dd,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0px;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:rgba(255,255,255,0); background:#000000; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,option{outline:none}
.main img,.main .p5-pic1{ display: none;}
.sec1-show .sec1 img,
.sec2-show .sec2 img,
.sec3-show .sec3 img,
.sec4-show .sec4 img,
.sec5-show .sec5 img,
.sec5-show .sec5 .p5-pic1,
.sec6-show .sec6 img,
.sec7-show .sec7 img,
.sec8-show .sec8 img,
.sec9-show .sec9 img,
.sec10-show .sec10 img,
.sec11-show .sec11 img,
.sec12-show .sec12 img,
.sec13-show .sec13 img,
.sec14-show .sec14 img{display:block;}
.wrap{width: 100%;height:100%;overflow: hidden;}
.content{width: 100%;height:100%;position: relative;}
.main{width: 100%;-webkit-transition:all 0.3s linear;-webkit-transform:translateY(0px);transition:all 0.3s linear;transform:translateY(0px);-webkit-backface-visibility:hidden; height: 100%; position: relative;}
.sec{ width: 100%; height: 100%; margin: 0 auto; position: relative;}
.sec img,.sec a{ position: absolute;}
.sec a img{ position: relative; display: block; width: 100%;}
.next{ left: 46.9%; bottom: 3.6%; z-index: 100;}
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}
.pt-page-moveIcondown {
	-webkit-animation: moveIcondown ease 1.5s both infinite;
	animation: moveIcondown ease 1.5s both infinite;
}
@-webkit-keyframes moveIcondown {
	0% { -webkit-transform: translateY(-100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); opacity:0;}
}
@keyframes moveIcondown {
	0% { -webkit-transform: translateY(-100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); transform: translateY(-100%); opacity:0;}
}
.sec1{ background:url(../images/1.jpg) no-repeat #000000; background-size: 100% 100%;}
.sec2{ background:url(../images/2.jpg) no-repeat #fcfcfa; background-size: 100% 100%;}
.sec3{ background:url(../images/3.jpg) no-repeat #000000; background-size: 100% 100%;}
.sec4{ background:url(../images/5.jpg) no-repeat #ececee; background-size: 100% 100%;}
.sec5{ background:url(../images/5.jpg) no-repeat #a7d2ea; background-size: 100% 100%;}
.sec6{ background:url(../images/6.jpg) no-repeat #c5d0e4; background-size: 100% 100%;}
.sec7{ background:url(../images/7.jpg) no-repeat #956951; background-size: 100% 100%;}
.sec8{background:url(../images/8.jpg) no-repeat #01060d; background-size: 100% 100%;}
.sec9{background:url(../images/10.jpg) no-repeat #01060d; background-size: 100% 100%;}
.sec10{background: url(../images/14.jpg) no-repeat #f4f3f7; background-size: 100% 100%;}
.sec11{background:url(../images/13.jpg) no-repeat #f4f3f7; background-size: 100% 100%;}
.more{ top: 2.3%; right: 5.8%; width: 15.3%;}
/* section1 */
.p1-border2{top:40.17%;left:0%; z-index:9;}
.p1-pic1{top:40.17%; left:0%;}
.p1-pic2{top:53.96%; left:0%;opacity:0;}
.p1-pic3{top:55.15%; right:0%;opacity:0;}
.p1-pic4{top:43.65%; left:69.68%;z-index:10;opacity:0;}
.p1-pic5{top:40.67%; left:67.5%;z-index:10;opacity:0;}
.p1-pic6{top:38.59%; left:75.62%;z-index:10;opacity:0;}
.p1-pic7{top:10.91%; left:13.90%;}
.p1-pic8{top:76.38%; left:31.75%;}
.p1-pic9{top:59.92%; left:0%;opacity:0;}
.p1-pic10{top:60.31%; right:0%;opacity:0;}
/* section2 */
.p2-border1{top:21.13%; left:15.62%;}
.p2-pic1{ top:39.08%; left:15.62%;}
.p2-pic2{ top:53.37%; left:15.62%;}
.p2-pic3{ top:63.98%; left:15.62%;}
/* section3 */
.p3-border1{top:9.4%; left:14.84%;}
.p3-pic1{top:75.89%; left:7.96%;}
/* section4 */
.p4-border1{top:7%; left:8.12%;}
.p4-pic1{top:25.5%;left:7.81%;}
.p4-pic2{top:48.58%;left:7.81%;}
.p4-pic3{top:79.84%;left:7.81%;}
.pic1{ width:84.37%; height:20.92%;}
.pic2{width:84.37%;height:19.54%;}
/* section5 */
.p5-border1{top:6.2%; left:8.12%;}
.p5-pic1{ position:absolute; width:85%; height:auto;top:30.05%; left:7.81%; }
.p5-pic2{ position:absolute; width:84.37%; height:41.66%;top:30.05%; left:7.81%;}
.p5-pic3{top:69.74%; left:7.81%; z-index:10; }
/* section6 */
.p6-border1{top:9.4%; left:14.84%;}
.p6-pic1{top:74.2%; left:8.43%;}
/* section7 */
.p7-pic1{top:9.12%; left:7.81%;}
.p7-pic2{top:27.18%; left:7.81%;}
/* section8 */
.p8-border1{top:9.42%; left:14.84%;}
.p8-pic1{top:75.39%; left:7.81%;}
/* section9 */
.p9-border1{top:9.12%; left:7.81%;}
.p9-pic1{top:26.19%; left:7.81%;}
.p9-pic2{top:46.62%; left:7.81%;}
/* section10 */
.p10-border1{top:8.63%; left:7.81%;}
.p10-border3{top:27.63%; left:54.81%; z-index:2; width:30%; height:4%;}
.p10-pic1{top:35.84%; left:7.81%;}
/* section11 */
.p11-border1{top:9.32%; left:14.84%;}
.p11-pic1{top:75.29%; left:7.96%;}
/* section12 */
.p12-border1{top:9.12%; left:7.81%;}
.p12-pic1{top:33.53%; left:7.81%;}
/* section13 */
.p13-border1{top:9.5%; left:7.8%;}
.p13-pic1{top:68.15%; left:10%;opacity:0;}
.p13-pic11{top:76.19%; left:10%;opacity:0;}
.p13-picc{top:83.92%; left:10%;opacity:0;}
.p13-pic2{top:52.57%; left:7.8%;}
.ooe1{top:41.76%; left:0%; width:100%; height:3.5%;}
.p13-pic3{top:67.26%; left:0%; width:100%; height:6.4%;}
.p13-pic5{top:75.29%; left:0%; width:100%; height:6.4%;}
.p13-pic4{top:82.53%; left:0%; width:100%; height:6.4%;}
/* section13 */
.p14-border1{top:18.59%; left:9.37%;}
.p14-pic1{top:68.6%; left:12.5%;opacity:0;}
.p14-picc{top:79.76%; left:12.5%;opacity:0;}
.p14-pic2{top:73.41%; left:26.87%;}
.p14-pic3{top:67.85%; left:0%; width:100%; height:9.12%;}
.p14-pic5{top:78.57%; left:0%; width:100%; height:9.12%;}
.ooe{ width:22.81%;top:8.92%; left:9.21%; height:4.26%; }
/* anim */
/* page1 */
.sec1-show .fadein-up7{ -webkit-animation:fadeIndown 1.2s .5s ease both;
    -moz-animation:fadeIndown 1.2s .5s ease both;}
	@-webkit-keyframes fadeIndown{
    0%{opacity:0;
        -webkit-transform:translateY(-100%);}
	70%,90%{opacity:1;
        -webkit-transform:translateY(-10%);}			
   60%,80%,100%{opacity:1;
        -webkit-transform:translateY(0);}
}
.sec1-show .fadein-ss{-webkit-animation:fadeInshow1 .8s 1.2s ease both;
    -moz-animation:fadeInshow1 .8s 1.2s ease both;}
@-webkit-keyframes fadeInshow1 {
   0%{opacity:0; -webkit-transform:scale(1);}
   100%{-webkit-transform:scale(1);opacity: 1;}
}
.sec1-show .fadein-ss1{-webkit-animation:fadeInshow2 1.2s 1.2s linear infinite;
    -moz-animation:fadeInshow2 1.2s 1.2s linear infinite;}	
.sec1-show .fadein-ss2{-webkit-animation:fadeInshow2 1.2s 1.5s linear infinite;
    -moz-animation:fadeInshow2 1.2s 1.5s linear infinite;}	
@-webkit-keyframes fadeInshow2 {
	0%{opacity:0;-webkit-transform:scale(1);
        }
  10%{opacity:0.2;-webkit-transform:scale(1);
        }
	30%{opacity:0.4;-webkit-transform:scale(1);
        }
	40%{opacity:0.5;-webkit-transform:scale(1);
        }		
	60%{opacity:0.6;-webkit-transform:scale(1);
        }		
    100%{opacity:1;-webkit-transform:scale(1);
        }
}
.sec1-show .rorate1{
    -webkit-animation: rotate 20s 2s linear infinite;
}
.sec1-show .rorate2{
    -webkit-animation: rotate 15s 2.2s linear infinite;
}
.sec1-show .rorate3{
    -webkit-animation: rotatee 22s 2.2s linear infinite;
}
@-webkit-keyframes rotate{
0%{opacity:0;
    -webkit-transform: rotateZ(0deg);
    }
	1%,15%,22%,35% {opacity:0.3;
    }
5%,13%,23%,32% {opacity:0.5;
    }
8%,12%,25%,29%{opacity:0.9;}
10%,27% {opacity:1;}
100% {opacity:1;
    -webkit-transform: rotateZ(360deg);
    }
	}
@-webkit-keyframes rotatee{
0%{opacity:0;
    -webkit-transform: rotateZ(0deg);
    }
1%,18%,25%,40% {opacity:0.3;
    }
5%,13%,27%,35% {opacity:0.5;
    }
8%,12%,29%,33%{opacity:0.9;}
10%,30% {opacity:1;}
100% {opacity:1;
    -webkit-transform: rotateZ(-360deg);
    }
}
/* page2*/
.sec2-show .fadein-left
{-webkit-animation:moveFromLeft .8s ease both;
    -moz-animation:moveFromLeft .8s ease both;}
.sec2-show .fadein-left1
{-webkit-animation:moveFromLeft .8s .5s ease both;
    -moz-animation:moveFromLeft .8s.5s ease both;}	
.sec2-show .fadein-left2
{-webkit-animation:moveFromLeft .8s 1s ease both;
    -moz-animation:moveFromLeft .8s 1s ease both;}	
.sec2-show .fadein-left3
{-webkit-animation:moveFromLeft .8s 1.5s ease both;
    -moz-animation:moveFromLeft .8s 1.5s ease both;}			
@-webkit-keyframes moveFromLeft {
	from { opacity:0;}
	to{opacity:1;}
}
.sec2-show .fadein-right{-webkit-animation:moveFromright .8s .8s ease both;
    -moz-animation:moveFromright .8s .8s ease both;}
.sec5-show .fadein-right,.sec9-show .fadein-right,.sec11-show .fadein-right{-webkit-animation:moveFromright .8s .5s ease both;
    -moz-animation:moveFromright .8s .5s ease both;}
@-webkit-keyframes moveFromright {
	from { -webkit-transform: translateX(100%);opacity:0; }
	to{-webkit-transform: translateX(0); opacity:1;}
}
@keyframes moveFromright {
	from {transform: translateX(100%); opacity:0;}
	to{transform: translateX(0); opacity:1;}
}
/* page3*/
.sec3-show .fadein-up1,.sec5-show .fadein-up1,.sec6-show .fadein-up1,.sec8-show .fadein-up1,.sec9-show .fadein-up1{
    -webkit-animation:fadeInUp .8s ease both;
    -moz-animation:fadeInUp .8s  ease both;}
.sec11-show .fadein-oo{-webkit-animation:fadeInUpp1 .8s .5s ease both;
    -moz-animation:fadeInUpp1 .8s .5s ease both;}
.sec10-show .fadein-oo{-webkit-animation:fadeInUpp1 .8s ease both;
    -moz-animation:fadeInUpp1 .8s ease both;}	
.sec11-show .fadein-oo1{-webkit-animation:fadeInUpp .8s 1s ease both;
    -moz-animation:fadeInUpp .8s 1s ease both;}
@-webkit-keyframes fadeInUpp{
    0%{opacity:0;-webkit-transform:scale(1);
        }
    100%{opacity:1;-webkit-transform:scale(1);
        }
}
@-webkit-keyframes fadeInUpp1{
    0%{opacity:0;
        -webkit-transform:translateY(-100%);}		
   100%{opacity:1;
        -webkit-transform:translateY(0);}
}
.sec1-show .fadein-up1{
    -webkit-animation:fadeIndd .5s ease both;
    -moz-animation:fadeIndd .5s  ease both;}
@-webkit-keyframes fadeIndd{
    0%{opacity:0;
        -webkit-transform:translateY(-100%);}
				100%{opacity:1;
        -webkit-transform:translateY(0);}
}	
.sec3-show .fadein-up2,.sec6-show .fadein-up2,.sec8-show .fadein-up2{
    -webkit-animation:fadeInUp .8s .5s ease both;
    -moz-animation:fadeInUp .8s .5s ease both;}
.sec1-show .fadein-up2{
    -webkit-animation:fadeInUp 1s 1s ease both;
    -moz-animation:fadeInUp 1s 1s ease both;}
.sec12-show .fadein-up2{
    -webkit-animation:fadeInUp .8s .8s ease both;
    -moz-animation:fadeInUp .8s .8s ease both;}	
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(100%);}
    100%{opacity:1;
        -webkit-transform:translateY(0);}
}
/*page4*/	
.sec4-show .fadein-big{ -webkit-animation:fadeInbig .5s  ease both;
    -moz-animation:fadeInbig .5s  ease both;}	
@-webkit-keyframes fadeInbig{
    0%{opacity:1;
        -webkit-transform:scale(0.5);}
    100%{opacity:1;
        -webkit-transform:scale(1);}
}	
.sec4-show .fadein-line{animation:fadeInline .7s .5s ease both;-webkit-animation:fadeInline .7s .5s ease both;-moz-animation:fadeInline .7s .5s ease both;}
.sec7-show .fadein-line2{-webkit-animation:fadeInline .7s ease both;
    -moz-animation:fadeInline .7s ease both;}	
.sec7-show .fadein-line1{-webkit-animation:fadeInline .7s .5s ease both;
    -moz-animation:fadeInline .8s .8s ease both;}
.sec4-show .fadein-up{-webkit-animation:fadeInline .7s 1.1s ease both;
    -moz-animation:fadeInline .7s 1.1s ease both;}	
.sec4-show .fadein-line1{-webkit-animation:fadeInline .7s .8s ease both;
    -moz-animation:fadeInline .8s .8s ease both;}				
  @-webkit-keyframes fadeInline{
   0%{opacity:1;-webkit-transform:scale(1,0.0001);}
    100%{opacity:1;-webkit-transform:scale(1,1);}
}
.sec7-show .pt-page-moveFromRight{
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn 0.6s 0.6s both ease-in;
	animation: rotateCubeBottomIn 0.6s 0.6s both ease-in;}
	@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
.sec10-show .shake1{
    -webkit-animation:shake .6s .5s linear infinite;
    -moz-animation:shake .6s .5s linear infinite;
}
@-webkit-keyframes shake {
    1%, 100% {opacity:1; -webkit-transform: rotate(0); }
    20%, 60% {opacity:1; -webkit-transform: rotate(-18deg);}
    40%, 80% {opacity:1; -webkit-transform: rotate(18deg);}
}
.sec11-show .pt-page-move{-webkit-animation:fadeInlin .8s ease both;
    -moz-animation:fadeInlin .8s ease both;}
	@-webkit-keyframes fadeInlin {
	   0%{opacity:0;-webkit-transform:scale(0);
        }
		 50%{opacity:1;-webkit-transform:scale(1.2);
        }
    100%{opacity:1;-webkit-transform:scale(1);
        }
		}
/**
 * 澹伴煶鍏冧欢
 * -u-audio
 */
.u-audio {
	position: absolute;
	top:4.7%;
	right:7.0%;
	width:9.37%;
	height:6.05%;
	z-index: 200;
}
/**
 * 澹伴煶鍏冧欢
 * -u-audio
 */
 /*澹伴煶*/
.coffee-steam-box { display: none; }
#loader{width: 12px;height: 12px;position: fixed;left: 50%;top: 50%;z-index: 100;margin: -6px 0 0 -6px;-webkit-border-radius: 6px;border-radius: 6px;overflow: hidden;
    -webkit-animation: loading 1.1s ease infinite;
    animation: loading 1.1s ease infinite;} 
	@-webkit-keyframes loading{
    0%,100%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.1),
            0 24px 0 rgba(218,218,218,0.25),
            -17px 17px 0 rgba(218,218,218,0.3),
            -24px 0 0 rgba(218,218,218,0.4),
            -17px -17px 0 rgba(218,218,218,0.5),
            0 -24px 0 rgba(218,218,218,0.6),
            17px -17px 0 rgba(218,218,218,0.7),
            24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,1),
            0 24px 0 rgba(218,218,218,0.1),
            -17px 17px 0 rgba(218,218,218,0.25),
            -24px 0 0 rgba(218,218,218,0.3),
            -17px -17px 0 rgba(218,218,218,0.4),
            0 -24px 0 rgba(218,218,218,0.5),
            17px -17px 0 rgba(218,218,218,0.6),
            24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.7),
            0 24px 0 rgba(218,218,218,1),
            -17px 17px 0 rgba(218,218,218,0.1),
            -24px 0 0 rgba(218,218,218,0.25),
            -17px -17px 0 rgba(218,218,218,0.3),
            0 -24px 0 rgba(218,218,218,0.4),
            17px -17px 0 rgba(218,218,218,0.5),
            24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.6),
            0 24px 0 rgba(218,218,218,0.7),
            -17px 17px 0 rgba(218,218,218,1),
            -24px 0 0 rgba(218,218,218,0.1),
            -17px -17px 0 rgba(218,218,218,0.25),
            0 -24px 0 rgba(218,218,218,0.3),
            17px -17px 0 rgba(218,218,218,0.4),
            24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.5),
            0 24px 0 rgba(218,218,218,0.6),
            -17px 17px 0 rgba(218,218,218,0.7),
            -24px 0 0 rgba(218,218,218,1),
            -17px -17px 0 rgba(218,218,218,0.1),
            0 -24px 0 rgba(218,218,218,0.25),
            17px -17px 0 rgba(218,218,218,0.3),
            24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.4),
            0 24px 0 rgba(218,218,218,0.5),
            -17px 17px 0 rgba(218,218,218,0.6),
            -24px 0 0 rgba(218,218,218,0.7),
            -17px -17px 0 rgba(218,218,218,1),
            0 -24px 0 rgba(218,218,218,0.1),
            17px -17px 0 rgba(218,218,218,0.25),
            24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.3),
            0 24px 0 rgba(218,218,218,0.4),
            -17px 17px 0 rgba(218,218,218,0.5),
            -24px 0 0 rgba(218,218,218,0.6),
            -17px -17px 0 rgba(218,218,218,0.7),
            0 -24px 0 rgba(218,218,218,1),
            17px -17px 0 rgba(218,218,218,0.1),
            24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.25),
            0 24px 0 rgba(218,218,218,0.3),
            -17px 17px 0 rgba(218,218,218,0.4),
            -24px 0 0 rgba(218,218,218,0.5),
            -17px -17px 0 rgba(218,218,218,0.6),
            0 -24px 0 rgba(218,218,218,0.7),
            17px -17px 0 rgba(218,218,218,1),
            24px 0 0 rgba(218,218,218,0.2);
    }
}
@keyframes loading{
    0%,100%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.1),
            0 24px 0 rgba(218,218,218,0.25),
            -17px 17px 0 rgba(218,218,218,0.3),
            -24px 0 0 rgba(218,218,218,0.4),
            -17px -17px 0 rgba(218,218,218,0.5),
            0 -24px 0 rgba(218,218,218,0.6),
            17px -17px 0 rgba(218,218,218,0.7),
            24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,1),
            0 24px 0 rgba(218,218,218,0.1),
            -17px 17px 0 rgba(218,218,218,0.25),
            -24px 0 0 rgba(218,218,218,0.3),
            -17px -17px 0 rgba(218,218,218,0.4),
            0 -24px 0 rgba(218,218,218,0.5),
            17px -17px 0 rgba(218,218,218,0.6),
            24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.7),
            0 24px 0 rgba(218,218,218,1),
            -17px 17px 0 rgba(218,218,218,0.1),
            -24px 0 0 rgba(218,218,218,0.25),
            -17px -17px 0 rgba(218,218,218,0.3),
            0 -24px 0 rgba(218,218,218,0.4),
            17px -17px 0 rgba(218,218,218,0.5),
            24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.6),
            0 24px 0 rgba(218,218,218,0.7),
            -17px 17px 0 rgba(218,218,218,1),
            -24px 0 0 rgba(218,218,218,0.1),
            -17px -17px 0 rgba(218,218,218,0.25),
            0 -24px 0 rgba(218,218,218,0.3),
            17px -17px 0 rgba(218,218,218,0.4),
            24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.5),
            0 24px 0 rgba(218,218,218,0.6),
            -17px 17px 0 rgba(218,218,218,0.7),
            -24px 0 0 rgba(218,218,218,1),
            -17px -17px 0 rgba(218,218,218,0.1),
            0 -24px 0 rgba(218,218,218,0.25),
            17px -17px 0 rgba(218,218,218,0.3),
            24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.4),
            0 24px 0 rgba(218,218,218,0.5),
            -17px 17px 0 rgba(218,218,218,0.6),
            -24px 0 0 rgba(218,218,218,0.7),
            -17px -17px 0 rgba(218,218,218,1),
            0 -24px 0 rgba(218,218,218,0.1),
            17px -17px 0 rgba(218,218,218,0.25),
            24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.3),
            0 24px 0 rgba(218,218,218,0.4),
            -17px 17px 0 rgba(218,218,218,0.5),
            -24px 0 0 rgba(218,218,218,0.6),
            -17px -17px 0 rgba(218,218,218,0.7),
            0 -24px 0 rgba(218,218,218,1),
            17px -17px 0 rgba(218,218,218,0.1),
            24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.25),
            0 24px 0 rgba(218,218,218,0.3),
            -17px 17px 0 rgba(218,218,218,0.4),
            -24px 0 0 rgba(218,218,218,0.5),
            -17px -17px 0 rgba(218,218,218,0.6),
            0 -24px 0 rgba(218,218,218,0.7),
            17px -17px 0 rgba(218,218,218,1),
            24px 0 0 rgba(218,218,218,0.2);
    }
}
.text{display:none;}
.p2-border2{ width:25.78%;position:absolute; top:78.5%; left:32.40%;  }
.p2-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:78.5%; left:32.40%; }
.p0-border2{ width:25.78%;position:absolute; top:56.5%; left:35.40%;  }
.p0-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:56.5%; left:35.40%; }  
  .sec5-show .fadein0,.sec7-show .fadein0{-webkit-animation:fadein01 1s .6s ease both;}
    @-webkit-keyframes fadein01{
   0%{opacity:0;-webkit-transform: scale(0,0);}
    100%{opacity:1;-webkit-transform: scale(1,1);}
	
}