html,body{
			width: 100%;
			height: 100%;
	    
	      	overflow: hidden;
	      	font-family: "微软雅黑";
	      	font: "微软雅黑";
			
}
.hide{display: none;}
.pcenter{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);}

.swiper-container { width: 100%; height: 100%;overflow: hidden;}
.swiper-slide { width: 100%; height: 100%;overflow:auto;}





.logo{width: 4.375rem;position: absolute;left:2%;top:2.72952853598015%;z-index: 99;}
.next{position: absolute;left:0px;right:0px;bottom:0.75rem;margin: 0 auto;z-index: 2;width: 1rem;-webkit-animation:fadeInTop 1s ease 0s infinite alternate;}

.wap{background: #d4d2d3;}
.content{width:18.75rem;height: 30.175rem;min-height: 95%
;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);}

.page1{background: url(../img/b1.jpg) no-repeat top center / 100% 100%;overflow: hidden;}

.page1 .logo1{width: 7.175rem;position: absolute;left:0;top:0.725rem;z-index: 10;}
.page1 .logo2{width: 6.45rem;position: absolute;right:0.525rem;top:1.25rem;z-index: 10;}

.page1 .i1{width: 18.45rem;position: absolute;left:50%;top:27.00911350455675%;margin-left:-9.225rem;margin-top: -5.225rem;opacity: 0;}
.page1 .i2{width: 4.4rem;position: absolute;left:3.15rem;top:48.71582435791218%;margin-top: -0.25rem;opacity: 0;}
.page1 .i3{width: 6.65rem;position: absolute;left:2.9rem;top:64.49875724937862%;margin-top: -4.1625rem;opacity: 0;}
.page1 .i4{width: 5.15rem;position: absolute;left:10.8rem;top:46.72742336371168%;margin-top: -0.375rem;opacity: 0;}
.page1 .i5{width: 9.175rem;position: absolute;left:8.05rem;top:66.36288318144159%;margin-top: -5.425rem;opacity: 0;}
.page1 .p-text1{font-size: 0.6rem;color: #000000;text-align: center;position: absolute;left:0px;top:83.84424192212096%;text-align: center;width: 100%;opacity: 0;}
.page1 .link-btn{width: 8.425rem;height: 1.9rem;font-size: 1rem;text-align: left;line-height: 1.9rem;text-indent: 1rem;color: #ffffff;position: absolute;left:50%;top:90.18227009113505%;margin-top: -1.0875rem;margin-left: -4.3125rem;background-color: #ff5400;box-shadow: 0rem 0.2rem 0.125rem 0rem rgba(10, 6, 5, 0.2);border-radius: 0.25rem;opacity: 0;}
.page1 .link-btn:after{content: "";width: 0.925rem;height: 1.225rem;background: url(../img/icon.png) no-repeat top center;background-size: 100% 100%;position: absolute;left:5.925rem;top:0.375rem;opacity: 0;}

.page1 .xz_btn{width: 1.175rem;position: absolute;right: 0px;top:4.05rem;z-index: 2;}

.page1 #xl_card{width:14.3rem;position: absolute;left:2.9rem;top:66.36288318144159%;margin-top: -5.425rem;opacity: 0;}
.page1 #mycanvas{width:14.3rem;position: absolute;left:2.9rem;top:66.36288318144159%;margin-top: -5.425rem;opacity: 0;}


.page1.ani .i1{-webkit-animation: bounceIn 1s 0s both;}
.page1.ani .i2{-webkit-animation: ani2 1s 0.3s both;}
/*.page1.ani .i3{-webkit-animation: ani3 1s 0.3s both;}*/

.page1.ani .i4{-webkit-animation: ani4 1s 0.3s both;}
.page1.ani .i5{-webkit-animation: ani5 1s 0.5s both;}

.page1.ani #xl_card{-webkit-animation: _opacity 1s 0.5s both;}
.page1.ani #mycanvas{-webkit-animation: _opacity 1s 0.5s both;}

.page1.ani .p-text1{-webkit-animation: ani6 1s 0.8s both;}
.page1.ani .link-btn{-webkit-animation: ani6 1s 0.8s both;}
.page1.ani .link-btn:after{-webkit-animation: ani3 1s ease-in-out 1.5s infinite alternate;}






.page2{background: url(../img/b2.jpg) no-repeat top center / 100% 100%;overflow: hidden;}
.page2 .i1{width: 6.25rem;position: absolute;left:50%;top:6.71085335542668%;margin-left: -3.125rem;margin-top:-1.125rem;opacity: 0;}
.page2 .i2{width: 1.4rem;position: absolute;left:16.7rem;top:8.49212924606462%;margin-top:-0.7125rem;opacity: 0;}


.page2 .box{width: 17.075rem;height: 18.35rem;border-radius: 0.35rem;background: rgba(13,27,50,0.4);position: absolute;left:0.875rem;top:47.26594863297432%;margin-top: -9.2125rem;padding: 0 0.9rem;opacity: 0;}
.page2 .box .i3{width: 16.35rem;position: absolute;left:0.45rem;top:-1.35rem}
.page2 .box .p-text1{font-size: 0.75rem;color: #ffffff;font-weight: bold;margin-top: 0.8rem;}
.page2 .box .p-text2{font-size: 0.75rem;color: #ffffff;text-align: justify;}
.page2 .box .i4{width: 15.275rem;display: block;margin-top: 0.75rem;}

.page2 .list_btn{width: 100%;position: absolute;left:0px;top:84.11681855840928%;margin-top: -1.5625rem;text-align: center;opacity: 0;}
.page2 .list_btn li{display: inline-block;vertical-align: top;text-align: left;margin: 0 0.6rem;}
.page2 .list_btn li p{font-size: 0.55rem;color: #8ccaff;text-align: center;}
.page2 .list_btn li a{width: 7.925rem;height: 1.85rem;font-size: 0.9rem;color: #ffffff;line-height: 1.85rem;box-shadow: 0rem 0.2rem 0.125rem 0rem rgba(10, 6, 5, 0.2);display: block;border-radius: 0.25rem;margin-top: 0.375rem;position: relative;}

.page2 .list_btn li:nth-child(1) a{background: #007feb;text-align: center;}
.page2 .list_btn li:nth-child(2) a{background: #ff5400;text-indent: 1.675rem;}
.page2 .list_btn li:nth-child(2) a:after{content: "";width: 0.875rem;height: 1.15rem;background: url(../img/icon.png) no-repeat top center;background-size: 100% 100%;position: absolute;left:5.7rem;top:0.375rem;opacity: 0;}

.page2.ani .i1{-webkit-animation: ani6 1s 0s both;}
.page2.ani .i2{-webkit-animation: ani7 1s 0s forwards,ani8 1s ease-in-out 1s alternate infinite;-webkit-transform-origin: left bottom;}
.page2.ani .box{-webkit-animation: _opacity 1s ease 0.3s both;}
.page2.ani .list_btn{-webkit-animation: ani6 1s ease 0.6s both;}
.page2.ani .list_btn li:nth-child(2) a:after{-webkit-animation: ani3 1s ease-in-out 1.5s infinite alternate;}





.page3{background: url(../img/b3.jpg) no-repeat top center / 100% 100%;overflow: hidden;}
.page3 .i1{width: 14.175rem;position: absolute;left:50%;top:6.71085335542668%;margin-left: -7.0875rem;margin-top:-1.125rem;opacity: 0;}

.page3 .box{width: 17.275rem;height: 18.625rem;border-radius: 0.35rem;background: rgba(13,27,50,0.4);position: absolute;left:0.875rem;top:47.26594863297432%;margin-top: -9.2125rem;padding: 0 0.9rem;opacity: 0;}
.page3 .box .i2{width: 12.85rem;position: absolute;left:2.15rem;top:-1.35rem}
.page3 .box .p-text1{font-size: 0.75rem;color: #ffffff;font-weight: bold;margin-top: 0.7rem;}
.page3 .box .p-text2{font-size: 0.75rem;color: #ffffff;text-align: justify;}
.page3 .box .i3{width: 100%;display: block;margin-top: 0.35rem;}

.page3 .list_btn{width: 100%;position: absolute;left:0px;top:84.11681855840928%;margin-top: -1.5625rem;text-align: center;opacity: 0;}
.page3 .list_btn li{display: inline-block;vertical-align: top;text-align: left;margin: 0 0.3rem;}
.page3 .list_btn li p{font-size: 0.55rem;color: #8ccaff;text-align: center;}
.page3 .list_btn li a{width: 7.925rem;height: 1.85rem;font-size: 0.9rem;color: #ffffff;line-height: 1.85rem;box-shadow: 0rem 0.2rem 0.125rem 0rem rgba(10, 6, 5, 0.2);display: block;border-radius: 0.25rem;margin: 0.375rem auto 0;position: relative;}

.page3 .list_btn li:nth-child(1) a{background: #007feb;text-align: center;}
.page3 .list_btn li:nth-child(2) a{background: #ff5400;text-indent: 1.675rem;}
.page3 .list_btn li:nth-child(2) a:after{content: "";width: 0.875rem;height: 1.15rem;background: url(../img/icon.png) no-repeat top center;background-size: 100% 100%;position: absolute;left:5.7rem;top:0.375rem;opacity: 0;}

.page3.ani .i1{-webkit-animation: ani6 1s 0s both;}
.page3.ani .box{-webkit-animation: _opacity 1s ease 0.3s both;}
.page3.ani .list_btn{-webkit-animation: ani6 1s ease 0.6s both;}
.page3.ani .list_btn li:nth-child(2) a:after{-webkit-animation: ani3 1s ease-in-out 1.5s infinite alternate;}




.page4{background: url(../img/b4.jpg) no-repeat top center / 100% 100%;overflow: hidden;}


.page4 .box{width: 17.275rem;height: 18.575rem;border-radius: 0.35rem;background: rgba(13,27,50,0.4);position: absolute;left:0.875rem;top:44.20049710024855%;margin-top: -9.2875rem;padding: 0 0.9rem;opacity: 0;}
.page4 .box .i1{width: 10.35rem;position: absolute;left:3.375rem;top:-2.725rem}
.page4 .box .p-text1{font-size: 0.75rem;color: #ffffff;font-weight: bold;margin-top: 0.7rem;}
.page4 .box .p-text2{font-size: 0.75rem;color: #ffffff;text-align: justify;}
.page4 .box .i2{width: 10.575rem;display: block;margin: 0.35rem auto 0;}

.page4 .list_btn{width: 100%;position: absolute;left:0px;top:84.11681855840928%;margin-top: -1.5625rem;text-align: center;opacity: 0;}
.page4 .list_btn li{display: inline-block;vertical-align: top;text-align: left;margin: 0 0.6rem;}
.page4 .list_btn li p{font-size: 0.55rem;color: #8ccaff;text-align: center;}
.page4 .list_btn li a{width: 7.925rem;height: 1.85rem;font-size: 0.9rem;color: #ffffff;line-height: 1.85rem;box-shadow: 0rem 0.2rem 0.125rem 0rem rgba(10, 6, 5, 0.2);display: block;border-radius: 0.25rem;margin-top: 0.375rem;position: relative;}

.page4 .list_btn li:nth-child(1) a{background: #007feb;text-align: center;}
.page4 .list_btn li:nth-child(2) a{background: #ff5400;text-indent: 1.675rem;}
.page4 .list_btn li:nth-child(2) a:after{content: "";width: 0.875rem;height: 1.15rem;background: url(../img/icon.png) no-repeat top center;background-size: 100% 100%;position: absolute;left:5.7rem;top:0.375rem;opacity: 0;}


.page4.ani .box{-webkit-animation: _opacity 1s ease 0s both;}
.page4.ani .list_btn{-webkit-animation: ani6 1s ease 0.3s both;}
.page4.ani .list_btn li:nth-child(2) a:after{-webkit-animation: ani3 1s ease-in-out 1.5s infinite alternate;}



.page5{background: url(../img/b5.jpg) no-repeat top center / 100% 100%;overflow: hidden;}

.page5 .box{width: 17rem;height: 26.475rem;border-radius: 0.35rem;background: rgba(13,27,50,0.4);position: absolute;left:0.875rem;top:51.15990057995029%;margin-top: -13.2375rem;opacity: 0;}
.page5 .box .i1{width: 6.025rem;position: absolute;left:5.25rem;top:-1.2rem}
.page5 .box .p-text1{text-align: center;font-size: 0.75rem;color: #ffffff;font-weight: bold;margin-top: 0.925rem;}
.page5 .box .p-text2{text-align: center;font-size: 0.55rem;color: #ffffff;}
.page5 .box .i2{width: 15.05rem;margin: 0.55rem auto 0;display: block;}
.page5 .box .price_ct{width: 15.05rem;margin: 0.625rem auto 0;}
.page5 .box .price_ct .pri{float: left;font-size: 0.6rem;color: #ff5400;margin-top: 0.3rem;}
.page5 .box .price_ct .pri span{color: #67839b;font-size: 0.5rem;margin-left: 1rem;text-decoration: line-through;}
.page5 .box .price_ct .btn1{width: 4.875rem;float: right;}

.page5 .box .p-text3{text-align: center;font-size: 0.75rem;color: #ffffff;font-weight: bold;margin-top: 1.6rem;}

.page5 .box .i3{width: 15.075rem;margin: 0.55rem auto 0;display: block;}

.page5.ani .box{-webkit-animation: _opacity 1s ease 0s both;}

.next{width: 0.975rem;position: absolute;left:50%;margin-left: -0.4875rem;bottom:0.975rem;-webkit-animation: ani9 1.5s ease-in-out infinite }



.box-content{width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: rgba(0,0,0,0.7);z-index: 99;}
.box-content .box-cont{width: 17.125rem;background: #ffffff;border-radius: 0.35rem;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);padding: 0.85rem 0;}
.box-content .box-cont .p-tt{font-size: 0.75rem;color: #2b2b2b;text-align: center;font-weight: bold;}
.box-content .box-cont .close{width: 1.075rem;height: 1.075rem;position: absolute;right:0.5rem;top:0.5rem;border:1px solid #666666;border-radius: 100%;background: url(../img/close.png) no-repeat center center;background-size: 0.575rem auto;}

.box-content .box-cont .over-cont{width: 15.55rem;margin: 0.75rem auto 0;}
.box-content .box-cont .over-cont .p1{font-size: 0.5rem;color: #666666;text-align: justify;margin-bottom: 0.75rem;}

.box-content .box-cont .over-cont .p2{font-size: 0.6rem;color: #333333;text-align: center;font-weight: bold;margin: 1rem 0;}


.box-content .box-cont2{width: 18.75rem;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);}
.box-content .box-cont2 .close{width: 1.4rem;position: absolute;right:0.5rem;top:-0.5rem;}

.box-content .box-cont2 .p-tt{font-size: 0.9rem;font-weight: bold;color: #ffffff;text-align: center;}
.box-content .box-cont2 .i1{width: 14.475rem;display: block;margin: -0.55rem 0 0 1.7rem;}
.box-content .box-cont2 .i2{width: 15.525rem;display: block;margin: 0.525rem 0 0 1.675rem;}
.box-content .box-cont2 .i3{width: 15.375rem;display: block;margin: 0.625rem 0 0 0.825rem;}
.box-content .box-cont2 .p-text1{font-size: 0.5rem;color: #ffffff;text-align: center;margin-top: 0.65rem;}



.hide{display: none;}


@-webkit-keyframes ani1{
	0%{-webkit-transform: translateY(0%);opacity: 1;}
	100%{-webkit-transform: translateY(100%);opacity: 0;}
}
@-webkit-keyframes ani2{
	0%{-webkit-transform: translate(-10%,-100%);opacity: 0;}
	100%{-webkit-transform: translate(0%,0%);opacity: 1;}
}
@-webkit-keyframes ani3{
	0%{-webkit-transform: translate(20%,40%);opacity: 0;}
	100%{-webkit-transform: translate(0%,0%);opacity: 1;}
}

@-webkit-keyframes ani4{
	0%{-webkit-transform: translate(10%,-100%);opacity: 0;}
	100%{-webkit-transform: translate(0%,0%);opacity: 1;}
}
@-webkit-keyframes ani5{
	0%{-webkit-transform: translate(-20%,40%);opacity: 0;}
	100%{-webkit-transform: translate(0%,0%);opacity: 1;}
}
@-webkit-keyframes ani6{
	0%{-webkit-transform: translateY(100%);opacity: 0;}
	100%{-webkit-transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes ani7{
	0%{-webkit-transform: scale(0);opacity: 0;}
	100%{-webkit-transform: scale(1);opacity: 1;}
}
@-webkit-keyframes ani8{
	0%{-webkit-transform: scale(1);opacity: 1;}
	100%{-webkit-transform: scale(1.2);opacity: 1;}
}

@-webkit-keyframes ani9{
	0%{-webkit-transform: translateY(0%) scale(1);opacity: 1;}
	100%{-webkit-transform: translateY(100%) scale(1.3);opacity: 0;}
}

@-webkit-keyframes _opacity{
	0%{-webkit-transform: translateY(20%);opacity: 0;}
	100%{-webkit-transform: translateY(0%);opacity: 1;}
}


@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(2,2,2); transform: scale3d(2,2,2); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { opacity: 1; -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; }
}