@charset "utf-8";
/* CSS Document */
html, body { height: 100%; overflow: hidden; background: #147ADC;}
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body {
 font-size: .2rem; line-height: 1; word-break: normal; }
.btn { cursor: pointer; }
.btn:active { -webkit-transform: scale(.9); transform: scale(.9); }
.button-box { font-size: 0; text-align: center; }
.button-box .btn { display: inline-block; }
.flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-sub-box { width: 100%; }
.app-container { height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { position: relative; overflow: hidden; }


.list{ display: flex; margin: .5rem auto 0; width: 6.86rem; align-items: center; justify-content: space-between;}
.list .textList{ width: 3.55rem; color: #fff;line-height: 1.5;font-size: .26rem;}
.list .textList .textBold{ font-size: .34rem; font-weight: bold;}
.list .textList .text{ letter-spacing: .01rem;}
.list .tips{ padding-left: .05rem; width: 100%; background: #fff; font-size: .24rem; color: #1585de; line-height: .37rem; letter-spacing: .01rem;}
.list .img{ width: 3.07rem; border: .05rem #fff solid; box-shadow: 0 0 .2rem #5b5b5b;}

.swiper-container{ margin: 0 auto; width: 7.5rem; font-size: .3rem;}
.logoWhite{ top: .35rem; left: .45rem; width: 1.36rem; height: 1.44rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/logo_white.png) no-repeat; background-size: 100% 100%;}
.logoBlue{ top: .35rem; right: .45rem; width: 1.32rem; height: 1.36rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/logo_blue.png) no-repeat; background-size: 100% 100%;}
.botArrow{ bottom: .5rem; left: 50%; margin-left:-.38rem; width: .75rem; height: .43rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/ico_arrow.png) no-repeat; background-size: 100% 100%;}
.swiper-slide{ position: relative; width: 7.5rem; height: 100%; background-repeat: no-repeat; background-size:7.5rem 14.47rem;}
.swiper-slide-1{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_01.jpg);}
.swiper-slide-2,
.swiper-slide-11{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_02.jpg);}
.swiper-slide-3,
.swiper-slide-4,
.swiper-slide-5,
.swiper-slide-7,
.swiper-slide-8,
.swiper-slide-9,
.swiper-slide-10,
.swiper-slide-12,
.swiper-slide-14,
.swiper-slide-18,
.swiper-slide-19{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_03.jpg);}
.swiper-slide-6{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_04.jpg);}
.swiper-slide-13{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_05.jpg);}
.swiper-slide-17{ background-image: url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_06.jpg);}
.swiper-slide-20,
.swiper-slide-21,
.swiper-slide-22,
.swiper-slide-23,
.swiper-slide-24{ background-image:url(//png.pookcdn.net/puic-net/bk_foundation/bg_page_07.jpg);}

.swiper-slide-1 .banner{ margin: 2rem auto 0; width: 5.05rem; height: 5.65rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_01_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-1 .title{ margin: 0 auto; width: 5.88rem; height: .65rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_01_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-1 .titleEn{ margin: 0 auto; width: 5.88rem; height: .27rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_01_titleEn.png) no-repeat; background-size: 100% 100%;}

.swiper-slide-2 .title{ margin: 2.2rem 0 0 .9rem; width: 4.12rem; height: 1.03rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_02_title.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-2 .txtlist{ margin-left: .6rem;}
.swiper-slide-2 .txtlist li,
.swiper-slide-6 .txtlist li,
.swiper-slide-13 .txtlist li{ position: relative; padding-left: .4rem; font-size: .32rem; color: #2c90e0; line-height: 2;}
.swiper-slide-2 .txtlist li::after,
.swiper-slide-6 .txtlist li::after,
.swiper-slide-13 .txtlist li::after{ position: absolute; top: .16rem; left: 0; content: ""; width: .32rem; height: .27rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_arrow.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-2 .pageNum{ top: 6rem; right: 0; width: 4.01rem; height: 5.14rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_num_01.png) no-repeat; background-size: 100% 100%;}

.swiper-slide-3 .logoWhite,
.swiper-slide-4 .logoWhite,
.swiper-slide-5 .logoWhite,
.swiper-slide-7 .logoWhite,
.swiper-slide-8 .logoWhite,
.swiper-slide-9 .logoWhite,
.swiper-slide-10 .logoWhite,
.swiper-slide-12 .logoWhite,
.swiper-slide-14 .logoWhite,
.swiper-slide-15 .logoWhite,
.swiper-slide-16 .logoWhite,
.swiper-slide-18 .logoWhite,
.swiper-slide-19 .logoWhite,
.swiper-slide-20 .logoWhite,
.swiper-slide-21 .logoWhite,
.swiper-slide-22 .logoWhite,
.swiper-slide-23 .logoWhite,
.swiper-slide-24 .logoWhite{ top: 0; left: 6rem; transform: scale(.8);}
.swiper-slide-3 .title,
.swiper-slide-4 .title,
.swiper-slide-5 .title{ margin-top: .7rem; width: 2.41rem; height: .49rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_03_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-3 .banner{ margin-top: .3rem; width: 6.47rem; height: .87rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_03_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-3 .text,
.swiper-slide-4 .text{ margin: .35rem auto .7rem; width: 6.27rem;}
.swiper-slide-3 .text li,
.swiper-slide-4 .text li{ width: 6.27rem; font-size: .32rem; line-height: 2.2; color: #fff; letter-spacing: .01rem; border-bottom: .04rem #fff dotted;}
.swiper-slide-3 .text li{ font-size: .28rem;}
.swiper-slide-3 .img{ display: block; margin: 0 auto; width: 3.72rem;}

.swiper-slide-4 .text li{ font-size: .26rem;}
.swiper-slide-4 .banner01,
.swiper-slide-4 .banner02{ margin-top: .5rem; width: 5.7rem; height: .74rem; background-repeat: no-repeat; background-size: 100% 100%;}
.swiper-slide-4 .banner01{ margin-bottom: .05rem; background-image: url(//png.pookcdn.net/puic-net/bk_foundation/page_04_banner01.png);}
.swiper-slide-4 .banner02{ margin-top: .2rem; background-image: url(//png.pookcdn.net/puic-net/bk_foundation/page_04_banner02.png);}
.swiper-slide-4 .text{ margin-top: 0; margin-bottom: .3rem;}
.swiper-slide-4 .img{ display: block; margin: 0 auto; width:6.2rem; border: .05rem #fff solid;}

.swiper-slide-5 .content{ margin: .3rem auto; width: 7.25rem; height: calc(100% - 2rem); background: #fff; border-radius: .2rem; overflow: hidden;}
.swiper-slide-5 .banner{ margin: .4rem auto .35rem; width: 5.97rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_05_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-5 .img{ display: block; margin: 0 auto; width: 5.79rem;}

.swiper-slide-6 .logoBlue,
.swiper-slide-13 .logoBlue{ left: .5rem;}
.swiper-slide-6 .pageNum{ top: .8rem; right: 0; width: 4.34rem; height: 6.25rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_num_02.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-6 .title{ float: right; margin:7.3rem auto 0; width: 4.2rem; height: 1.01rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_06_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-6 .txtlist{float: right;margin-right: .7rem;}

.swiper-slide-7 .title,
.swiper-slide-8 .title,
.swiper-slide-9 .title,
.swiper-slide-10 .title,
.swiper-slide-18 .title,
.swiper-slide-19 .title,
.swiper-slide-20 .title,
.swiper-slide-21 .title,
.swiper-slide-22 .title,
.swiper-slide-23 .title,
.swiper-slide-24 .title{ margin-top: .77rem; width: 2.8rem; height: .49rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_07_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-7 .banner{ display: block; margin: .5rem auto .2rem; width: 5.96rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_07_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-7 .img{ display: block; margin: 0 auto; width: 6.1rem; border: .05rem #fff solid;}
.swiper-slide-7 .text,
.swiper-slide-8 .text,
.swiper-slide-9 .text,
.swiper-slide-10 .text,
.swiper-slide-15 .text,
.swiper-slide-17 .text,
.swiper-slide-18 .text,
.swiper-slide-19 .text,
.swiper-slide-20 .text,
.swiper-slide-21 .text,
.swiper-slide-24 .text{ margin: .15rem auto 0; width: 6.45rem; color: #fff; font-size: .28rem; line-height: 1.5; text-indent: 2em;}

.swiper-slide-8 .banner{ margin: .55rem auto .4rem; width: 6.21rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_08_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-8 .img{ display: block; margin: 0 auto; width: 6.1rem; border: .05rem #fff solid;}

.swiper-slide-9 .banner{ margin: .5rem auto .2rem; width: 6.64rem; height:.74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_09_banner_v2.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-9 .img{ position: relative; margin: .5rem auto; width: 6.82rem; height: 3.56rem;}
.swiper-slide-9 .img img{ position: absolute; width: 6.82rem; border: .05rem #fff solid; z-index: 2;}
.swiper-slide-9 .img .bg{ width: 100%; height: 100%; background: #fff; transform: rotate(-5deg);}

.swiper-slide-10 .banner{ margin: .5rem auto .2rem; width: 6.62rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_10_banner.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-10 .img01{ display: block; margin: 0 auto .5rem; width: 6.82rem; border: .05rem #fff solid;}
.swiper-slide-10 .img02{ position: absolute; top: 4.5rem; left: .62rem; width: 2.9rem;}

.swiper-slide-11 .title{ float: right; margin-top: 2.8rem; width: 3.56rem; height: 1.81rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_11_title.png) no-repeat; background-size: 100% 100%;margin-bottom: .2rem;}
.swiper-slide-11 .pageNum{ float: right; width: 4.5rem; height: 6.42rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_num_03.png) no-repeat; background-size: 100% 100%;}

.swiper-slide-12 .title{ margin-top: .72rem; width: 3.76rem; height: .49rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_12_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-12 .content{ margin: .7rem auto; width: 7.25rem; padding: 1.22rem .25rem; background: #fff; border-radius: .2rem; overflow: hidden; box-sizing: border-box;}
.swiper-slide-12 .icoList{ display: flex; align-items: center; justify-content:space-around; flex-flow:wrap;}
.swiper-slide-12 .icoList li{ margin-bottom: .3rem; }
.swiper-slide-12 .icoList img{ height: 1.33rem;}
.swiper-slide-12 .icoList .w-s img{ height: 1rem;}
.swiper-slide-12 .tips{ bottom: .2rem; left:0; width: 100%; text-align: center; font-size: .2rem; color: #26428d;}

.swiper-slide-13 .title{ float: right; margin-top: 2.4rem; width: 5.53rem; height: 1.01rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_13_title.png) no-repeat; background-size: 100% 100%;}
.swiper-slide-13 .txtlist{ float: right; margin-right: 2.4rem;}
.swiper-slide-13 .pageNum{ right: 0; top: 5rem; width: 3.22rem; height: 6.08rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_num_04.png) no-repeat; background-size: 100% 100%;}

.swiper-slide-14 .title,
.swiper-slide-15 .title,
.swiper-slide-16 .title{ margin-top: .72rem; margin-bottom: .6rem; width: 3.26rem; height: .49rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_14_title.png) no-repeat; background-size: 100% 100%;}

.swiper-slide-14 .banner{ display: block; margin: 0 auto; width: 6.64rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_15_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-14 .img{ display: block; margin: .2rem auto 0; width: 6.54rem;}


.swiper-slide-15 .banner{ display: block; margin: 0 auto; width: 6.65rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_16_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-15 .img{ display: block; margin: .65rem auto .2rem; width: 6.65rem;}
.swiper-slide-15 .text{ width: 6.65rem;}

.swiper-slide-16 .img{ display: block; margin: 0 auto; width: 6.63rem; border: .05rem #fff solid;}
.swiper-slide-16 .img02,
.swiper-slide-16 .img03{ display:inline-block; margin-top:.13rem; width:3.26rem;}
.swiper-slide-16 .img02{ margin-left:.38rem;}
.swiper-slide-16 .text{ margin-top:.2rem; color: #fff; text-align: center; line-height: 2;}

.swiper-slide-17 .imgTxt{ display: block; margin: 3.2rem auto .1rem; width: 5rem;}
.swiper-slide-17 .list{ width: 5rem;}
.swiper-slide-17 .imgCode{ display: block; margin: .5rem auto; width: 2.39rem;}
.swiper-slide-17 .text{ font-size: .24rem; text-indent: 3em;}

.swiper-slide-18 .banner{ display: block; margin: .5rem auto .75rem; width: 6.64rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_18_banner_v2.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-18 img{ display: block; margin: 0 auto; width: 6.92rem;}

.swiper-slide-19 .banner{ display: block; margin: .5rem auto .2rem; width: 6.65rem; height: .74rem; background: url(//png.pookcdn.net/puic-net/bk_foundation/page_19_banner_v2.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-19 .img{ display: block; margin: .1rem auto 0; width: 6.21rem;}
.swiper-slide-19 .img02{ width: 6.14rem;}
.swiper-slide-19 .text{ margin-top: .05rem; text-indent: 0;}
.swiper-slide-19 .textBold{ margin-top: .25rem; font-size: .34rem;}

.swiper-slide-20 .banner{ display: block; margin: .5rem auto .2rem; width: 6.65rem; height: .74rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_20_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-20 .img{ display: block; margin: .55rem auto 0; width: 6.05rem;}
.swiper-slide-20 .text{ font-size: .27rem;}

.swiper-slide-21 .banner{ display: block; margin: .5rem auto .2rem; width: 6.21rem; height: .74rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_21_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-21 .img{ display: block; margin: .55rem auto 0; width: 6.11rem; border: .03rem #fff solid;}

.swiper-slide-22 .banner{ display: block; margin: .5rem auto .2rem; width: 6.64rem; height: .74rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_22_banner.png) no-repeat; 
background-size: 100% 100%;}

.swiper-slide-23 .banner{ display: block; margin: .5rem auto .2rem; width: 6.64rem; height: .74rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_23_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-23 .list .textList .textBold{ font-size: .3rem;}

.swiper-slide-24 .banner{ display: block; margin: .5rem auto .2rem; width: 6.64rem; height: .74rem; background:url(//png.pookcdn.net/puic-net/bk_foundation/page_24_banner.png) no-repeat; 
background-size: 100% 100%;}
.swiper-slide-24 .text{ margin: .7rem auto .3rem; text-indent: 0;}
.swiper-slide-24 .tagList{ display: flex; margin: .5rem auto 0; width: 6.5rem; flex-wrap: wrap; justify-content: space-between;}
.swiper-slide-24 .tagList li{ margin-bottom: .25rem; padding: .05rem .15rem; color: #fff; font-size: .3rem; font-weight: bold; border: 1px #fff solid; border-radius: .05rem;} 
.swiper-slide-24 .img{ display: block; margin: .15rem auto 0; height: 3.21rem; border: .05rem #fff solid;}

.botArrow{ -webkit-animation: arrow 1s infinite; animation: arrow 1s infinite;}

@-webkit-keyframes arrow{
	0%{ -webkit-transform: translateY(-.3rem);}
	50%{ -webkit-transform: translateY(0);}
	100%{ -webkit-transform: translateY(-.3rem);}
}

@keyframes arrow{
	0%{ transform: translateY(-.3rem);}
	50%{ transform: translateY(0);}
	100%{ transform: translateY(-.3rem);}
}

/* iphone X样式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}

/* iphone XR样式 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
}

/* iphone XS MAX样式 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
}

/* 竖屏样式 */
@media all and (orientation:portrait) {}

/* 横屏样式 */
@media all and (orientation:landscape) {}