@charset "utf-8";
/* CSS Document */
html, body {
	position: relative;
	height: 100%;

}


.swiper-container {
	width: 100%;
	height: 100%;
	position:relative;
}
.posi{ position:absolute;}

.page1{ background:url(../img-animate/theme2/bg1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.p-img1{ width:70%; left:50%; top:12%; margin-left:-35%;}
.p-img2{ width:100%; left:0; top:52%; z-index:2}
.p-img3{ width:36%; left:50%; top:47%; margin-left:-18%; z-index:1;}

.page2{ background:#fff;}
.p-img4{width:60%; left:50%; top:12%; margin-left:-30%;}
.db-con{ width:100%; top:28%; left:0;}
.db-cell{ overflow:hidden; padding:0 3%; margin-bottom:1px;}
.db-cell dl{ background:#6374fc; width:100%; font-size:0; color:#fff; padding:3% 0; line-height:18px; overflow:hidden;}
.db-cell dl dt{ width:30%; float:left;font-size:16px; text-align:center;}
.db-cell dl dt p{ margin-bottom:5px;}
.db-cell dl dd{ width:70%; float:left;font-size:12px;}

.page3{ background:#f4f4f4}
.p-img5{width:24%; left:50%; top:12%; margin-left:-12%;}
.yx-con{ padding:0 5%;top:21%; left:0;}
.yx-cell{ overflow:hidden;}
/*.yx-cell dl dt{ width:10%; float:left;text-align:center; margin-right:2%;}
.yx-cell dl dd{ width:88%; float:left;vertical-align:top;}
.yx-cell dl dd h3{ font-weight:bold; margin-bottom:5px; font-size:1em;}
.yx-cell dl dd p{ color:#666;font-size:12px}
.yx-cell dl dd h3.yx-t1{ color:#dd2424}*/


.page4{ background:#5466f1}
.p-img6{width:24%; left:50%; top:12%; margin-left:-12%;}
.wechat_cell3{ width:100%; top:22%; left:0;}
.wechat_cell3 ul{ padding:0 3%;}
.wechat_cell3 ul li{ width:25%; float:left; margin-bottom:3%}
.proico{ width:42px; height:42px; margin:0 auto; display:block;background-size:contain; margin-bottom:3px;}
.wechat_cell3 ul li p{ font-size:12px; text-align:center; color:#fff;}
.pi1{ background-image:url(../img-animate/theme2/pico1.png); }
.pi2{ background-image:url(../img-animate/theme2/pico2.png);}
.pi3{ background-image:url(../img-animate/theme2/pico3.png);}
.pi4{ background-image:url(../img-animate/theme2/pico4.png);}
.pi5{ background-image:url(../img-animate/theme2/pico5.png);}
.pi6{ background-image:url(../img-animate/theme2/pico6.png);}
.pi7{ background-image:url(../img-animate/theme2/pico7.png);}
.pi8{ background-image:url(../img-animate/theme2/pico8.png);}
.pi9{ background-image:url(../img-animate/theme2/pico9.png);}
.pi10{ background-image:url(../img-animate/theme2/pico10.png);}
.pi11{ background-image:url(../img-animate/theme2/pico11.png);}
.pi12{ background-image:url(../img-animate/theme2/pico12.png);}
.pi13{ background-image:url(../img-animate/theme2/pico13.png);}
.pi14{ background-image:url(../img-animate/theme2/pico14.png);}
.pi15{ background-image:url(../img-animate/theme2/pico15.png);}
.pi16{ background-image:url(../img-animate/theme2/pico16.png);}
.pi17{ background-image:url(../img-animate/theme2/pico17.png);}
.pi18{ background-image:url(../img-animate/theme2/pico18.png);}
.pi19{ background-image:url(../img-animate/theme2/pico19.png);}
.pi20{ background-image:url(../img-animate/theme2/pico20.png);}
.pi21{ background-image:url(../img-animate/theme2/pico21.png);}
.pi22{ background-image:url(../img-animate/theme2/pico22.png);}
.pi23{ background-image:url(../img-animate/theme2/pico23.png);}
.pi24{ background-image:url(../img-animate/theme2/pico24.png);}


.page5{ background:#fff;}
.p-img7{width:34%; left:50%; top:12%; margin-left:-17%;}
.step-con{width:100%; top:22%; left:0;}
.step-cell{ margin-bottom:1%; z-index:2; position:relative;}
.st-c1{ text-align:right; padding-right:8%;}
.st-c2{text-align:left;padding-left:10%;}
.step-text{ width:60%; display:inline-block;vertical-align:middle;}
.step-text h3{ font-size:14px;}
.step-pic{ width:20%; display:inline-block; vertical-align:middle; margin-left:2%;}
.st-pic2{ width:18%;margin-right:2%;}
.st-pic3{ width:25%;}
.st-pic4{ width:25%;margin-right:2%;}
.step-line{ width:80%; height:1px; background:#c3c3c3; left:50%; z-index:0;}
.sl1{transform:rotate(-18deg); top:21%; margin-left:-40%;}
.sl2{transform:rotate(22deg); top:44%; margin-left:-40%;}
.sl3{transform:rotate(-28deg); top:71%; margin-left:-40%;}
.te1{ color:#5fcef7}
.te2{ color:#ee5151}
.te3{ color:#f9ab24}
.te4{ color:#435eed}


.page6{ background:url(../img-animate/theme2/bg2.jpg) no-repeat; background-size:cover;}
.p-img8{width:40%; left:50%; top:12%; margin-left:-20%;}
.p-img9{ width:28%; top:50%; left:50%; margin-left:-40%;z-index:2}
.p-img10{ width:28%;top:50%;left:50%; margin-left:-12%; z-index:2}
.p-img11{ width:40%;top:63%;left:50%;margin-left:2%; z-index:0}
.p-img12{width:22%; top:24%; left:50%; margin-left:-8%;z-index:3}
.p-img13{width:27%; top:28%; left:50%; margin-left:-40%;z-index:3}
.p-img14{width:28%; top:42%; left:50%; margin-left:15%;z-index:3}

.page7{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	background:#000;
	}
.foot2{ width:100%; padding-top:24%;}



@media screen and (max-width: 320px) {
.wechat_cell3 ul li{margin-bottom:3%}
.proico{ width:36px; height:36px; margin-bottom:3px;}
}