/* 共用 */

.mhhome { height:60px; }

/* .top { position: relative; padding:40px 15px 0px; }
.top .topbnr .bnr { width:100%; } */

._content { position: relative; background:url("./images/home_bg.png")repeat-y left top; background-size:100%; }

.topnb { height:120px; }

.topvideo { position: relative; background-color:#fff; }
.topvideo img { width:auto; }
.topvideo .videoimg img { width:100%; }

.topvideo .logo { position: absolute; top:32%; left:50%; transform: translate(-50%); z-index:10; }
.topvideo .skip { position: absolute; bottom:35%; left:50%; transform: translate(-50%,0px); z-index:5; }

.topvideo .video-container { padding-bottom:56.25%; margin-left:40px; margin-right:40px; }
.topvideo .video-container video { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }

.topcalendar { background-color:#fff; position: absolute; bottom:0px; left:0px; width:100%; }

.calendar { padding:20px 0px 20px 0px; border-bottom:1px solid #d5cfc3; background:url("./images/pic-building.png")no-repeat; background-position:calc(100% - 90px) bottom; background-size:contain; }
.calendar .seldate { display: inline-block; margin-left:85px; }
.calendar .seldate select { font-size:1.25rem; border:none; width:80px; background-position:calc(100% - 5px) 50%; }
.calendar .seldate select[name=month] { margin-left:14px; width:100px; }

.timedot { padding-top:20px; }
.timedot ul { position: relative; top:-33px; }
.timedot ul li { position: relative; float:left; padding-right:7px; }
.timedot ul li .arrow { opacity: 0; z-index:-1;  position: absolute; height:30px; top:-22px; left:-8px; right:0px; background:url("./images/calendar-arrow.png")no-repeat top center; }
.timedot ul li.active .arrow { opacity: 1; z-index:6; }
.timedot ul li .day { font-size:1rem; display: inline-block; width:24px; height:24px; border-radius:15px; background-color:#b6ada4; color:#fff; padding:1px 0px; }
.timedot ul li .day.type1 { background-color:#c5093b; }
.timedot ul li .day.type2 { background-color:#4fc8cf; }
.timedot ul li .txt { margin-top:5px; color:#b6ada4; }
.timedot ul li .cont { opacity: 0; z-index:-1; position: absolute; width:355px; left:-55px; margin-bottom:20px; text-align:left; bottom:55px; padding:20px; border:1px solid #b6ada4; background-color:#fff; box-shadow: 3px 3px 10px rgba(182, 173, 164,0.5); }
.timedot ul li.active .cont { opacity: 1; z-index: 5; }
.timedot ul li .cont .BB_1 { margin:15px 0px; border-bottom:1px solid #f0efed; }
.timedot ul li:nth-child(1) .cont { left:-10px; }
.timedot ul li:nth-child(2) .cont { left:-35px; }
.timedot ul li:nth-last-child(1) .cont { left:-150px; }
.timedot ul li:nth-last-child(2) .cont { left:-125px; }
.timedot ul li:nth-last-child(3) .cont { left:-100px; }
.timedot ul li .cont .date { color:#919191; font-size:0.875rem; }

.news .newscont { display: table; table-layout: fixed; padding-left:90px; margin-top:5px; width:calc(100% - 265px); }
.news .newscont > div { display: table-cell; }
.news .newscont .date { color:#5e5e5e; text-align:left; width:80px; }
.news .newscont .txt { padding:0px 28px; color:#000; font-size:1.5rem; text-align:left; }
.news .newscont .more { color:#262626; text-align:right; width:125px; }

.program .row.top { align-items:flex-end; }
.program .row .tit { font-size:1.125rem; }
.program .row .ptit span { color:#c6c6c6; margin:0px 6px; }

.program .gaArea { margin-left:calc( (100% - 1110px) / 2 - 60px ); height:640px; overflow: hidden; background:url("./images/ga_bg.png")no-repeat left bottom; }
.program .gaArea ul { padding-top:40px; }
.program ul li { transition:transform .3s; }
.program ul li:hover { transform: translate(0px,-20px); }
.program ul li .ga-img { overflow: hidden; position:relative; }
.program ul li .content { white-space:normal; }
.program ul li .date { padding:20px 0px; color:#5e5e5e; }
.program ul li .tit { font-size:1.75rem; padding-right:40px; word-break: break-all; }
.program ul li .txt { color:#5e5e5e; padding-right:40px; }
.program ul li .bd { width:40px; border-bottom:4px solid #262626; margin:20px 0px; }

/* .program .gaArea { position: relative; margin-left:calc( (100% - 1110px) / 2 ); height:640px; padding-top:100px; overflow: hidden; background:url("./images/ga_bg.png")no-repeat left bottom; }
.program .gaArea ul { position: absolute; padding-left:90px; width:10000em; left:0px; transition:all .5s ease-out; }
.program .gaArea ul li { position:relative; width:calc(1060px / 3); margin-right:25px; float:left; white-space: nowrap; transition:all .3s; transform: translate(0px,-60px); }
.program .gaArea ul li .ga-more { display: none; position: absolute; left:0; top:0; width:64px; height:64px; background-color:#d20037; color:#fff; border-radius: 50px; padding:10px 15px; } */


.recent .top { display: flex; justify-content: space-between; align-items:flex-end; }

.recent .main ul li { text-align:left; margin-top:40px; }
.recent .main ul li .date { color:#5e5e5e; padding:18px 0px; }
.recent .main ul li .txt { font-size:1.125rem; }

.recent .more { display: inline-block; padding:15px 20px; border-top:1px solid #919191; border-bottom:1px solid #919191; }
.recent .more i { font-size:0.875rem; }

.about { position: relative; max-width:1680px; margin:0px auto; background:url("./images/bg-mbac.png")no-repeat center center; background-size:contain; margin-bottom:80px; padding:120px 0px; }
.about img { width:auto; max-width:100%; }
.about .top { display: flex; color:#fff; text-align:left; padding:0px 60px; }
.about .top .cont { text-align:justify; }
.about .UnitTitle { color:#fff; }
.about .UnitTitle .txt-bd { border-bottom:1px solid #fff; }

.about .main { margin-top:80px; display: flex; }
.about .main > .item { flex:1; }
.about .main .item .icon { display: inline-block; width:120px; height:120px; border-radius: 80px; border:1px solid #fff; color:#fff; font-size:3rem; padding:28px; }
.about .main .item .icon:hover , .about .main .item .icon:focus { background-color:#fff; color:#950f29; }
.about .main .item .name { color:#fff; margin-top:30px; font-size:1.5rem; }
.about .main .item .icon:hover + .name , .about .main .item .icon:focus + .name { color:#ffd20a; }

@media (min-width:1500px){

    .timedot ul { top:-36px; }
    .timedot ul li { padding-right:12px; }
    .timedot ul li .day { width:30px; height:30px; font-size:1.125rem; padding:2px 0px; }
    .timedot ul li .arrow { top:-27px; left:-14px; }
    .timedot ul li .cont { bottom:65px; }
    .timedot ul li:nth-child(1) .cont { left:0px; }
    .timedot ul li:nth-child(2) .cont { left:-25px; }
    .timedot ul li:nth-last-child(1) .cont { left:-164px; }
    .timedot ul li:nth-last-child(2) .cont { left:-122px; }
    .timedot ul li:nth-last-child(3) .cont { left:-80px; }

    .news .newscont { width:calc(100% - 303px); }

    .program .gaArea { margin-left:calc( (100% - 1460px) / 2 - 90px ); height:690px; }
    /* .program .gaArea { margin-left:calc( (100% - 1460px) / 2 - 90px ); height:690px; }
    .program .gaArea ul li { width:calc(1410px / 3); } */
    .program .row .ptit span { margin:0px 15px; }

    .about .main { margin-top:120px; }
    .about .main .item .icon { width:160px; height:160px; padding:48px; }
    .about .main .item .name { margin-top:45px; font-size:2rem; }

    .topvideo { height:100vh; }
    .topvideo .video-container { max-width:1400px; padding-bottom: calc(100vh - 115px); margin:0px auto; }
    .topvideo .video-container video { top:-32px; }
}

@media (max-width:1499.98px){
    .topcalendar { position: static; }
}

@media (min-width:1200px){
    
    .about .top .cont { margin-left:60px; line-height: 30px; }
}

@media (max-width:1199.98px){
    
    .program .row .cls { order:2; }
    .program .row .ptit { padding:40px 0px; }
    .program .row .ptit span { margin:0px 20px; }
    /* .program .gaArea { padding-top:80px; }
    .program .gaArea ul li { width:350px; } */

    .about .top { display: block; padding:0px 40px; }
    .about .top .cont { margin-top:20px; }
    .about .main { margin-top:40px; }
}

@media (max-width:1199.98px) and (min-width:992px){
    .program .gaArea { margin-left:calc( (100% - 930px) / 2 - 60px); }
}

@media (min-width:992px){

    
}

@media (max-width:991.98px){
    .topvideo .skip { bottom:25%; }

    .news .newscont { display: block; padding-left:0px; margin-top:30px; width:auto; }
    .news .newscont > div { display: block; }
    .news .newscont .date { width:auto; }
    .news .newscont .txt { padding:0px; width:auto; }
    .news .newscont .more { text-align:left; width:auto; margin-top:30px; }

    .about { padding:60px 0px; margin-bottom:60px; background:url("./images/bg-mbac-m.png")no-repeat center center; background-size:cover; }
    .about .main { flex-wrap: wrap; }
    .about .main > .item { flex:none; width:50%; margin-bottom:40px; }
}



@media (min-width:768px) and (max-width:991.98px){
    .program .gaArea { margin-left:calc( (100% - 690px) / 2 - 60px); }
}


@media (min-width:768px){

}

@media (max-width:767.98px){
    .mhhome { height:30px; }

    ._content { background:url("./images/home_bg_m.png")repeat-y left -20%; background-size:100%; }

    .topvideo .videoimg { width:100%; /*height:100vh;*/  }
    .topvideo .logo { top:50%; transform: translate(-50%,-50%); }
    .topvideo .logo img { width:225px; }

    .news .newscont .date,
    .news .newscont .more { font-size:0.875rem; }
    .news .newscont .txt { font-size:1.25rem; }

    .program .gaArea { margin-left:0px; height:550px; background:url("./images/ga_bg_m.png")no-repeat left bottom; background-size:180%; }
    /* 
    .program .gaArea ul { padding-left:40px; background-size:contain; }
    .program .gaArea ul li { width:260px; }
    .program .gaArea ul li .date { font-size:0.875rem; padding:10px 0px; }
    .program .gaArea ul li .tit { font-size:1.25rem; }
    .program .gaArea ul li .bd { width:25px; margin:15px 0px; } 
    */
    .program .row .ptit { padding:30px 0px 10px; }
    .program .row .tit { font-size:1rem; }
    .program .row .ptit span { margin:0px 5px; }
    .program ul li .date { padding:15px 0px; }
    .program ul li .tit { font-size:1.5rem; }

    .recent .main ul li { margin-top:20px; }
    .recent .main ul li .date { padding:10px 0px; font-size:0.875rem; }
    .recent .main ul li .txt { font-size:1rem; }
    .recent .more { font-size:0.875rem; padding:10px; }

    
    .about .main .item .icon { width:80px; height:80px; font-size:1.75rem; padding:20px; }
    .about .main .item .name { margin-top:15px; font-size:1.125rem; }
}