@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
html{position:relative;height:100%;font-size:100px}
body{font-size:16px}
body:not(.index) .page{position:relative;display:block;width:100%}
body:not(.index) .page{background:#011027 url(../images/public/bg-header.png) repeat-x top center;background-size:auto 12.46rem;overflow:hidden}
.pc .page{min-width:1400px}
/* 移动端 */
.phone{font-size:9.2592vw}
.phone body{height:100%}
.phone .page{min-width:320px;min-height:100%;overflow:auto}
/* header */
.header{position:fixed;top:0;left:0;z-index:9;width:100%;min-width:1400px;padding:0 0.3rem}
.pc .header.exclude{height:1.2rem}
.pc .header:not(.exclude){height:.8rem}
.header:not(.default){background:#011027}
.header.default{background:transparent}
.header.exclude{background:transparent}
.logo{height:100%;box-sizing:border-box}
.pc .header.exclude .logo{padding:.2rem 0}
.logo> img{height:100%}
.header .nav-item{position:relative;float:left;margin-left:.2rem}
.pc .header.exclude .nav-item{padding-top:.33rem;padding-bottom:.33rem}
.pc .header:not(.exclude) .nav-item{margin-top:.2rem;margin-bottom:.2rem}
.pc .header.exclude .nav-item:hover{background:linear-gradient(rgba(212,232,255,.4),transparent)}
.pc .nav-item.pulldown{border:1px solid #fff;border-radius:.25rem}
.pc .header.exclude .nav-item:hover::before{content:'';position:absolute;top:0;width:100%;height:.04rem;background-color:#d4e8ff;}
.header .nav-item.hidden{display:none}
.header .nav-link{position:relative;display:inline-block;padding:0 .1rem;font-size:0.26rem}
.header:not(.exclude) .nav-link{color:rgba(255,255,255,.9);line-height:0.4rem}
.header.exclude .nav-link{color:#fff;line-height:0.5rem}
.header .nav-link.no{cursor:auto}
.header .nav-link.active{opacity:1}
.header:not(.exclude) .nav-link:not(.active):hover{color:rgba(255,255,255,.9)}
.header.exclude .nav-link:not(.active):hover{color:rgba(255,255,255,.8)}
/* 下拉 */
.pc .header .nav-menus .pulldown{padding-right:.3rem}
.pc .header .nav-menus .pulldown::after{top:0;bottom:0;content:' ';width:0;position:absolute;right:0.1rem;margin:auto 0;height:0;border-left:.1rem solid transparent;border-right:.1rem solid transparent;border-top:.1rem solid rgba(255,255,255,1);transition:all .2s}
.pc .header .nav-menus .pulldown:hover::after{border-bottom:.1rem solid rgba(255,255,255,1);border-top:0;transition:all .2s}
.pc .header .nav-menus .pulldown:hover .menu-hover{visibility:visible;opacity:1;margin-top:-.05rem;transition:opacity .5s,margin-top .5s}
.phone .header{height:1.2rem;min-width:320px}
.phone .logo{width:39%;padding:.1rem 0;overflow:hidden}
.phone .header .nav-link{font-size:.45rem}
.phone .header .nav-menus{display:none}
.phone .header .nav{height:1.2rem}
.phone .header .nav-item{height:1.2rem;padding:.2rem 0;margin:0 0 0 .3rem}
.phone .nav-menus .nav-item:first-child{display:none}
.phone .header .nav-item a{display:block;padding:0;line-height:.8rem;overflow:visible}
.phone .header .nav-link.login-in::before{content:'';display:inline-block;margin-right:.15rem;margin-left:-.15rem;width:1px;height:.4rem;background-color:#fff;vertical-align:middle}
/* 下拉菜单*/
.menu-hover{visibility:hidden;position:absolute;left:calc(50% - 1.4rem);width:2.5rem;/*height:3rem;*/margin:0;padding:.23rem 5% 0;list-style:none;text-decoration:none;opacity:0;transition:opacity .5s ease-in,margin-top .5s}
.menu-hover .menu-bg-border{width:100%;height:.15rem;position:absolute;top:.09rem;overflow:hidden;left:0}
.menu-hover .menu-top-triangle{content:"";display:block;width:0;height:0;border-width:0 .15rem .15rem;border-style:solid;border-color:transparent transparent #ebfdff;position:absolute;bottom:-1px;left:calc(50% - .15rem)}
.menu-hover::before{content:"";position:absolute;top:.23rem;right:0;bottom:0;left:0;z-index:-1;background:#ebfdff;border-radius:.2rem;box-shadow:0 0 5px rgba(0,0,0,.3)}
.menu-hover li{width:100%;/*height:20%;*/height:.52rem;overflow:hidden}
.menu-hover li:first-child{border-radius:.2rem .2rem 0 0}
.menu-hover li:last-child{border-radius:0 0 .2rem .2rem}
.menu-hover li a{display:block;box-sizing:border-box;width:100%;height:100%;background-color:transparent;text-align:center;color:#222;font-size:.24rem;left:.2rem}
.menu-hover li a i{display:inline-block;font-size:.28rem;vertical-align:middle}
.menu-hover li a span{vertical-align:middle}
.menu-hover li a::before{display:inline-block;content:"";height:100%;vertical-align:middle}
.menu-hover li+li a{border-top:1px dashed #66bfe2}
.menu-hover li:hover a:not(.active){color: #1997a4}
.menu-hover li+li:hover a:not(.active),
.menu-hover li+li:hover+li a:not(.active){border-top:1px solid #66bfe2}
.menu-hover li a.active{color:#de7934}
.menu-hover li+li a.active{border-top:1px solid #de7934}
.menu-hover li a.active+div>.menu-top-triangle,
.menu-hover li:hover .menu-top-triangle{border-color:transparent transparent #fff}

/* banner */
.banner{position:relative;width:100%;height:5rem;text-align:center;overflow:hidden}
.banner>img{position:absolute;right:0;left:0;display:block;max-width:100%;margin:auto;object-fit:contain;animation-fill-mode:backwards}
.banner .project-name{top:3.18rem;animation-delay:.1s}
.pc .project-name{height:.74rem}
.phone .project-name{width:80%}
.banner .banner-text{top:1.6rem;height:1.27rem}
.banner-title .banner-txt{padding-top:.55rem;padding-bottom:3.11rem;}
/* 加载中 */
.loading{position:fixed;top:0;left:0;z-index:1040;width:100%;height:100%;background:#222;font-weight:300;font-size:14px;color:#fff;text-align:center;z-index:10}
.loading-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.loading .spinner-grow{width:20px;height:20px;margin-bottom:10px}
.waves-footer{position:absolute;bottom:0;left:0;width:100%;height:20vh;background-color:rgb(103,202,255)}
.waves{position:relative;width:100%;height:15vh;margin-top:-20vh;/*Fix for safari gap*/min-height:100px;max-height:150px}
/* .content{position:relative;height:20vh;text-align:center;background-color:white} */
.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:5s}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:8s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:11s}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:18s}
@keyframes move-forever{
0%{transform:translate3d(-90px,0,0)}
100%{transform:translate3d(85px,0,0)}}
/*Shrinking for mobile*/
@media screen and (max-width:768px){.waves{height:40px;min-height:40px}}
@media screen and (min-width:2000px){.page::before,
  .page::after{width:10.2rem}}
@media screen and (max-width:1500px){.header .nav-link{max-width:10em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
/* 底部 */
.page>.footer{position:absolute;bottom:0;z-index:1;width:100%;padding-bottom:.1rem;font-size:.18rem;line-height:.24rem;text-align:center;color:#fff}
.footer>span:last-child{margin-left:.3rem}
/* 移动端导航 */
.bottom-nav{display:none}
.phone .bottom-nav{position:fixed;bottom:0;left:0;z-index:9;display:block;width:100%;height:1.4rem;font-size:0;box-shadow:0 0 0.2rem 0 #011027;background-color:#011027;overflow-x:auto;white-space:nowrap}
.phone .bottom-nav .nav-item{float:none;display:inline-block;min-width:20%}
.phone .bottom-nav .nav-link{display:block;padding:0.16rem 0;font-size:0.36rem;color:#fff;text-align:center}
.phone .bottom-nav .nav-link> i{font-size:1em}
.phone .bottom-nav .nav-link> span{display:block;white-space:nowrap}
.phone .bottom-nav .nav-link.active{color:#31a5ff}
/* 移动端底部 */
.phone .page>.footer{font-size:.3rem;line-height:.4rem;bottom:1.6rem}
.phone .page>.footer>span+span{margin-left:1em}
/* 移动端弹窗 */
.query-popup{max-width:80%}
.phone .simple-popup{min-width:40%;max-width:60%}
/* 页内导航 */
.quick-nav{animation-delay:.4s}
.pc .quick-nav-btn,
.pc .to-top{position:fixed;right:.15rem;display:none;width:.6rem;padding:.1rem 0;font-size:.16rem;color:#ebfdff;text-align:center;background:linear-gradient(#005c80,#1997a4);outline:0;border:0;border-radius:50%;cursor:pointer}
.pc .quick-nav-btn{bottom:1.1rem;line-height:.2rem}
.pc .to-top{bottom:.4rem;line-height:.4rem;}
.pc .quick-nav-btn:hover,
.pc .to-top:hover{box-shadow:0 0 .1rem rgba(255,255,255,.6)}
.phone .quick-nav-btn,
.phone .to-top{position:fixed;right:-.5rem;z-index:1;width:1.3rem;height:1.3rem;font-size:.36rem;background:linear-gradient(#005c80,#1997a4);color:#ebfdff;text-align:center;border:0;border-radius:50%}
.phone .quick-nav-btn{bottom:3.2rem;display:block;line-height:.45rem;padding:.2rem 0}
.phone .to-top{bottom:1.6rem;line-height:1.3rem}
.quick-nav-content{position:fixed;z-index:8;bottom:.5rem;line-height:1.5;font-size:16px;right:20px;text-align:center;opacity:1;width:2.3rem}
.phone .quick-nav-content{font-size:12px;right:.5rem;bottom:3.4rem;width:4rem;border-radius:2rem 2rem 0 0}
.quick-nav-content .quick-view{display:block;width:100%;height:1.08rem;padding-top:.58rem;font-size:.26rem;color:#ebfdff;line-height:.3rem;border-radius:1.2rem 1.2rem 0 0;background:linear-gradient(#005c80,#1997a4);box-shadow:0 0 0.05rem #222}
.phone .quick-nav-content .quick-view{height:.8rem;padding-top:.25rem;line-height:1;font-size:.44rem}
.quick-nav-list{padding:0;margin:0;background:#ebfdff;list-style:none;border-radius:0 0 .2rem .2rem;overflow:hidden}
.quick-nav-item{padding:.1rem .2rem;border-top:1px dotted #66bfe2}
.quick-nav-item.special.visible::before{background:#49c0e3;border-color:#49c0e3}
.quick-to-top{display:none;padding:.1rem;background:linear-gradient(0deg,#005c80,#1997a4)}
.quick-nav-item>a,
.quick-to-top>a{position:relative;display:block;width:100%;font-size:.22rem;line-height:1.5}
.quick-to-top>a{color:#ebfdff;text-align:center}
.quick-nav-item>a{padding-left:.34rem;color:#222;text-align:left;transition:all 0.3s cubic-bezier(0.23,1,0.32,1);-webkit-transition:all 0.3s cubic-bezier(0.23,1,0.32,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-nav-item>a::before{position:absolute;left:0;top:0;font-size:.2rem;line-height:1.5;transform:rotate(45deg);opacity:.63}
.phone .quick-nav-item>a{padding-left:.5rem;font-size:.34rem}
.quick-nav-item.visible{background:#fff}
.quick-nav-item.visible>a{color:#1997a4;white-space:normal}
@media screen and (max-width:1590px){
  .quick-nav-btn{display:block}
	.quick-nav-content{display:none}
	.quick-to-top{display:none}
}
/* 微信端 */
.Wechat{padding:15px;line-height:2;font-size:16px;color:#333;height:100%;background-color:#ebfdff;text-align:center;font-weight:bold;overflow-y:auto}
.Wechat .Wechat-img{overflow:hidden}
.Wechat .Wechat-img img{float:right;width:50%;max-width:100px}
.Wechat>span{margin-top:30px;display:inline-block;background-color:#cde7ff;-webkit-border-radius:4px;border-radius:4px;width:60px;height:26px;line-height:26px;color:#1586f0}
.Wechat hr{display:block;height:1px;border:0;background-color:#d6d6d6;width:7em;margin:30px auto 0}
.Wechat .example{margin-top:20px;margin-bottom:5px;width:90%;max-width:400px}
.Wechat p span{color:#1583f6}
/* 内容容器 */
.container{position:relative}
.page .container{background:url(../images/public/bg-body.png) repeat-y 100%;background-size:100%}
.container .cont-main{position:relative;max-width:10.8rem;padding:0 .3rem .8rem;height:auto;margin:0 auto;}
.phone .container .cont-main{padding-bottom:2.8rem}
/* 大类 */
.item{position:relative;width:100%;padding:.48rem .1rem;background:rgba(255,255,255,.16);border-radius:.24rem}
.item:first-child{margin-top:1.34rem}
.item+.item{margin-top:2.24rem;}
.item::before{content:'';position:absolute;top:.08rem;right:.08rem;left:.08rem;bottom:.08rem;background-color:#ebfdff;border:.02rem solid #fff;border-radius:.2rem}
.item .item-body+.item-body{margin-top:.3rem;}
.item:last-child{margin-bottom:0}
/* 标题 */
.item>.item-header{position:absolute;top:-.4rem;right:0;left:0;height:.98rem;text-align:center;transform:translateY(-100%)}
.item-header-img{height:100%}
.item-header-img.animate__animated{opacity:1;}
/* 内容 */
.item .item-body{position:relative;padding:0 .2rem;font-size:0;overflow:hidden}
.item .item-body:first-child{padding-top:9.42%}
.item .item-body .item-body-img{display:block;width:100%;padding-bottom:3.582%}
.item .item-body .img-absolute{position:absolute}
/* 内容下图标 */
.item .item-body .icons{position:absolute;}
.item .item-body .icons-left{position:absolute;left:0}
.item .item-body .icons-right{position:absolute;right:0}
/* 内容下视频 */
.item .item-body .videos-box{position:relative;width:100%;padding-top:56.25%;background-color:#011027;border-radius:.2rem;box-shadow:inset 0 0 0 .02rem #0d92a5,0 0 .06rem rgba(19,190,208,.31)}
.item .item-body .videos-box>div{position:absolute;top:0;left:0;width:100%;height:100%}
.animate__animated.delay-1s{-webkit-animation-delay:0.5s;animation-delay:.5s;}
.animate__animated.delay-2s{-webkit-animation-delay:1s;animation-delay:1s;}
.animate__animated.delay-3s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.animate__animated.delay-4s{-webkit-animation-delay:2s;animation-delay:2s;}
.animate__animated.delay-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.animate__animated.delay-6s{-webkit-animation-delay:3s;animation-delay:3s;}
.animate__animated.delay-7s{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
.animate__animated.delay-8s{-webkit-animation-delay:4s;animation-delay:4s;}
.animate__animated.delay-9s{-webkit-animation-delay:4s;animation-delay:4s;}
.d-f{display:flex;}
.d-f.j-c-c{justify-content:center;}