*{
    padding: 0;
    margin: 0;
    font-family:Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
}
a{
    text-underline: none;
}

.start{
    top: 584px;
}
.scroll{
    top: 233px !important;
}
.scrollTop{
    top: -144px !important;
}
.institute-nav{
    width: 100px;
    
    text-align: center;
    left: 1%;
    
    position: fixed !important;
    z-index: 999;
}
.actives{
    color: #B21510 !important;
}
.institute-nav>img{
    height: 40px;
}
.institute-nav-box{
    
    padding: 2% 0;
    width: 2px;
    margin: 0 auto;
}
.borders-mileage{
    margin: 0 auto 1px !important;
}
.nav-top{
    margin-top: 60px;
}
.line{
    width: 1px;
    height: 60px;
    border-left: 1px solid black;
}
.mileage{
    color: #fff !important;
}
.institute-nav-text{
    position: relative;
    left: -47px;
    width: 99px;
    
    
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 27px;
}
.institute-nav-text5{
    margin-bottom: 0px !important;
}
.institute-banner{
    
}
.institute-banner>img{
    width: 100%;
    
}
. buttom{
    margin-bottom: 130px;
}
.institute-title{
    margin: 0 auto;
    line-height:30px;
    text-align: center;
    font-size:40px;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.institute-subtitle{
    text-align: center;
    line-height:30px;
    text-align: center;
    font-size:18px;
    font-weight:400;
    color:rgba(153,153,153,1);
    opacity:0.8;
    margin: 8px 0 5px 0;
}
.institute-subtitle-border{
    width: 83px;
    margin: 0 auto 90px;
    border-bottom: 2px solid rgb(224,43,57);
}
.buttom{
    margin-bottom:100px;
}
.top{

    margin-top: 130px;
}
.institute-text-box{
    
    
}
.institute-text{
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:30px;
    width: 90%;
    margin: 0 auto;
}
.institute-img-box{
    margin-top: 15px;
}
.institute-img-box>div{
    display: inline-block;
    
    
    vertical-align: top;
    
}

.institute-img1{
     width: 44%;
 }
.institute-img2{
    width: 55%;
}
.institute-img{
    width: 100%;
    height: 330px;
}
.institute-pic-time{
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:30px;
}
.organizational,.time{
    width: 100%;
    
    
}
.organizational-pic-box{
    
    
    
}
.organizational-pic-box>img{
    width: 100%;
    
}
.ceo,.ceo-detail,.institute-content{
    background: white;
    width: 100%;
    
}
.ceo-box{
    
    
}
.ceo-left{
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    margin-left: 3%;
    text-align: left;
}
.ceo-left,.ceo-right{
    vertical-align: top;
}
.ceo-left>img{
    width: 100%;
    max-width: 480px;
    max-height: 606px;
}
.left-table{
    width: 100%;
    max-width: 480px;
    text-align: left;
    margin: 10px 0 0;
    
}
.left-table tr td:nth-child(2) {
    font-size:18px;
    font-weight:400;
    color:#333333;
    font-family:SimSun;
}
.left-table tr td:nth-child(1) {
    font-size:18px;
    font-weight:400;
    color:#333333;
    line-height: 32px;
    
}

.td1{
    font-size:36px !important;
    font-family:FZXingKai-S04T !important;
    font-weight:400;
    color:rgba(218,36,43,1) !important;
}
.ceo-right{
    display: inline-block;
    width: 57%;
    margin-right: 2%;
}
.right-table{
    width: 100%;
}
.right-table tr td:nth-child(2) {
    font-size:18px;
    font-family:SimSun;
    font-weight:400;
    color:#333333;
}
.right-table tr td:nth-child(1) {
    font-size:18px;
    font-weight:400;
    color:#333333;
    line-height:42px;
}
.character{
    width: 90%;
    padding: 11px 0;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 50px 0px rgba(98,98,98,0.15);
}
.ceo-table{
    width: 60% ;
    margin: 2% auto;
}
.ceo-table tr td:nth-child(2) {

    font-size:18px;
    font-family: KaiTi;
    font-weight:400;
    color:#333333;
    line-height:45px;
}
.ceo-table tr td:nth-child(1) {
    font-size:18px;
    font-weight:400;
    color:#333333;
    line-height:45px;
}
#pic-bottoms{
    display: none;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -10%);
    text-align: center;
    margin-left: -1%;
    animation-name: beat; 
    animation-duration: 2s; 
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}


.mission-list-ctn {
    width: 100%;
    height: 480px;
    position: relative;
    background-color: #333;
}

.mission-list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 300;
    color: white;
}

.mission-list-item {
    flex: 1;
    position: relative;
}

.mission-list-item .wfEditorMode {
    position: absolute;
    right: 0;
    top: 0;
}

.mission-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    filter: brightness(.6);
}

.mission-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.mission-list-ctn * {
    transition: .3s;
}

.mission-list-item:last-of-type {
    border-right: none;
}

.mission-title {
    font-size:36px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:93px;
}

.mission-desc {
    max-width:81%
    
}

.mission-desc p {
    margin: 0;
    height: 0;
    overflow: hidden;
    font-size:22px;
    font-weight:400;
    text-align: center;
    color:rgba(255,255,255,0.8);
    line-height:40px;
}

.mission-list-item.active p {
    height: 9em;
}

.mission-list-item.active .mission-title {
    margin-bottom: .5rem;
}

.mission-list-item.active {
    flex: 2;
}

@media(max-width: 800px) {
    .mission-list {
        flex-direction: column;
    }
    .mission-list-item {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .mission-list-item:last-of-type {
        border-bottom: none;
    }
}

.aufullwidth .wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}