@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#141e34;color:#fff;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }

.fr { float: right; }

.pr{ position:relative; }

.pa{ position:absolute; }

.pf{ position: fixed;}
[class*="btn"]{ display: block; background-repeat: no-repeat; background-size: 100% 100%}

.bg{ background-repeat: no-repeat; background-size: 100% 100%;}

.df{ display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center;}

.pup{ top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 102;}

a{ -webkit-transition: all .5s; transition: all .5s;}
a:hover{ -webkit-transform: scale(.95); transform: scale(.95);}



body,html{ height: 100%; font-size: .2rem; color: #fff;}

.wrapper{ width: auto; min-width: 13rem; height: 100%; font-family:"microsoft yahei", sans-serif; font-size: 20px; color: #fff; overflow: hidden;}

.l-header { top:.8rem; right: 0px; z-index: 9; line-height: 1; box-sizing: border-box; }
.l-header .l-gnav__list{ -webkit-flex-flow: column; flex-flow: column; }
.l-header .l-gnav__list::after{ content: ""; position: absolute; top: 0; left: .1rem; width: .03rem; height: 3rem; background:#000000; }
.l-header .l-gnav__list .l-gnav__item{ position: relative; top: .2rem; width: 1.7rem; font-size: .3rem; color: #100908; font-weight: bold; letter-spacing: .02rem; text-align: left; line-height: .7rem; overflow: hidden; cursor: pointer; z-index: 2; }
.l-header .l-gnav__list .l-gnav__item i{ position: relative; display: inline-block; top: .03rem; margin-right: .1rem; width: .24rem; height: .24rem; background: url("../images/tab_after.png") no-repeat; background-size: 100% 100%; }
.l-header .l-gnav__list .l-gnav__item:hover span,
.l-header .l-gnav__list .l-gnav__item.active span{ color: #fff; filter: drop-shadow(.02rem .02rem black) drop-shadow(-.02rem -.02rem black) drop-shadow(-.02rem .02rem black) drop-shadow(.02rem -.02rem black);}
.l-header .l-gnav__list .l-gnav__item:hover i,
.l-header .l-gnav__list .l-gnav__item.active i{ background-image: url("../images/tab_after_active.png"); }

.l-main { /*display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; grid-auto-rows: auto;*/ height: 100%;}
.swiper-container{ position: relative; top: 0; left: 0; overflow: hidden; width: 100%; min-width: 13rem; height: 100%;}
.content-slide{ height: 100%;  opacity: 0; -webkit-transition: 0.8s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.8s cubic-bezier(0.76, 0, 0.24, 1);}
.swiper-slide-active{ z-index: 2; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1;}
.front-main{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.slide-section{position: relative; overflow: hidden; width: 100vw; height: 100%;}
.p-slide-section__bg { position: absolute; top: 0; left: 0; background-size: cover; /*background-attachment: fixed;*/ z-index: -1; pointer-events: none; width: inherit;
 height: inherit; background-image:url("../images/bg_inside_v2.jpg"); background-position: center; /*-webkit-transition: 15s -webkit-transform; transition: 15s -webkit-transform; transition: 15s transform;*/}
.swiper-slide-active .p-snap-section.active .p-slide-section__bg { -webkit-transition: 15s -webkit-transform; transition: 15s -webkit-transform; transition: 15s transform;
 transition: 15s transform, 15s -webkit-transform; -webkit-transform: scale(1.1); transform: scale(1.1);}
.content-slide-index .p-slide-section__bg { background-image:url("../images/bg_index_v2.jpg")}
.p-slide-section__body{ overflow: hidden; text-align: center; z-index: 1; height: inherit; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex;
 -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.p-slide-section__body--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}


.content-slide-index .banner{ bottom: 1rem; text-align: center; }
.content-slide-index .banner img{ width: 14.53rem;}
.content-slide-index .age{ bottom: .3rem; left: .3rem;z-index: 10}
.content-slide-index .age img{ width: 1.08rem;}
.item-title{ margin-top: .8rem;}

.intro{ width: 10.65rem; height: 7.18rem; -webkit-flex-flow: column; flex-flow: column; }
.intro .text{ text-align: center; font-size: .44rem; color: #fff; line-height: 2; font-weight: bold; filter: drop-shadow(.01rem .01rem black) drop-shadow(-.01rem -.01rem black) drop-shadow(-.01rem .01rem black) drop-shadow(.01rem -.01rem black);}
.person-01{bottom: -1.5rem;left: -4.3rem;width: 5.58rem;height: 7.06rem;background-image: url("../images/intro_person_01_v2.png");}

.content-slide-feature .title{ margin-top: -1.5rem; margin-bottom: .5rem; }
.content-slide-intro .title img,
.content-slide-feature .title img{ width: 8.31rem;}
.content-slide-feature .feature-list  li{ margin:  0 .05rem; }
.content-slide-feature .feature-list img{ width: 3rem;}

.footer-content{ left: 0; bottom: 0; width: 100%; padding: .1rem 0; background: rgba(0, 0, 0, .3); font-size: .14rem; color: #71958b; }
.footer-content a{color: #71958b;}
.footer-content .text-href{ top: .1rem; right: .5rem; }
.footer-content .text-href a{ margin: 0 .1rem; font-size: .18rem; color: #d6b354;}
.footer-content .text-href a:hover{ text-decoration: underline; }

.arrow { position: fixed; bottom: .1rem; left: 0; width: 100%; text-align: center; font-size: .24rem; color: #ffffff; z-index: 9;}
.arrow i{display: block;margin: 0 auto 0;width: .29rem;height: .22rem;background:url(../images/arrow.png) no-repeat;-webkit-animation: opacity 1.5s infinite;animation: opacity 1.5s infinite;background-size: 100% 100%;}
.arrow i:last-of-type{margin-top: -.14rem;-webkit-animation-delay: .2s;animation-delay: .2s;}
@keyframes opacity {
 0% {
  opacity: 1
 }
 100% {
  opacity: .5
 }
}

.pup{ position: fixed; top: 50%; left: 50%; padding: .25rem .5rem; background: #193890; border: .02rem #11b1ff solid; border-radius: .1rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 51;}
.pup .btn-close{ top: .3rem; right: .2rem; width: .22rem; height: .23rem; background: url("../images/btn_close.png") no-repeat; background-size: 100% 100%; }
.pup .title{ margin-bottom: .4rem; font-size: .3rem; color: #45f4ff; text-align: center; font-weight: bold; }
.pup .text{ margin-bottom: .35rem; width: 9.85rem; font-size: .18rem; color: #fff; word-break: break-word; }

.thickdiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;border:0 none;opacity:.5;z-index:50;overflow:hidden}

@media only screen and (max-width: 1920px) {


}
@media only screen and (max-width: 1680px) {


}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1300px) {

}

@media only screen and (min-width: 2560px) {

}