@charset "utf-8";
/*
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
input::-moz-placeholder{opacity:1;}
input::-webkit-input-placeholder{opacity:1;color:#060;}
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select {margin:0;padding:0;box-sizing: border-box;}
html{height:100%;}
body{color:#707070;font-family:微软雅黑,'Heiti SC',黑体,Arial;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:120%;}
input,textarea,select,button{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;padding:0;margin:0;}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}


@media screen and (min-width:540px){
	body{width:540px;}
	header{width:540px;}
}
@media screen and (max-width:320px){
	body{width:320px;}
	header{width:320px;}
}

body{background:#eee;}

.ico{width:23px;height:23px;position:absolute;}
.ico span.a1{display:block;width:100%;height:100%;background:url(../images/ico.png) center center no-repeat;background-size:contain;opacity:0;position:absolute;left:0;top:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.8s linear 1s;
	transition:all 0.8s linear 1s;
}
.ico span.a2{display:block;width:100%;height:100%;background:url(../images/ico.png) center center no-repeat;background-size:contain;opacity:1;position:absolute;left:0;top:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.8s linear 1s;
	transition:all 0.8s linear 1s;
}
.active .ico .a1{
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.active .ico .a2{
	-webkit-transform:scale(2);
	transform:scale(2);
	opacity:0;
}

.p1{background:url(../images/bg1.jpg) center center no-repeat;background-size:cover;}
.p1 .logo{width:107px;height:auto;position:absolute;top:5%;left:50%;margin-left:35px;}
.p1 .text{width:280px;height:auto;position:absolute;top:50%;left:40%;margin-left:-140px;opacity:0;}
.p1 .text img{width:100%;height:100%;}
.p1 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p1.active .text{
	-webkit-animation:p1 1s ease-out 0.5s 1;
	animation:p1 1s ease-out 0.5s 1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes p1{
0%{opacity:0;left:60%;}
100%{opacity:1;left:50%;}	
}
@keyframes p1{
0%{opacity:0;left:60%;}
100%{opacity:1;left:50%;}	
}

.p2{background:url(../images/bg2.jpg) center center no-repeat;background-size:cover;}
.p2 .a{width:250px;height:115px;left:50%;margin-left:-125px;top:40%;margin-top:-150px;position:absolute;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p2 .b{width:135px;height:130px;left:50%;margin-left:-73px;top:50%;margin-top:30px;position:absolute;
	-webkit-transition:all 0.5s ease-out 1.5s;
	transition:all 0.5s ease-out 1.5s;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}
.p2.active .a{opacity:1;top:50%;}
.p2.active .b{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}

.p3{background:url(../images/bg3.jpg) center center no-repeat;background-size:cover;}
.p3 .text{position:absolute;left:60%;top:50%;width:250px;height:115px;margin-top:30px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p3 .text img{width:100%;height:100%;}
.p3 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p3 .ico{left:50%;top:50%;margin:-12px 0 0 -12px;}
.p3.active .text{opacity:1;left:15%;}

.p4{background:url(../images/bg4.jpg) center center no-repeat;background-size:cover;}
.p4 .ico{left:50%;top:50%;margin:-220px 0 0 40px;}
.p4 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:-190px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p4 .text img{width:100%;height:100%;}
.p4 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p4.active .text{opacity:1;left:50%;}

.p5{background:url(../images/bg5.jpg) center center no-repeat;background-size:cover;}
.p5 .ico{left:50%;top:50%;margin:20px 0 0 30px;}
.p5 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:60px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p5 .text img{width:100%;height:100%;}
.p5 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p5.active .text{opacity:1;left:50%;}

.p6{background:url(../images/bg7.jpg) center center no-repeat;background-size:cover;}
.p6 .ico{left:50%;top:50%;margin:-20px 0 0 -10px;}
.p6 .text{width:230px;height:151px;position:absolute;left:50%;top:50%;margin:-190px 0 0 -115px;top:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p6 .text img{width:100%;height:100%;}
.p6 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p6.active .text{opacity:1;top:50%;}

.p7{background:url(../images/bg6.jpg) center center no-repeat;background-size:cover;}
.p7 .ico{left:50%;top:50%;margin:40px 0 0 -50px;}
.p7 .text{width:281px;height:132px;position:absolute;left:50%;top:50%;margin:80px 0 0 -140px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p7 .text img{width:100%;height:100%;}
.p7 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p7.active .text{opacity:1;left:50%;}

.p8{background:url(../images/bg8.jpg) center center no-repeat;background-size:cover;}
.p8 .a{width:222px;height:27px;position:absolute;left:50%;top:50%;margin:100px 0 0 -150px;left:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p8 .b{width:285px;height:60px;position:absolute;left:50%;top:50%;margin:150px 0 0 -150px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p8.active .a{opacity:1;left:50%;}
.p8.active .b{opacity:1;left:50%;}


.p9 .bg{background:url(../images/bg9.jpg) center center no-repeat;background-size:100% 100%;width:110%;height:100%;position:absolute;left:50%;top:0;margin-left:-55%;
	-webkit-animation:p9 6s linear 0s infinite;
	animation:p9 6s linear 0s infinite;
}
.p9 .ico{left:50%;top:50%;margin:-130px 0 0 -8px;}
.p9 .a{width:95px;height:90px;position:absolute;left:50%;top:50%;margin:-45px 0 0 -45px;opacity:0;
	-webkit-transition:all 1s ease-out 1.5s;
	transition:all 1s ease-out 1.5s;
}
.p9 .b{width:200px;height:60px;position:absolute;left:36%;top:50%;margin:100px 0 0 -59px;
	-webkit-transform:perspective(600px) rotateY(90deg);
	transform:perspective(600px) rotateY(90deg);
}
.p9.active .a{opacity:1;}
.p9.active .b{
	-webkit-animation:r3d 1.5s linear 2s;
	animation:r3d 1.5s linear 2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.section .text a.more{width:100%;height:100%;}

@-webkit-keyframes p9{
0%{left:50%;}
33%{left:48%;}
66%{left:52%;}
100%{left:50%;}	
}
@keyframes p9{
0%{left:50%;}
33%{left:48%;}
66%{left:52%;}
100%{left:50%;}	
}

@-webkit-keyframes r3d{
0% {
	-webkit-transform:perspective(600px) rotateY(90deg);
}
50% {
	-webkit-transform:perspective(600px) rotateY(-30deg);
}
100% {
	-webkit-transform:perspective(600px) rotateY(0deg);
}
}
@keyframes r3d{
0% {
	transform:perspective(600px) rotateY(90deg);
}
50% {
	transform:perspective(600px) rotateY(-30deg);
}
100% {
	transform:perspective(600px) rotateY(0deg);
}
}






.p11{background:url(../images/bg10.jpg) center center no-repeat;background-size:cover;}
.p11 .a{width:250px;height:115px;left:50%;margin-left:-125px;top:40%;margin-top:-150px;position:absolute;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p11 .b{width:135px;height:130px;left:50%;margin-left:-73px;top:50%;margin-top:30px;position:absolute;
	-webkit-transition:all 0.5s ease-out 1.5s;
	transition:all 0.5s ease-out 1.5s;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}
.p11.active .a{opacity:1;top:50%;}
.p11.active .b{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}

.p12{background:url(../images/bg11.jpg) center center no-repeat;background-size:cover;}
.p12 .text{position:absolute;left:60%;top:50%;width:143px;height:150px;margin-top:30px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p12 .text img{width:100%;height:100%;}
.p12 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p12 .ico{left:50%;top:50%;margin:-12px 0 0 -12px;}
.p12.active .text{opacity:1;left:50%;}

.p13{background:url(../images/bg12.jpg) center center no-repeat;background-size:cover;}
.p13 .ico{left:50%;top:50%;margin:-220px 0 0 40px;}
.p13 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:-190px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p13 .text img{width:100%;height:100%;}
.p13 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p13.active .text{opacity:1;left:50%;}

.p14{background:url(../images/bg13.jpg) center center no-repeat;background-size:cover;}
.p14 .ico{left:50%;top:50%;margin:20px 0 0 30px;}
.p14 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:60px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p14 .text img{width:100%;height:100%;}
.p14 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p14.active .text{opacity:1;left:50%;}

.p15{background:url(../images/bg14.jpg) center center no-repeat;background-size:cover;}
.p15 .ico{left:50%;top:50%;margin:-20px 0 0 -10px;}
.p15 .text{width:230px;height:151px;position:absolute;left:50%;top:50%;margin:-190px 0 0 -115px;top:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p15 .text img{width:100%;height:100%;}
.p15 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p15.active .text{opacity:1;top:50%;}

.p16{background:url(../images/bg15.jpg) center center no-repeat;background-size:cover;}
.p16 .ico{left:50%;top:50%;margin:40px 0 0 -50px;}
.p16 .text{width:281px;height:132px;position:absolute;left:50%;top:50%;margin:80px 0 0 -140px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p16 .text img{width:100%;height:100%;}
.p16 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p16.active .text{opacity:1;left:50%;}

.p17{background:url(../images/bg16.jpg) center center no-repeat;background-size:cover;}
.p17 .a{width:222px;height:27px;position:absolute;left:50%;top:50%;margin:100px 0 0 -150px;left:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p17 .b{width:285px;height:60px;position:absolute;left:50%;top:50%;margin:150px 0 0 -150px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p17.active .a{opacity:1;left:50%;}
.p17.active .b{opacity:1;left:50%;}





.p18{background:url(../images/bg17.jpg) center center no-repeat;background-size:cover;}
.p18 .a{width:250px;height:115px;left:50%;margin-left:-125px;top:40%;margin-top:-150px;position:absolute;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p18 .b{width:135px;height:130px;left:50%;margin-left:-73px;top:50%;margin-top:30px;position:absolute;
	-webkit-transition:all 0.5s ease-out 1.5s;
	transition:all 0.5s ease-out 1.5s;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}
.p18.active .a{opacity:1;top:50%;}
.p18.active .b{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}

.p19{background:url(../images/bg18.jpg) center center no-repeat;background-size:cover;}
.p19 .text{position:absolute;left:60%;top:50%;width:143px;height:150px;margin-top:30px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p19 .text img{width:100%;height:100%;}
.p19 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p19 .ico{left:50%;top:50%;margin:-12px 0 0 -12px;}
.p19.active .text{opacity:1;left:50%;}

.p20{background:url(../images/bg19.jpg) center center no-repeat;background-size:cover;}
.p20 .ico{left:50%;top:50%;margin:-220px 0 0 40px;}
.p20 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:-190px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p20 .text img{width:100%;height:100%;}
.p20 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p20.active .text{opacity:1;left:50%;}

.p21{background:url(../images/bg20.jpg) center center no-repeat;background-size:cover;}
.p21 .ico{left:50%;top:50%;margin:20px 0 0 30px;}
.p21 .text{width:178px;height:151px;position:absolute;left:40%;top:50%;margin:60px 0 0 -130px;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p21 .text img{width:100%;height:100%;}
.p21 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p21.active .text{opacity:1;left:50%;}

.p22{background:url(../images/bg21.jpg) center center no-repeat;background-size:cover;}
.p22 .ico{left:50%;top:50%;margin:-20px 0 0 -10px;}
.p22 .text{width:230px;height:151px;position:absolute;left:50%;top:50%;margin:-190px 0 0 -115px;top:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p22 .text img{width:100%;height:100%;}
.p22 .text a.more{width:55px;height:15px;position:absolute;left:0;bottom:0;}
.p22.active .text{opacity:1;top:50%;}

.p23{background:url(../images/bg22.jpg) center center no-repeat;background-size:cover;}
.p23 .ico{left:50%;top:50%;margin:40px 0 0 -50px;}
.p23 .text{width:281px;height:132px;position:absolute;left:50%;top:50%;margin:80px 0 0 -140px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p23 .text img{width:100%;height:100%;}
.p23 .text a.more{width:55px;height:15px;position:absolute;right:0;bottom:0;}
.p23.active .text{opacity:1;left:50%;}

.p24{background:url(../images/bg23.jpg) center center no-repeat;background-size:cover;}
.p24 .a{width:222px;height:27px;position:absolute;left:50%;top:50%;margin:100px 0 0 -150px;left:40%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p24 .b{width:285px;height:60px;position:absolute;left:50%;top:50%;margin:150px 0 0 -150px;left:60%;opacity:0;
	-webkit-transition:all 1s ease-out 0.5s;
	transition:all 1s ease-out 0.5s;
}
.p24.active .a{opacity:1;left:50%;}
.p24.active .b{opacity:1;left:50%;}