@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/theme3/bg1.jpg) no-repeat; background-size:cover;}
.b-txt{ font-size:22px; font-weight:normal; margin-top:24%; text-align:center; color:#fff; line-height:22px; margin-bottom:3%;}
.b-txt2{ font-size:12px; padding:0 3%; color:#fff; margin-bottom:6%;}
.b-txt2 p{ padding:3%; border:2px solid #fff; line-height:18px;}
.b-img{ width:64%;z-index:3; margin:0 auto; display:block;}

.page2{ background:#fff;}
.page2 h3{ text-align:center; font-size:18px; color:#000; margin-top:22%; font-weight:normal; line-height:18px; margin-bottom:3%;}
.page2 .disc{ padding:0 4%;margin-bottom:6%;}
.page2 .disc .disc-bg{ border-radius:150px;background: linear-gradient(to right, #5e67fc 0%,#45c8fa 100%); text-align:center; padding:2% 0; color:#fff;}
.valuecon{ text-align:center; position:relative;}
.v-img1{ width:76%; margin:0 auto; display:block;}
.v-img2{width:56%;display:block; position:absolute; left:50%; top:30%; margin-left:-28%;}
.v-img3{ width:30%; margin:8% auto 8%;  display:block;}
.v-img4{ width:38%; display:inline-block; vertical-align:top; margin:0 4%;}
.v-img5{ width:38%; display:inline-block;vertical-align:top;margin:0 4%;}

.page3{ background:url(../img-animate/theme3/pb7.png) repeat-y; background-size:contain}
.page3 .title{text-align:center; font-size:18px; color:#fff; margin:22% auto 5%; line-height:18px; width:36%; border-bottom:1px solid rgba(255,255,255,0.2);}
.page3 .title .t-line1{ height:1px; width:40%; background:#fff; display:inline-block; margin-bottom:-3px;}
.yscon{ padding:0 4%;}
.yscon dl{ color:#fff; margin-bottom:6%;}
.yscon dl dt{ width:10%; float:left; margin-right:3%;}
.yscon dl dd{ width:86%; float:left;}
.yscon dl dd h3{ float:left; border-radius:150px; padding:2px 10px; border:1px solid #fff; margin-bottom:2%;}
.yscon dl dd p{ clear:both;}


.page4{ background:#fff;}
.page4 .title2{text-align:center; font-size:18px; color:#000; margin:22% auto 5%; line-height:18px; width:36%; border-bottom:1px solid rgba(0,0,0,0.1);}
.page4 .title2 .t-line1{ height:1px; width:40%; background:#ccc; display:inline-block; margin-bottom:-3px;}

.pro-con{ overflow:hidden;}
.pro-left{ width:70%; float:left;}
.pro-left dl{ margin-bottom:5%; padding:0 3%;}
.pro-left dl dt{ width:15%; float:left; margin-right:3%;}
.pro-left dl dd{ width:80%; float:left;}
.pro-left dl dd h3{ font-weight:normal;}
.pro-f1{ color:#ea6151}
.pro-f2{ color:#e61c54}
.pro-f3{ color:#c00a79}
.pro-f4{ color:#7c187e}
.pro-f5{ color:#7c187e}
.pro-f6{ color:#c00a79}
.pro-f7{ color:#e61c54}
.pro-f8{ color:#ea6151}
.pro-right{ width:30%; float:right;}

.page5{ background:url(../img-animate/theme3/bg2.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.page5 .title{text-align:center; font-size:18px; color:#fff; margin:22% auto 5%; line-height:18px; width:36%; border-bottom:1px solid rgba(255,255,255,0.2);}
.page5 .title .t-line1{ height:1px; width:40%; background:#fff; display:inline-block; margin-bottom:-3px;}
.stepcon{ text-align:center;}
.stepcon img{ width:64%;}




.page-foot{ background:#0e0d10}
.foot2{ width:100%; padding-top:24%;}



@media screen and (max-width: 320px) {
.page3 .title{margin:24% auto 4%;}
.yscon dl{margin-bottom:3%;}
.pro-left dl{ margin-bottom:4%; padding:0 3%;}
}