html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,form,input{margin:0;padding:0}
html{-webkit-text-size-adjust:none}
body{font-family:'\5fae\8f6f\96c5\9ed1','Microsoft Yahei','STHeiti SC',SimHei,Helvetica,arial,sans-serif;line-height:1;background-color:#fff}
ul,li{list-style:none}
a{text-decoration:none}
h1,h2,h3,h4,strong{font-weight:700}
img{display:inline-block;border:0}
:focus{outline:0}
html,body{overflow:hidden;width:100%;height:100%}
@media screen and (max-width:1024px){html{font-size:48px}}
@media screen and (min-width:1024px){html{font-size:53.3px}}
@media screen and (min-width:1280px){html{font-size:66.63px}}
@media screen and (min-width:1360px){html{font-size:70.79px}}
@media screen and (min-width:1440px){html{font-size:74.96px}}
@media screen and (min-width:1560px){html{font-size:81.2px}}
@media screen and (min-width:1680px){html{font-size:87.45px}}
@media screen and (min-width:1800px){html{font-size:93px}}
@media screen and (min-width:1920px){html{font-size:100px}}
.logo{display:inline-block;z-index:999;position:absolute;left:.48rem;top:.38rem;width:2.5rem;height:auto}
.links{z-index:999;position:absolute;top:-.1rem;right:1rem}
.links b{position:relative;font-size:.4rem;color:#1f4396;cursor:pointer;line-height:.3rem;display:inline-block;padding:.05rem;}
.links b.active{position: relative;}
.links b.active::after{display: block;position: absolute;content: " ";background-image: url(../imgs/pic2.png);width: 0.45rem;height:0.28rem;bottom: -0.2rem;right: -0.2rem;}
/* .pagefirst{border-bottom:.04rem solid #000;margin-right:.4rem} */
.links span{width:.9rem;height:.04rem;background:#000;position:absolute;bottom:0rem;right:1.22rem}
.pager{z-index:999;position:absolute;top:50%;right:0;margin:-30px 58px 0 0}
.pager li{cursor:pointer;margin:8px 4.5px;width:6px;height:6px;background-color:#e6e6e6;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.pager .active{background-color:#698eff}
.pager .go{cursor:pointer;display:block;width:15px;height:6px;background:url(../images/v9-downicon.png) 50% 50% no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;-moz-animation:loop 1.5s infinite ease-in-out;-webkit-animation:loop 1.5s infinite ease-in-out;animation:loop 1.5s infinite ease-in-out}
.swiper-container{width:100%;height:100%}
.swiper-slide{width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:#fff}
.downpage{width:100%;height:100%;background:url(../images/pageonebg1.jpg) no-repeat;background-size:auto 100%}
.pageone{width:100%;height:100%;background-size:auto 100%}
.phone{
    width:7rem;
    height:7.3rem;
    background:url(../imgs/pic5.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:1rem;
    bottom:0;
    margin:auto;
    left:1.5rem;
    -webkit-animation:phone linear .6s;
    -moz-animation:phone linear .6s;
    animation:phone linear .6s
}
@keyframes phone{0%{top:1.8rem;opacity:0}
100%{top:.4rem;opacity:1}}
@-webkit-keyframes phone{0%{top:1.8rem;opacity:0}
100%{top:.4rem;opacity:1}}
@-moz-keyframes phone{0%{top:1.8rem;opacity:0}
100%{top:.4rem;opacity:1}}
/* .videobg{
    width:78%;
    height:100%;
    background:url(../images/homebg.png) no-repeat;
    background-position:center center;
    background-size:100% auto;
    position:absolute;
    top:1.5%;
    margin-left:11%
} */
.phone video{width:74%;height:auto;margin-top:1.32rem;margin-left:13%}
.phoneicon{width:1.46rem;height:1.46rem;background:url(../images/pageoneicon.png) no-repeat;background-size:100% 100%;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;cursor:pointer}
.leftbg{width:70%;height:100%}

/* .pageonebg1{
    width:6.93rem;
    height:1.96rem;
    background:url(../images/page1bg1.png) no-repeat;
    background-size:auto 100%;position:absolute;
    top:0;left:6.5rem;
    -webkit-animation:pageonebg1 linear .7s;
    -moz-animation:pageonebg1 linear .7s;
    animation:pageonebg1 linear .7s
} */
.pageonebg1{
    width:6.93rem;
    height:1.96rem;
    background:url(../imgs/pic3.png) no-repeat;
    background-size:auto 100%;position:absolute;
    top:-0.2rem;left:6.5rem;
    -webkit-animation:pageonebg1 linear .7s;
    -moz-animation:pageonebg1 linear .7s;
    animation:pageonebg1 linear .7s
}

@keyframes pageonebg1{0%{margin:-1rem 0 0 1rem;opacity:0}
100%{margin:0;opacity:1}}
@-webkit-keyframes pageonebg1{0%{margin:-1rem 0 0 1rem;opacity:0}
100%{margin:0;opacity:1}}
@-moz-keyframes pageonebg1{0%{margin:-1rem 0 0 1rem;opacity:0}
100%{margin:0;opacity:1}}

/* .pageonebg2{width:10.33rem;
    height:6.65rem;
    background:url(../images/page1bg2.png) no-repeat;
    background-size:auto 100%;
    position:absolute;
    top:.7rem;
    left:-.9rem;
    -webkit-animation:pageonebg2 linear .7s;
    -moz-animation:pageonebg2 linear .7s;
    animation:pageonebg2 linear .7s
} */
.pageonebg2{width:2.46rem;
    height:2.46rem;
    background:url(../imgs/pic4.png) no-repeat;
    background-size:auto 100%;
    position:absolute;
    top:3rem;
    left:1.5rem;
    -webkit-animation:pageonebg2 linear .7s;
    -moz-animation:pageonebg2 linear .7s;
    animation:pageonebg2 linear .7s
}
@keyframes pageonebg2{0%{margin:-.5rem 0 0 -1rem;opacity:0}
100%{margin:0;opacity:1}}
@-webkit-keyframes pageonebg2{0%{margin:-.5rem 0 0 -1rem;opacity:0}
100%{margin:0;opacity:1}}
@-moz-keyframes pageonebg2{0%{margin:-.5rem 0 0 -1rem;opacity:0}
100%{margin:0;opacity:1}}
.pageonebg3{width:2.95rem;height:3.94rem;background:url(../images/page1bg3.png) no-repeat;background-size:auto 100%;position:absolute;top:6.5rem;left:-1rem;-webkit-animation:pageonebg3 linear .7s;-moz-animation:pageonebg3 linear .7s;animation:pageonebg3 linear .7s}
@keyframes pageonebg3{0%{margin:-.5rem 0 0 -1rem;opacity:0}
25%{margin:0;opacity:1}
75%{margin:-.25rem 0 0 -.5rem}
100%{margin:0;opacity:1}}
@-webkit-keyframes pageonebg3{0%{margin:-.5rem 0 0 -1rem;opacity:0}
25%{margin:0;opacity:1}
75%{margin:-.25rem 0 0 -.5rem}
100%{margin:0;opacity:1}}
@-moz-keyframes pageonebg3{0%{margin:-.5rem 0 0 -1rem;opacity:0}
25%{margin:0;opacity:1}
75%{margin:-.25rem 0 0 -.5rem}
100%{margin:0;opacity:1}}
.pageonebg4{width:8.86rem;height:4.39rem;background:url(../images/page1bg4.png) no-repeat;background-size:auto 100%;position:absolute;bottom:0;left:.7rem;-webkit-animation:pageonebg4 linear .7s;-moz-animation:pageonebg4 linear .7s;animation:pageonebg4 linear .7s}
@keyframes pageonebg4{0%{margin:0 0 -1rem -1rem;opacity:0}
100%{margin:0;opacity:1}}
@-webkit-keyframes pageonebg4{0%{margin:0 0 -1rem -1rem;opacity:0}
100%{margin:0;opacity:1}}
@-moz-keyframes pageonebg4{0%{margin:0 0 -1rem -1rem;opacity:0}
100%{margin:0;opacity:1}}
.pageonecontent{position:absolute;left:53.1%;width:6.5rem;height:5.5rem;bottom:0;top:0;margin:auto}
.pageonetitle{font-size:.68rem;color:#000;text-align:left;font-family:PingFang HK}
.pageonecont{font-size:.34rem;margin-top:.42rem}
.pageonecode{font-size:.23rem;margin-top:.54rem}
.codeimg{width:1.9rem;height:1.9rem;margin-top:2.6rem}
.btns{margin-top:.5rem}
.downbtn{position: relative;width:2.7rem;height:.8rem;font-size:.24rem;color:#fff;background:#104097;float:left;margin-right:.3rem;text-align:center;line-height:.8rem;cursor:pointer}
.rightText{position:absolute;-webkit-animation:rightText linear .7s;-moz-animation:rightText linear .7s;animation:rightText linear .7s}
@keyframes rightText{0%{padding-top:.4rem;opacity:0}
10%{padding-top:.4rem;opacity:0}
100%{padding-top:0;opacity:1}}
@-webkit-keyframes rightText{0%{padding-top:.4rem;opacity:0}
10%{padding-top:.4rem;opacity:0}
100%{padding-top:0;opacity:1}}
@-moz-keyframes rightText{0%{padding-top:.4rem;opacity:0}
10%{padding-top:.4rem;opacity:0}
100%{padding-top:0;opacity:1}}
.content{width:45%;height:2.6rem;position:absolute;margin:auto;top:0;bottom:0;right:0rem;-webkit-animation:rightText linear .8s;-moz-animation:rightText linear .8s;animation:rightText linear .8s}
@keyframes content{0%{padding-top:1rem;opacity:0}
10%{padding-top:1rem}
100%{padding-top:0;opacity:1}}
@-webkit-keyframes content{0%{padding-top:1rem;opacity:0}
10%{padding-top:1rem}
100%{padding-top:0;opacity:1}}
@-moz-keyframes content{0%{padding-top:1rem;opacity:0}
10%{padding-top:1rem}
100%{padding-top:0;opacity:1}}
.conttop{font-size:.45rem;color:#000;letter-spacing:.3rem}
.pagetwo .conttop{letter-spacing:.72rem}
.conttitle{font-size:0.6rem;font-family:PingFang SC;font-weight:bold;color:#104097;line-height:1.45rem;letter-spacing:.1rem}
.pageadd .conttitle{letter-spacing:.1rem}
.contcont{font-size:.27rem;line-height:.42rem;color:#666;letter-spacing:.32rem;}
.pagetwoleft{width:8.98rem;height:6.32rem;background:url(../images/page2bg.png) no-repeat;background-size:contain;position:absolute;top:50%;bottom:0;left:2.2rem;margin-top:-3.16rem;-webkit-animation:pagetwoleft linear .8s;-mo-animation:pagetwoleft linear .8s;animation:pagetwoleft linear .8s}
@keyframes pagetwoleft{0%{margin-top:-2.5rem;opacity:0}
100%{margin-top:-3.16rem;opacity:1}}
@-webkit-keyframes pagetwoleft{0%{margin-top:-2.5rem;opacity:0}
100%{margin-top:-3.16rem;opacity:1}}
@-mo-keyframes pagetwoleft{0%{margin-top:-2.5rem;opacity:0}
100%{margin-top:-3.16rem;opacity:1}}
.pagetwosearch{width:5.44rem;height:1.3rem;background:url(../images/page2search.png) no-repeat;background-size:100%;position:absolute;left:.51rem;top:2.77rem;-webkit-animation:pagetwo_search linear 2s .05s;-mo-animation:pagetwo_search linear 2s .05s;animation:pagetwo_search linear 2s .05s}
@keyframes pagetwo_search{0%{margin-top:0}
50%{margin-top:-.3rem}
100%{margin-top:0}}
@-webkit-keyframes pagetwo_search{0%{margin-top:0}
50%{margin-top:-.3rem}
100%{margin-top:0}}
@-mo-keyframes pagetwo_search{0%{margin-top:0}
50%{margin-top:-.3rem}
100%{margin-top:0}}
.pagetwost{font-size:.2rem;color:#666;margin:4rem 0 2.48rem 2.5rem}
.pagetwoicon1{width:.85rem;height:.85rem;background:url(../images/page2icon1.png) no-repeat;background-size:100% 100%;position:absolute;top:4.14rem;left:-.1rem;-webkit-animation:pagetwoicon3 linear 3.5s .4s;-mo-animation:pagetwoicon3 linear 3.5s .4s;animation:pagetwoicon3 linear 3.5s .4s}
.pagetwoicon2{width:1.65rem;height:1.65rem;background:url(../images/page2icon2.png) no-repeat;background-size:100% 100%;position:absolute;top:5rem;left:2.4rem;-webkit-animation:pagetwoicon2 linear 4s .5s;-mo-animation:pagetwoicon2 linear 4s .5s;animation:pagetwoicon2 linear 4s .5s}
.pagetwoicon3{width:1.6rem;height:1.6rem;background:url(../images/page2icon3.png) no-repeat;background-size:100% 100%;position:absolute;top:2.1rem;left:4.75rem;-webkit-animation:pagetwoicon3 linear 4s .5s;-mo-animation:pagetwoicon3 linear 4s .5s;animation:pagetwoicon3 linear 4s .5s}
@keyframes pagetwoicon2{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
@-webkit-keyframes pagetwoicon2{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
@-mo-keyframes pagetwoicon2{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
@keyframes pagetwoicon3{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
@-webkit-keyframes pagetwoicon3{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
@-mo-keyframes pagetwoicon3{0%{margin-top:0}
25%{margin-top:-.25rem}
50%{margin-top:0}
75%{margin-top:-.25rem}
100%{margin-top:0}}
.pagetwo_line{width:3.55rem;height:.3rem;background:url(../images/page2line.png) no-repeat;background-size:100% 100%;position:absolute;top:4.4rem;left:1.45rem;background-position:center;animation:line .7s linear infinite;-mo-animation:line .7s linear infinite;-webkit-animation:line .7s linear infinite;animation-timing-function:ease-out;-mo-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}
@keyframes line{0%{margin-top:0}
50%{transform:rotateX(-360deg)}
100%{margin-top:0}}
@-webkit-keyframes line{0%{margin-top:0}
50%{transform:rotateX(-360deg)}
100%{margin-top:0}}
@-mo-keyframes line{0%{margin-top:0}
50%{transform:rotateX(-360deg)}
100%{margin-top:0}}
.pagethreebg{width:6.4rem;height:100%;background:url(../images/pagethreebg1.png) no-repeat;background-size:100% auto;position:absolute;right:3.1rem;top:0}
/* .pagethreeleft{position:absolute;left:2.6rem;top:0;bottom:0;margin:auto;width:5.8rem;height:7rem} */
.pagethreeleft{position:absolute;left:0.48rem;top:0;bottom:0;margin:auto;width:8.8rem;height:7rem}
/* .pagethreebg1{
    height:100%;
    background:url(../images/page3contbg.png) no-repeat;
    background-size:100% auto;
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    -webkit-animation:pagethreebg1 linear .7s;
    -mo-animation:pagethreebg1 linear .7s;
    animation:pagethreebg1 linear .7s
} */
.pagethreebg1{
    height:100%;
    background:url(../imgs/pic9.png) no-repeat;
    background-size:100% auto;
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    -webkit-animation:pagethreebg1 linear .7s;
    -mo-animation:pagethreebg1 linear .7s;
    animation:pagethreebg1 linear .7s
}
.pagethreebg2{
    width:80%;
    height:80%;
    background:url(../imgs/pic20.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:0.5rem;
    left: 2rem;
    -webkit-animation:pagetwoicon2 linear 4s;
    -mo-animation:pagetwoicon2 linear 4s;
    animation:pagetwoicon2 linear 4s;
    z-index: 1;
}
.pagethreebg3{
    width:12rem;
    height:100%;
    background:url(../imgs/pic24.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:-1rem;
    right:-3rem;
    -webkit-animation:pagethreebg3 linear .7s;
    -mo-animation:pagethreebg3 linear .7s;
    animation:pagethreebg3 linear .7s
}
/* .pagethreeicon1{
    width:2.6rem;
    height:1rem;
    background:url(../images/page3icon1.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:.85rem;
    left:.05rem;
    -webkit-animation:pagethreeicon1 linear 5s;
    -mo-animation:pagethreeicon1 linear 5s;
    animation:pagethreeicon1 linear 5s;
} */
.pagethreeicon1{
    width:3.5rem;
    height:1.48rem;
    background:url(../imgs/pic7.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:2.1rem;
    left:.8rem;
    -webkit-animation:pagethreeicon1 linear 5s;
    -mo-animation:pagethreeicon1 linear 5s;
    animation:pagethreeicon1 linear 5s;
    z-index: 2;
}
/* .pagethreeicon2{
    width:2.1rem;
    height:.9rem;
    background:url(../images/page3icon2.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:.2rem;
    right:.23rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
} */
.pagethreeicon2{
    width:3rem;
    height:2.8rem;
    background:url(../imgs/pic8.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:3.8rem;
    right:1.8rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
    z-index: 2;
}
.pagethreeicon3{
    width:9rem;
    height:4rem;
    background:url(../imgs/pic21.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:0.5rem;
    right:-0.5rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
}
.pagethreeicon4{
    width:0.9rem;
    height:0.9rem;
    background:url(../imgs/pic22.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:0.7rem;
    right:0rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
}
.pagethreeicon5{
    width:9rem;
    height:5rem;
    background:url(../imgs/pic23.png) no-repeat;
    background-size:contain;
    position:absolute;
    bottom:-1.5rem;
    right:-0.5rem;
    -webkit-animation:pagethreeicon1 linear 5s;
    -mo-animation:pagethreeicon1 linear 5s;
    animation:pagethreeicon1 linear 5s;
    z-index: 3;
}
.pagethreeicon6{
    width:3.5rem;
    height:8rem;
    background:url(../imgs/pic38.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:2.1rem;
    left:3.3rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
    z-index: 2;
}
.pagethreeicon7{
    width:3.5rem;
    height:8rem;
    background:url(../imgs/pic25.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:0.5rem;
    right:-0.2rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
    z-index: 2;
}
.pagethreeicon8{
    width:4.5rem;
    height:8rem;
    background:url(../imgs/pic26.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:0.5rem;
    right:1rem;
    -webkit-animation:pagethreeicon2 linear 5s;
    -mo-animation:pagethreeicon2 linear 5s;
    animation:pagethreeicon2 linear 5s;
    z-index: 2;
}
.pagethreeicon8{
    width:3.5rem;
    height:4rem;
    background:url(../imgs/pic27.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:2.5rem;
    left:1.2rem;
    -webkit-animation:pagethreeicon1 linear 5s;
    -mo-animation:pagethreeicon1 linear 5s;
    animation:pagethreeicon1 linear 5s;
    z-index: 2;
}
@keyframes pagethreeicon1{0%{margin-left:0;opacity:0}
15%{margin-left:-.4rem;opacity:1}
35%{margin-left:0}
50%{margin-left:-.3rem}
65%{margin-left:0}
85%{margin-left:-.2rem}
100%{margin-left:0;opacity:1}}
@-mo-keyframes pagethreeicon1{0%{margin-left:0;opacity:0}
15%{margin-left:-.4rem;opacity:1}
35%{margin-left:0}
50%{margin-left:-.3rem}
65%{margin-left:0}
85%{margin-left:-.2rem}
100%{margin-left:0;opacity:1}}
@-webkit-keyframes pagethreeicon1{0%{margin-left:0;opacity:0}
15%{margin-left:-.4rem;opacity:1}
35%{margin-left:0}
50%{margin-left:-.3rem}
65%{margin-left:0}
85%{margin-left:-.2rem}
100%{margin-left:0;opacity:1}}
@keyframes pagethreeicon2{0%{margin-right:0;opacity:0}
15%{margin-right:-.3rem;opacity:1}
35%{margin-right:0}
50%{margin-right:-.2rem}
65%{margin-right:0}
85%{margin-right:-.1rem}
100%{margin-right:0;opacity:1}}
@-mo-keyframes pagethreeicon2{0%{margin-right:0;opacity:0}
15%{margin-right:-.3rem;opacity:1}
35%{margin-right:0}
50%{margin-right:-.2rem}
65%{margin-right:0}
85%{margin-right:-.1rem}
100%{margin-right:0;opacity:1}}
@-webkit-keyframes pagethreeicon2{0%{margin-right:0;opacity:0}
15%{margin-right:-.3rem;opacity:1}
35%{margin-right:0}
50%{margin-right:-.2rem}
65%{margin-right:0}
85%{margin-right:-.1rem}
100%{margin-right:0;opacity:1}}
@keyframes pagethreebg2{0%{margin-top:0;opacity:0}
20%{margin-top:-.3rem;opacity:1}
35%{margin-top:0}
50%{margin-top:-.2.5rem}
65%{margin-top:0}
85%{margin-top:-.2rem}
100%{margin-top:0;opacity:1}}
@-mo-keyframes pagethreebg2{0%{margin-top:0;opacity:0}
20%{margin-top:-.3rem;opacity:1}
35%{margin-top:0}
50%{margin-top:-.2.5rem}
65%{margin-top:0}
85%{margin-top:-.2rem}
100%{margin-top:0;opacity:1}}
@-webkit-keyframes pagethreebg2{0%{margin-top:0;opacity:0}
20%{margin-top:-.3rem;opacity:1}
35%{margin-top:0}
50%{margin-top:-.2.5rem}
65%{margin-top:0}
85%{margin-top:-.2rem}
100%{margin-top:0;opacity:1}}
@keyframes pagethreebg3{0%{margin-top:1.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-mo-keyframes pagethreebg3{0%{margin-top:1.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-webkit-keyframes pagethreebg3{0%{margin-top:-1.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@keyframes pagethreebg1{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-mo-keyframes pagethreebg1{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-webkit-keyframes pagethreebg1{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
.pageaddleft{width:4.7rem;height:6.5rem;position:absolute;top:0;bottom:0;left:3.2rem;margin:auto}
/* .pageaddbg1{
    width:4.7rem;
    height:6.7rem;
    background:url(../images/pageaddbg1.png) no-repeat;
    background-size:contain;
    position:absolute;
    -webkit-animation:pagethreebg1 linear .7s;
    -mo-animation:pagethreebg1 linear .7s;
    animation:pagethreebg1 linear .7s
} */
.pageaddbg1{
    width:4.7rem;
    height:6.7rem;
    background:url(../imgs/pic11.png) no-repeat;
    background-size:contain;
    position:absolute;
    -webkit-animation:pagethreebg1 linear .7s;
    -mo-animation:pagethreebg1 linear .7s;
    animation:pagethreebg1 linear .7s
}
.pageaddbg2{
    width:3.3rem;
    height:5.5rem;
    background:url(../imgs/2.png) no-repeat;
    background-size:contain;
    position:absolute;
    right:-0.2rem;
    bottom:-1.95rem;
    -webkit-animation:pagetwoicon2 linear 3s .2s;
    -mo-animation:pagetwoicon2 linear 3s .2s;
    animation:pagetwoicon2 linear 3s .2s;
    z-index: 2;
}
.pageaddbg3{
    width:5rem;
    height:4rem;
    background:url(../imgs/3.png) no-repeat;
    background-size:contain;
    position:absolute;
    left:-1.8rem;
    top:1.2rem;
    -webkit-animation:pagetwoicon3 linear 4s .2s;
    -mo-animation:pagetwoicon3 linear 4s .2s;
    animation:pagetwoicon3 linear 4s .2s;
    z-index: 3;
}
.pageaddbg4{
    width:5rem;
    height:4rem;
    background:url(../imgs/ip.png) no-repeat;
    background-size:contain;
    position:absolute;
    left:-1.8rem;
    top:4rem;
    -webkit-animation:pagefivebookupdown linear 2s .3s infinite;-mo-animation:pagefivebookupdown linear 2s .3s infinite;animation:pagefivebookupdown linear 2s .3s infinite;
    z-index: 3;
}
.pageaddbg5{
    width:8rem;
    height:7.4rem;
    background:url(../imgs/pic32.png) no-repeat;
    background-size:contain;
    position:absolute;
    left:-1.8rem;
    top:0rem;
    -webkit-animation:pagefivebookupdown linear 2s .3s infinite;-mo-animation:pagefivebookupdown linear 2s .3s infinite;animation:pagefivebookupdown linear 2s .3s infinite;
    z-index: 3;
}
.pageaddbg6{
    width:3rem;
    height:2.5rem;
    background:url(../imgs/pic29.png) no-repeat;
    background-size:contain;
    position:absolute;
    right:-0.8rem;
    top:3.5rem;
    -webkit-animation:pagetwoicon3 linear 4s .2s;
    -mo-animation:pagetwoicon3 linear 4s .2s;
    animation:pagetwoicon3 linear 4s .2s;
    z-index: 4;
}
.pageaddbg7{
    width:1.5rem;
    height:0.62rem;
    background:url(../imgs/pic31.png) no-repeat;
    background-size:contain;
    position:absolute;
    right:-1.3rem;
    top:0rem;
    -webkit-animation:pagetwoicon3 linear 4s .2s;
    -mo-animation:pagetwoicon3 linear 4s .2s;
    animation:pagetwoicon3 linear 4s .2s;
    z-index: 5;
}
.pageaddbg8{
    width:2.5rem;
    height:3.62rem;
    background:url(../imgs/pic30.png) no-repeat;
    background-size:contain;
    position:absolute;
    left: -0.5rem;
    top:3.2rem;
    -webkit-animation:pagetwoicon3 linear 4s .2s;
    -mo-animation:pagetwoicon3 linear 4s .2s;
    animation:pagetwoicon3 linear 4s .2s;
    z-index: 5;
}
.book
.books{width:30%;height:100%;position:relative}
.books img{position:absolute}
.pagefourbook0{width:4rem;bottom:7.37rem;left:-2.5rem;-webkit-animation:pagefourbook0 linear 1.5s;-mo-animation:pagefourbook0 linear 1.5s;animation:pagefourbook0 linear 1.5s}
.pagefourbook1{width:4rem;bottom:5.05rem;left:-1.45rem}
.pagefourbook2{width:4rem;bottom:5.76rem;left:.5rem;-webkit-animation:pagefourbook2 linear 2s;-moz-animation:pagefourbook2 linear 2s;animation:pagefourbook2 linear 2s}
.pagefourbook3{width:3.8rem;bottom:6.6rem;left:2.6rem;-webkit-animation:pagefourbook3 linear 1.5s;-moz-animation:pagefourbook3 linear 1.5s;animation:pagefourbook3 linear 1.5s}
.pagefourbook4{width:4rem;bottom:6.35rem;left:5.2rem;-webkit-animation:pagefourbook4 linear 1.5s;-moz-animation:pagefourbook4 linear 1.5s;animation:pagefourbook4 linear 1.5s}
.pagefourbook5{width:3.9rem;bottom:4.8rem;left:4.65rem;-webkit-animation:pagefourbook5 linear .8s;-moz-animation:pagefourbook5 linear .8s;animation:pagefourbook5 linear .8s}
.pagefourbook6{width:4rem;bottom:3.96rem;left:2.68rem;-webkit-animation:fadeIn linear 2s;-moz-animation:fadeIn linear 2s;animation:fadeIn linear 2s}
.pagefourbook7{width:4rem;bottom:3.25rem;left:.68rem;-webkit-animation:pagefourbook7 linear 1.5s;-moz-animation:pagefourbook7 linear 1.5s;animation:pagefourbook7 linear 1.5s}
.pagefourbook8{width:2.7rem;bottom:2.45rem;left:0;-webkit-animation:pagefourbook8 linear 1.5s;-moz-animation:pagefourbook8 linear 1.5s;animation:pagefourbook8 linear 1.5s}
.pagefourbook9{width:1.81rem;bottom:.68rem;left:0;-webkit-animation:pagefourbook9 linear 1.5s;-moz-animation:pagefourbook9 linear 1.5s;animation:pagefourbook9 linear 1.5s}
.pagefourbook10{width:4.1rem;bottom:.58rem;left:.78rem}
.pagefourbook11{width:3.9rem;bottom:1.54rem;left:2.85rem}
.pagefourbook12{width:4rem;bottom:2.19rem;left:4.8rem;-webkit-animation:pagefourbook5 linear 1s;-moz-animation:pagefourbook5 linear 1s;animation:pagefourbook5 linear 1s}
.pagefourbook13{width:4.45em;bottom:-.53rem;left:4.6rem;-webkit-animation:pagefourbook5 linear 1s;-moz-animation:pagefourbook5 linear 1s;animation:pagefourbook5 linear 1s}
@keyframes pagefourbook0{0%{margin:0}
50%{margin:0 0 .35rem -.35rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook0{0%{margin:0}
50%{margin:0 0 .35rem -.35rem}
100%{margin:0}}
@-moz-keyframes pagefourbook0{0%{margin:0}
50%{margin:0 0 .35rem -.35rem}
100%{margin:0}}
@keyframes pagefourbook2{0%{margin:0}
25%{margin:0 0 .1rem -.1rem}
50%{margin:0}
75%{margin:0 0 .1rem -.1rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook2{0%{margin:0}
25%{margin:0 0 .1rem -.1rem}
50%{margin:0}
75%{margin:0 0 .1rem -.1rem}
100%{margin:0}}
@-moz-keyframes pagefourbook2{0%{margin:0}
25%{margin:0 0 .1rem -.1rem}
50%{margin:0}
75%{margin:0 0 .1rem -.1rem}
100%{margin:0}}
@keyframes pagefourbook3{0%{margin:0}
50%{margin:0 0 .12rem .12rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook3{0%{margin:0}
50%{margin:0 0 .12rem .12rem}
100%{margin:0}}
@-moz-keyframes pagefourbook3{0%{margin:0}
50%{margin:0 0 .12rem .12rem}
100%{margin:0}}
@keyframes pagefourbook4{0%{margin:0}
50%{margin:0 0 .4rem .4rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook4{0%{margin:0}
50%{margin:0 0 .4rem .4rem}
100%{margin:0}}
@-moz-keyframes pagefourbook4{0%{margin:0}
50%{margin:0 0 .4rem .4rem}
100%{margin:0}}
@keyframes pagefourbook5{0%{margin:0}
50%{margin:0 0 -.4rem .4rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook5{0%{margin:0}
50%{margin:0 0 -.4rem .4rem}
100%{margin:0}}
@-moz-keyframes pagefourbook5{0%{margin:0}
50%{margin:0 0 -.4rem .4rem}
100%{margin:0}}
@keyframes pagefourbook7{0%{margin:0}
50%{margin:0 0 .12rem -.12rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook7{0%{margin:0}
50%{margin:0 0 .12rem -.12rem}
100%{margin:0}}
@-moz-keyframes pagefourbook7{0%{margin:0}
50%{margin:0 0 .12rem -.12rem}
100%{margin:0}}
@keyframes pagefourbook8{0%{margin:0}
50%{margin-left:-.12rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook8{0%{margin:0}
50%{margin-left:-.12rem}
100%{margin:0}}
@-moz-keyframes pagefourbook8{0%{margin:0}
50%{margin-left:-.12rem}
100%{margin:0}}
@keyframes pagefourbook9{0%{margin:0}
50%{margin:0 0 -.4rem -.4rem}
100%{margin:0}}
@-webkit-keyframes pagefourbook9{0%{margin:0}
50%{margin:0 0 -.4rem -.4rem}
100%{margin:0}}
@-moz-keyframes pagefourbook9{0%{margin:0}
50%{margin:0 0 -.4rem -.4rem}
100%{margin:0}}
.star{width:7.8rem;height:7rem;background-size:100% auto;position:absolute;left:1.7rem;bottom:0;top:0;margin:auto}
.pagefivebgleft{width:6.76rem;height:11rem;position:absolute;top:0;bottom:0;margin:auto;left:-1rem;background:url(../images/pagefiveleft.png) no-repeat;background-size:100% auto;-webkit-animation:fadeIn linear 1s .1s;-moz-animation:fadeIn linear 1s .1s;animation:fadeIn linear 1s .1s}
.pagefivebgright{width:6.7rem;height:6.3rem;position:absolute;top:-1.5rem;left:4.6rem;bottom:0;margin:auto;opacity:0;background:url(../images/pagefivebgright.png) no-repeat;background-size:100% auto;-webkit-animation:fadeIn linear .5s .5s;-moz-animation:fadeIn linear .5s .5s;animation:fadeIn linear .5s .5s;-webkit-animation-fill-mode:forwards;-mo-animation-fill-mode:forwards;animation-fill-mode:forwards}
.peopele{position:absolute;left:0;right:0;margin:0 auto;width:100%;height:auto;opacity:0}
.pagefivejt{top:2.2rem;-webkit-animation:pagefive linear .5s .1s;-mo-animation:pagefive linear .5s .1s;animation:pagefive linear .5s .1s;-webkit-animation-fill-mode:forwards;-mo-animation-fill-mode:forwards;animation-fill-mode:forwards}
.pagefivenv2{top:2.83rem;-webkit-animation:pagefive linear .5s .3s;-mo-animation:pagefive linear .5s .3s;animation:pagefive linear .5s .3s;-webkit-animation-fill-mode:forwards;-mo-animation-fill-mode:forwards;animation-fill-mode:forwards}
.pagefivenan2{top:.95rem;-webkit-animation:pagefive linear .5s .4s;-mo-animation:pagefive linear .5s .4s;animation:pagefive linear .5s .4s;-webkit-animation-fill-mode:forwards;-mo-animation-fill-mode:forwards;animation-fill-mode:forwards}
.pagefivelt{
    top:0;
    -webkit-animation:pagefive linear .5s .5s;
    -mo-animation:pagefive linear .5s .5s;
    animation:pagefive linear .5s .5s;
    -webkit-animation-fill-mode:forwards;
    -mo-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
.pagefivred{width:100%;top:4.7rem}
.pagefiveperple{top:3.24rem;-webkit-animation:pagefive linear .5s .5s;-mo-animation:pagefive linear .5s .5s;animation:pagefive linear .5s .5s;-webkit-animation-fill-mode:forwards;-mo-animation-fill-mode:forwards;animation-fill-mode:forwards}
.pagefiveicon{width:100%;height:100%;position:relative}
.pagefiveicon1{width:1.65rem;height:auto;position:absolute;top:-.8rem;right:1.15rem;-webkit-animation:pagefivebookupdown linear 2s .5s infinite;-mo-animation:pagefivebookupdown linear 2s .5s infinite;animation:pagefivebookupdown linear 2s .5s infinite}
.pagefiveicon2{width:1.58rem;height:auto;position:absolute;top:1.2rem;left:.35rem;-webkit-animation:pagefivebookupdown linear 2s infinite;-mo-animation:pagefivebookupdown linear 2s infinite;animation:pagefivebookupdown linear 2s infinite}
.pagefiveicon3{width:1.8rem;height:auto;position:absolute;top:5.95rem;left:1.85rem;-webkit-animation:pagefivebookupdown linear 2s .3s infinite;-mo-animation:pagefivebookupdown linear 2s .3s infinite;animation:pagefivebookupdown linear 2s .3s infinite}
@keyframes pagefivebookupdown{0%{margin-top:0}
50%{margin-top:.2rem}
100%{margin-top:0}}
@-webkit-keyframes pagefivebookupdown{0%{margin-top:0}
50%{margin-top:.2rem}
100%{margin-top:0}}
@-mo-keyframes pagefivebookupdown{0%{margin-top:0}
50%{margin-top:.2rem}
100%{margin-top:0}}
@keyframes pagefive{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-webkit-keyframes pagefive{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
@-mo-keyframes pagefive{0%{margin-top:.5rem;opacity:0}
100%{margin-top:0;opacity:1}}
.pagesix{width:100%;height:100%;background:url(../images/pageonebg1.jpg) no-repeat;background-size:auto 100%}
.centercont{width:100%;height:6rem;background:#fff;opacity:.9;position:absolute;top:0;bottom:0;margin:auto;z-index:99999}
.codeboxes{width:6rem;height:100%;margin:0 auto;display: flex;align-items: center;justify-content: center;}
.codeboxes dl{float:left;width:4.9rem;margin-right:1.8rem}
.codeboxes h4{font-size:.28rem;text-align:center;margin-top:1.4rem}
.codeboxes dd a{display:block;color:#000;font-size:.2rem;width:1.46rem;height:.4rem;border:1px solid #000;border-radius:.4rem;margin:0 auto;text-align:center;line-height:.4rem;margin-top:.35rem}
.codeboxes .maincont{margin-right:0}
.pagesixcode{width:1.9rem;height:1.9rem;display: block;margin: 0 auto;margin-top:.18rem;}
@-moz-keyframes fadeIn{0%{opacity:0}
20%{opacity:0}
100%{opacity:1}}
@-webkit-keyframes fadeIn{0%{opacity:0}
20%{opacity:0}
100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}
20%{opacity:0}
100%{opacity:1}}
.isIE .s-box,.isIE .s-bg{display:none}
.isIE .section .section-main{visibility:hidden}
.isIE .section.active .section-main{visibility:visible}
.isIE .section1 .section-main{background-image:url(../images/v9-s1.png)}
.isIE .section2 .section-main{background-image:url(../images/v9-s2.png)}
.isIE .section3 .section-main{background-image:url(../images/v9-s3.png)}
.isIE .section4 .section-main{background-image:url(../images/v9-s4.png)}
.isIE .section5 .section-main{background-image:url(../images/v9-s5.png)}
.isIE .section .s-word,.isIE .section .btn-download10v{opacity:1}