@charset "utf-8";

html{ overflow:hidden; width:100%; height:100%; }
/* @media screen and (min-width:1280px) {
    html{ font-size:5.208333vw; }
}
@media screen and (max-width:1279px) {
    html{ font-size:66.67px; }
} */

@media screen and (max-width:1500px) {
    html{ font-size:85px; }
}
@media (min-height:800px) {
	/* .left-view{width: 6.5rem!important;} */
}
body{ overflow:auto; width:100%; height:100%; }
.page{ width:100%; min-width:1280px; height:100%; }
.pc .page{ min-height:720px;}
/* header */
.header{ min-width:0; background-color:rgba(0, 0, 0, 0.15);height: .8rem; }
.pc .header{padding: 0 .7rem;}
.header .nav-link{ color:#fff; line-height: .8rem;}
.main-container{ width:100%; height:100%;position: relative; background:url(../images/index/bg.png) no-repeat top center; background-size:cover; }
.pc .main-container{min-height: 650px;}
.ph-people{display: none;z-index: 5;}
.ph-people>img{
  display: block;     
  width: 89%;
  margin: 1.2rem auto;
}
.left-view{position:absolute; width: 6.5rem;left: 0;margin-left: .9rem;top: 26%; }
.left-view .info-title,.left-view .info-title img {width: 100%;}
.left-view .info-title>img{opacity: 0;}
.left-view .info-title>img:last-child{display: none;}
.pc .left-view .info-title>img:first-child{opacity: 1;display: inline-block;} 
.left-view .info-view{padding-left: .12rem;padding-top: 3%;}
.left-view .info-view p{position: relative; margin-bottom: 0rem;color: #DDEAF4;font-size: .2rem;}
.left-view .info-view p>span:first-child{display: block;position: absolute;top: 0;left: 0; width: 1.25rem;text-align:justify; text-justify:distribute-all-lines; text-align-last:justify; line-height: .45rem;height: .45rem;padding: 0 .15rem 0 .24rem;background: url(../images/index/icon-autor.png) no-repeat left center;background-size:.18rem auto}
.left-view .info-view p>span:first-child::after {content: " ";display: inline-block;width: 100%;}
.left-view .info-view p>span:last-of-type{margin-left: 1.35rem;line-height: .45rem;display: inline-block;}
.left-view .info-view p::before{content: "";position: absolute;top: 0;line-height: .45rem;left: 1.2rem;}
.left-view .info-view p::before{content: ":";}
.main-container .nav-list{position: absolute; bottom: .5rem; list-style: none;color: #9EBFDD;padding: 0;margin: 0 auto;text-align: center;width: 100%;}
.main-container .nav-list li{width: 15%;height: 1.1rem; line-height: 1.1rem; display: inline-block;}
.main-container .nav-list li+li{margin-left: .25rem;}
.main-container .nav-list a{color: #9EBFDD;font-size: .24rem;line-height: 1.1rem; display:inline-block;background: url(../images/index/def_bg.png) no-repeat center top;background-size: 100% 100%; width: 100%;height: 1.1rem;position: relative;}
.main-container .nav-list a i{color: #9EBFDD; font-size: .22rem;margin-right: .2rem;}
html:not(.phone) .main-container .nav-list a:hover,html:not(.phone) .main-container .nav-list li.active a{background: url(../images/index/active.png) no-repeat center top;background-size: 100% 100%;transition: all .5s ease-in;}
.main-container .footer{font-size: .18rem;color: #9EBFDD;bottom: 0;position: absolute; width: 100%;text-align: center;line-height: .24rem;padding-bottom: .1rem;}


/* 移动端 */
.phone .page{height: auto;}
.phone .header .logo{padding: .1rem 0;}
.phone .header .nav:last-child{ display:block; }
.phone .header .nav-link{ font-size:0.45rem; line-height: 1rem;}
.phone .main-container,.phone .main-info{min-height: 100%;height: auto;}
.phone .main-container{background:url(../images/index/bg-a.png) no-repeat center; background-size:cover;}
.phone .ph-people{display: block;position: absolute;}
.phone .left-view{position: static; height: auto;width: 100%;padding: 0 .5rem;padding-top: 96vw;margin-left: 0;}
.phone .left-view .info-title>img:first-child{display: none;} 
.phone .left-view .info-title>img:last-child{opacity: 1;display: block;margin: auto; width: 100%;} 
.phone .left-view .info-view p{font-size: .4rem;height: auto;}
.phone .left-view .info-view p>span{height: auto;line-height: .7rem;}
.phone .left-view .info-view p>span:first-child{
  width: 2.4rem;
  height: .7rem;
  padding-left: .4rem;
  background-size: .3rem auto;
}
.phone .left-view .info-view p>span:last-child{margin-left: 2.8rem;}
/* .phone .left-view .info-view p>span:first-child{width: auto;position: relative;display: inline-block;} */
/* .phone .left-view .info-view p>span:first-child::after{content: ':';width: auto;margin-left: .15rem;} */
/* .phone .left-view .info-view p>span:last-of-type{display: inline; width: auto;min-width: .2rem;margin: 0; } */
.left-view .info-view p>span:last-of-type>span{display: inline-block;}
.phone .left-view .info-view p::before{left: 2.5rem;line-height: .7rem;}
.phone .nav-list{margin-top: .6rem;position: static; top: 3.5rem;padding: 0 .1rem;display: table;}
.phone .nav-list li{width: 50%;padding: 0 .1rem; float: left; text-align: center;height: 1.8rem;}
.phone .nav-list li a{width: 100%;height: 1.8rem;font-size: .45rem;line-height: .5rem;padding-top: .65rem;}
.phone .nav-list li a i{font-size: .5rem;line-height: .5rem;}
.phone .nav-list li+li{margin-left: 0;}
.phone .main-container .footer{color: #9EBFDD; padding-bottom: .2rem;bottom: 0;padding-top: .5rem;font-size: .3rem;line-height: .4rem;position: relative;}

.animated.delay_4ms{animation-delay: .4s;}
.animated.delay_6ms{animation-delay: .6s;}
.animated.delay_9ms{animation-delay: .9s;}