@charset "utf-8";
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-style:normal;
    font-weight:500;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#333;
    --main-color:#004a9f;
    --green:#79be4b;
    --r:0;
    --g:74;
    --b:159;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
  ::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
  ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.2rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.set-mp,.set-mp dl, .set-mp dt, .set-mp dd,.set-mp li,.set-mp ul, .set-mp ol, .set-mp p{margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal 0.16rem/1.875em 'HarmonyOS','Sans-serif'; overflow-x:hidden;word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.set-mp li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:14rem;margin:0 auto;}
.submit {cursor:pointer;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;overflow:hidden;width: 100%;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="333"]{color:#333;}
[data-font*="666"]{color:#666;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=fefefe]{color:#fefefe;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
[data-rows="6"]{line-clamp:6; -webkit-line-clamp:6;}
[data-rows="7"]{line-clamp:7; -webkit-line-clamp:7;}
[data-rows="8"]{line-clamp:5; -webkit-line-clamp:8;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {--padding:0.2rem; padding-right: var(--padding);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] {width: 33.333%;}    
}
@media only screen and (max-width:750px){    
    [data-cols="4"] {width: 50%;}
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;background-color:#fafafa;box-shadow:0px 0.1rem 0.12rem 0px rgba(0,0,0,0.06);padding:0.13rem 0;}

/*logo*/
#logo{width:1.19rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:45.37815126%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){opacity:0;}

/*nav*/
.topr{flex:1 1 auto;padding-left:10%;}
.nav li{position:relative;}
.nav li + li{margin-left: calc(60 / 1920 * 100vw);} 
.nav li a{color: #333;}
.nav li:hover a{color:var(--main-color);}
.nav li>a{display:block;line-height:.54rem;font-size:0.18rem;}

/*ishome*/
.ishome #header{position:fixed;}
.ishome:not(.fixed) #header{background-color:transparent;box-shadow:none;}
.ishome:not(.fixed) #logo i:nth-child(1){opacity:0;}
.ishome:not(.fixed) #logo i:nth-child(2){opacity:1;}

.ishome:not(.fixed) .nav li a{color: #fff;}
.ishome:not(.fixed) .nav li:hover a{color:var(--main-color);}

@media only screen and (max-width:1024px){
.topr{flex:0 0 auto;padding-left:0;}
.nav{position:fixed;right:-210px;top:60px;background:#fff;bottom:0;width:200px;padding:20px 0;}	
.nav ul{display:block;}
.nav li{text-align:left;padding:0 0.24rem;}
.nav li + li{margin-left: 0;} 
.nav li>a{line-height:0.5rem;font-size: 0.2rem;}

.openMenu{margin-left:30px;width:25px;height:30px;position:relative;}
.openMenu i{position:absolute;right:0;top:50%;width:100%;height:1px;background:#000;}
.openMenu i:before,.openMenu i:after{content:"";position:absolute;left:0;width:100%;height:100%;background:#000;transition:.3s;}
.openMenu i:before{top:-8px;}
.openMenu i:after{top:8px;}

.ishome:not(.fixed) .openMenu i{background:#fff;}
.ishome:not(.fixed) .openMenu i:before,.ishome:not(.fixed) .openMenu i:after{background:#fff;}

.showMenu .openMenu i{background:none;}
.showMenu .openMenu i:before{top:0;transform:rotate(45deg);}
.showMenu .openMenu i:after{top:0;transform:rotate(-45deg);}
.showMenu .nav{right:0;}
}

/*module-name*/
.module-name{font-size:0.6rem;line-height:1.35em;margin:0 0 0.75em;}
@media only screen and (max-width:750px){
  .module-name{font-size:0.38rem;}
}

/*newborn*/
.newborn{background:no-repeat center center;background-size:cover;overflow:hidden;padding:1.14rem 0;}
.newborn .module-name{margin-bottom:0;}
.newborn .button{font-size:0.2rem;line-height:1.5em;}
.newborn .button i{display:block;font-style:normal;background:url(../images/icon_01.svg) no-repeat left center;background-size:1.35em auto;padding-left:2.3em;position:relative;z-index:2;}
.newborn .button a{background-color:var(--green);height:3.65em;border-radius:1.85em;padding:0 2.5em;position:relative;overflow:hidden;color:#fefefe;}
.newborn .button a:hover{background-color:var(--main-color);}
@media only screen and (max-width:750px){
  .newborn .inner{flex-direction:column;align-items:center;}
  .newborn .button{margin-top:1.5em;}
}

/*wrapper*/
#wrapper{overflow:hidden;padding:0.8rem 0;}
@media only screen and (max-width:750px){
  #wrapper{padding:0.6rem 0;}
}

/*details*/
#details .title{font-size:0.36rem;line-height:1.33333333em;max-width:11.45rem;margin:0 auto;text-align:center;}
#details .meta{color:#9d9d9d;font-size:0.18rem;line-height:1.5em;margin-top:0.66666667em;border-bottom:0.01rem solid #e4e4e4;padding-bottom:0.65rem;padding-bottom:4.64285714%;}
#details .meta span{display:block;}
#details .entry{font-size:0.18rem;margin-top:5.35714286%;line-height:1.66666667em;}
#details .entry *{line-height:1.66666667em;}
#details .other{border-top:0.01rem solid #e4e4e4;margin-top:5.57142857%;font-size:0.18rem;line-height:1.66666667em;padding-top:3.92857143%;}
#details .other p{padding:0.05rem 0;}
#details .other i{font-style:normal;color:#333;}
#details .other a{color:rgba(51,51,51,0.8);}
#details .other a:hover{color:var(--main-color);}
#details .video{margin-top:5.71428571%;}
#details .video video{display:block;width:100%;height:auto;}
@media only screen and (max-width:750px){
  #details .title{font-size:0.28rem;}
}

/*container*/
#container{overflow:hidden;}
.post{position: absolute;top: -1rem;height: 100%;}

/*slides*/
#slides{margin-bottom:4.42708333%;}
#slides .swiper-slide .url{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;opacity: 0;background-color: #ffff;}
#slides .figure{padding-bottom:50%;}
#slides .text{position:absolute;top:50%;transform:translateY(100%);left:0;width:100%;z-index:2;opacity:0;transition:all 1.5s;text-align:center;}
#slides .cont{font-size:0.6rem;}
#slides .title{font-size:1em;line-height:1.5em;}
#slides .intro{font-size:0.6em;line-height:1.35em;}
#slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-50%);opacity:1;}
@media only screen and (max-width:1024px){
  #slides .cont{font-size:0.42rem;}
}
@media only screen and (max-width:750px){
  #slides{margin-bottom:0.6rem;}
  #slides .figure{padding-bottom:100%;}
  #slides .cont{font-size:0.2rem;}
}

/*swiper-arrows*/
.swiper-arrows .arrow{margin-top:0;transform:translateY(-50%);width:4em;height:4em;border:0.02rem solid #f8f8f8;border-radius:50%;color:#fff;font-size:0.15rem;}
.swiper-arrows .arrow:after{font-size:1em;font-weight:bold;}
.swiper-arrows .arrow:hover{background-color:var(--main-color);border-color:transparent;}
.swiper-arrows .swiper-button-prev{left:0.2rem;}
.swiper-arrows .swiper-button-next{right:0.2rem;}
@media only screen and (max-width:750px){
  .swiper-arrows .arrow{font-size:0.1rem;}
}

/*case*/
#case{margin-bottom:6.25%;position:relative;}
#case .list{padding:0.1rem 0;}
#case .figure{padding-bottom:56.06060606%;}
#case .figure:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(8,30,33,0.2);}
#case .box{/*position:absolute;*/left:0;bottom:0;width:100%;padding:0.2rem 0;}
#case .title{font-size:0.16rem;line-height:2.125em;}
#case .play{background:url(../images/play_02.svg) no-repeat left center;background-size:2.125em auto;padding-left:2.8125em;}
#case .info{display:block;overflow:hidden;position:relative;color:#333;}
#case .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
  #case{margin-bottom:0.6rem;}
}


/*camps*/
#camps{margin-bottom:6.25%;position:relative;}
#camps .list{padding:0.1rem 0;}
#camps .figure{padding-bottom:67.06060606%;}
#camps .figure:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(8,30,33,0.2);}
#camps .play{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
#camps .play i{display: block;width: 0.6rem; height: 0.6rem; border-radius: 50%; background: url(../images/play.png) no-repeat center center; background-size: 0.18rem auto; position: relative; z-index: 4; background-color: var(--main-color);}
#camps .box{width:47%;}
#camps .title{font-size:0.3rem;line-height:1.5;color: var(--main-color);font-weight: bold;margin-bottom: 0.24rem; text-align:center;}
#camps .info{display:block;overflow:hidden;position:relative;color:#333;}
#camps .info:hover .img{transform:scale(1.05);}
#camps .pic{width: 47%;overflow: hidden; border-radius: 0 50px 0 50px;}
#camps .desc{font-size:0.16rem;line-height:1.7;color:#333;}
#camps .desc p{margin:0.1rem 0;}
#camps .arrow:not(:hover){color:#999;background-color:#e9eff6;}
#camps.swiper-arrows .swiper-button-prev{left: -0.8rem;}
#camps.swiper-arrows .swiper-button-next{right: -0.8rem;}

@media only screen and (max-width:750px){
 #camps{margin-bottom:0.6rem;}
 #camps .boxs{display:block;}
 #camps .box,
 #camps .pic{width:100%;}
 #camps.swiper-arrows .arrow{top: auto;  bottom: 15%;}
 #camps.swiper-arrows .swiper-button-prev{left: 0.2rem;}
 #camps.swiper-arrows .swiper-button-next{right: 0.2rem;}
}

/*about*/
#about{margin-bottom:7.55208333%;position:relative;}
#about:before{width:100%;padding-bottom:50%;background:url(../images/about_bg.png) no-repeat center bottom;background-size:contain;content:'';display:block;position:absolute;left:0;bottom:0;margin-bottom:-15.625%;}
#about .inner{position:relative;z-index:2;}
#about .module-name{margin-bottom:0.16666667em;}
#about .title{color:var(--green);font-size:0.3rem;line-height:1.35em;margin-bottom:1em;}
#about .entry{font-size:0.18rem;line-height:1.66666667em;}
#about .entry:before{width:0.02rem;height:3.5em;background-color:var(--main-color);display:block;content:'';margin:0 auto 1.44444444em;}
#about .entry *{line-height:1.66666667em;}
#about .figure{margin-top:5.35714286%;}
@media only screen and (max-width:750px){
  #about .title{font-size:0.22rem;}
}

/*expert*/
#expert{position:relative;}
#expert .box{background:url(../images/expert_bg.png) no-repeat right center;background-size:contain;position:relative;padding-bottom:0.55rem;}
#expert .photo{width:44.28571429%;position:relative;z-index:3;}
#expert .figure{padding-bottom:100%;border-radius:50%;}
#expert .list{width:16.29032258%;position:relative;}
#expert .list:before{display:block;content:'';padding-bottom:496.03960396%;}
#expert .list .swiper-slide{cursor:pointer;}
#expert .list .figure:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:0.03rem solid var(--green);z-index:2;opacity:0;transition:all 0.2s;}
#expert .list .swiper{position:absolute;left:0;top:0;width:100%;height:100%;}
#expert .list .active .figure:before{opacity:1;}
#expert .current{width:74.51612903%;position:relative;}
#expert .current:before{content:'';display:block;position:absolute;width:100%;height:100%;background:url(../images/line_arc.png) no-repeat center top;background-size:contain;left:0;top:0;z-index:2;}
#expert .text{width:55.71428571%;padding:0.3rem 0;}
#expert .text:after{width:0.08rem;height:0.42rem;background:url(../images/icon_dot.svg) no-repeat center center;background-size:contain;display:block;content:'';margin-top:0.07rem;}
#expert .item{max-height:4.89rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:transparent transparent;display:none;}
#expert .item:first-child{display:block;}
#expert .item::-webkit-scrollbar{display:none;}
#expert .profile{padding-right:37.17948718%;padding-bottom:0.38rem;margin-bottom:0.34rem;}
#expert .profile:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
#expert .name{font-size:0.32rem;line-height:1.35em;margin-bottom:0.4375em;}
#expert .intro{line-height:1.5em;}
#expert .intro p{position:relative;padding-left:0.75em;margin-bottom:0.625em;}
#expert .intro p:before{width:0.1875em;height:0.1875em;background-color:#333;content:'';display:block;position:absolute;left:0;top:0.6875em;border-radius:50%;}
#expert .title{font-size:0.24rem;line-height:1.35em;margin-bottom:0.66666667em;}
#expert .button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;left:-38.70967742%;width:1.54rem;}
#expert .arrow{position:static;transform:none;opacity:1;}
#expert .arrow:not(:hover){border-color:#999;color:#999;background-color:#e9eff6;}
@media only screen and (max-width:1024px){
  #expert .text{padding:0;}
}
@media only screen and (max-width:750px){
  #expert .photo{width:100%;margin-bottom:0.35rem;}
  #expert .text{width:100%;}
  #expert .profile{padding-right:0;padding-bottom:0.25rem;margin-bottom:0.25rem;}
}

/*widget*/
#widget{position:fixed;right:2.5%;top:70%;transform:translateY(-50%);z-index:8;}
#widget a{width:0.6rem;display:block;background-color:var(--green);border-radius:50%;}
#widget a:hover{background-color:var(--main-color);}
#widget i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:36.66666667% auto;}
#widget .call{background-image:url(../images/icon_01.svg);}


.fp-menu { position: fixed; z-index: 110; left: 0.3rem; top: 50%; transform: translateY(-50%); }
.fp-menu li { position: relative; padding: 0.1rem 0; width: 0.16rem; }
.fp-menu li a { display: block; width: 0.15rem; height: 0.15rem; background-color: rgba(0,0,0,0.2); border-radius: 50%; margin: 0 auto; transition: 0.3s; }
.fp-menu li span { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); font-size: 0.875em; color: #fff; margin-left: 0.625em; line-height: 1.2; visibility: hidden; }
.fp-menu li:nth-child(1) span { transform: rotate(90deg); transform-origin: top; }
.fp-menu li.active span { visibility: initial; display: none; }
.fp-menu li.active a {  background-color: var(--main-color);}