/*-----------------------------------------------------------------------------------*/
/*	Home
/*-----------------------------------------------------------------------------------*/

/* Section */
.section { text-align: center; }


/*.section3 { background: url(../images/bg-blue.png) repeat; } */

@media (max-width:767px) {
    .section { padding-top: 30px !important; padding-bottom: 30px !important; }
    .section1 { background-color: #ddd; }
    .section1, .section1 .fp-tableCell,
    .section2, .section2 .fp-tableCell,
    .section3, .section3 .fp-tableCell,
    .section4, .section4 .fp-tableCell { height: auto !important; }
    /*.section4 { display:none !important; }*/
    .section2, .section4 { background-color: #cfcfcf; }
    #fullpage { margin-top: 50px; }

    #section1-row { position: relative; }
    #section1-right { position: absolute; left: 0; top: 0; }
    #section1-left { margin-top: 180px; }
}

@media (min-width:768px) {
    .section2 { background: #cfcfcf url(../images/bg-index.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; }
    .section4 { background-color: #cfcfcf; }
    .section1 { padding-top: 94px !important; }
}


#fullpage-wrap { position: relative; width: 100%; overflow: hidden; }


/* Mouse */
.mouse-wrap { display: none; position: absolute; bottom: 3%; left: 0; width: 100%; color: #fff; font-size: 12px; }
.mouse-icon { display: inline-block; position: relative; width: 24px; height: 36px; margin: 0 10px; border: 2px solid #fff; border-radius: 15px; vertical-align: middle; z-index: 150; cursor: pointer; }
.mouse-icon .wheel { position: relative; width: 4px; height: 6px; border-radius: 50%; top: 4px; background-color: #fff; margin-left: auto; margin-right: auto; -webkit-animation-name: bdrmodow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: bdrmodow; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0; animation-iteration-count: infinite; animation-play-state: running; }

@-webkit-keyframes bdrmodow {
    0% { top: 4px; opacity: 0; }
    30% { top: 9px; opacity: 1; }
    100% { top: 20px; opacity: 0; }
}

@keyframes bdrmodow {
    0% { top: 4px; opacity: 0; }
    30% { top: 9px; opacity: 1; }
    100% { top: 25px; opacity: 0; }
}


@media (max-width: 767px) {
    .mouse-wrap { display: none; }
}

#audio-play, #customer-play { display: none; }

/* 第一屏 */
.remain { width: 180px; text-align: center; }
.remain h3 { margin-bottom: 10px; color: #ea5f00; }
.remain .day { margin-bottom: 5px; }
.remain .day li { width: 50px; height: 68px; padding-top: 4px; line-height: 64px; color: #222; font-size: 40px; background: url(../images/bg-day.png) no-repeat; }


.tab-title { margin-bottom: 30px; text-align: left; }
.tab-title li { float: left; width: 9px; height: 9px; margin-right: 10px; background-color: #fff; cursor: pointer; }
.tab-title .cur { background-color: #ccb596; }

.tab-cont .cont { display: none; max-width: 500px; }

.pic-title { color: #333; text-align: left; margin-bottom: 20px; }
.pic-title .fa { color: #d96c21; }

.pic-item a { display: block; position: relative; }
.pic-item a .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.pic-item a:hover .mask { opacity: 1; }


.page2 { display: none; }
.page1-cont { max-width: 500px; margin-left: auto; margin-right: auto; position: relative; }

@media (max-width:767px) {
    .tab-title { margin-bottom: 20px; text-align: center; }
    .tab-title li { float: none; display: inline-block; vertical-align: middle; }

    .fp-tableCell { vertical-align: top !important; }

    .page2 { display: block; }

    .page1-cont .pull-right, .page1-cont .pull-left { float: none !important; }

    .remain { float: none; margin: 0 auto 30px; width: 100%; }
    .remain h5 { font-size: 18px; }

    .pic-title { margin-bottom: 15px; }
}

@media (min-width:768px) {
    .tab-wrap { min-height: 485px; }
    .page { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .page .inner { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .page-wrap { position: relative; height: 100%; background: url(../images/bg-overlay.png) repeat-x left top; }
    .page-wrap .inner2 { position: relative; height: 100%; background: url(../images/bg-gray.png) repeat; }

    .page1 { background-color: #fff; }

    /*.animate-item { opacity: 0; }
    .ie9 .animate-item { opacity: 1; }*/
    .remain { position: absolute; right: 0; bottom: 0; }

    .skip-wrap { position: absolute; left: 0; bottom: 8%; width: 100%; text-align: center; z-index: 200; }
    .skip { padding-bottom: 3px; border-bottom: 1px solid #666; color: #333; cursor: pointer; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

    .pic-title { height: 42px; }
}


.celebrate, .speech, .activity { text-align: left; color: #fff; }
.celebrate-title { margin-bottom: 20px; font-size: 18px; color: #fff; }
.celebrate-title .jiyu { display: inline-block; vertical-align: text-bottom; width: 43px; height: 30px; margin-bottom: 5px; color: #b49873; text-align: center; font-size: 13px; line-height: 24px; background: url(../images/bg-badge.png) no-repeat; }

.celebrate-link { margin-top: 40px; }
.celebrate-link a { margin-right: 10px; color: #fff; padding: 5px 10px; border: 1px solid #fff; border-radius: 4px; font-size: 12px; }

.speech h2 { color: #fff; }
.speech p { font-size: 13px; }

.page-index { margin-top: 30px; }
.page-index a { display: inline-block; vertical-align: middle; margin-right: 15px; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 16px; border: 1px solid #456c8e; border-radius: 50%; color: #fff; }

.activity-item { margin-bottom: 15px; }
.activity-item .media-left { padding-right: 20px; }
.activity-item .media-left img { width: 150px; }
.activity-item .media-body h3 { padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.activity-item .media-body h3 a { color: #e4c49f; }
.activity-item .media-body p { font-size: 12px; line-height: 2; }

@media (max-width:767px) {
    .activity-item .media-left { padding-right: 10px; }
    .activity-item .media-left img { padding: 0; border-radius: 4px; width: 100px; height: auto; }
    .activity-item .media-body h3 { padding-top: 0; padding-bottom: 5px; }



    .page-index a { border-color: #fff; }
}

/* 院庆动态 */
.news { max-width: 425px; text-align: left; }
.news-title { position: relative; line-height: 1; margin-bottom: 25px; zoom: 1; }
.news-title .caption { color: #004793; font-size: 24px; }
.news-title .more { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #8e6c3e; }

.news-item-first { margin-bottom: 10px; }
.news-item-first a { display: block; position: relative; }
.news-item-first a .text { display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 10px; color: #fff; background-color: rgba(0,0,0,.84); }
.news-item-first a img { max-width: 100%; height: auto; }

.news-item { line-height: 20px; padding: 4px 0; }
.news-item a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.news-item .date { float: right; font-size: 12px; color: #b29671; margin-left: 10px; }

/* 世界地图 */
.world { text-align: left; }
.world-title { margin-bottom: 5px; font-size: 24px; color: #fff; }
.world-map { position: relative; display: inline-block; vertical-align: top; /*width: 964px; height: 490px; margin-left: auto; margin-right: auto; background: url(../images/world-map.png) no-repeat;*/ }
.world-map ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.world-map .item { position: absolute; line-height: 1.4; cursor: pointer; z-index: 20; }
.world-map .item .cn { font-size: 16px; color: #333; }
.world-map .item i { display: inline-block; vertical-align: text-bottom; margin-bottom: 12px; width: 46px; height: 33px; background: url(../images/icon-msg.png) no-repeat; }
.world-map .item .en { display: block; font-size: 11px; color: #868686; }
.world-map .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.item:nth-child(1):hover ~ .bg { background-image: url(../images/world-North.png); }
.item:nth-child(2):hover ~ .bg { background-image: url(../images/world-South.png); }
.item:nth-child(3):hover ~ .bg { background-image: url(../images/world-Europe.png); }
.item:nth-child(4):hover ~ .bg { background-image: url(../images/world-Asia.png); }
.item:nth-child(5):hover ~ .bg { background-image: url(../images/world-Australia.png); }
.item:nth-child(6):hover ~ .bg { background-image: url(../images/world-Afrika.png); }
.North-America { left: 16.1%; top: 23.4%; }
.South-America { left: 25.9%; top: 64.3%; }
.Europe { left: 52.9%; top: 25.5%; }
.Asia { left: 72.6%; top: 34.7%; }
.Australia { left: 86.1%; top: 75.5%; }
.Afrika { left: 49%; top: 52%; }
/*.North-America { left: 155px; top: 115px; }
.South-America { left: 250px; top: 315px; }
.Europe { left: 510px; top: 125px; }
.Asia { left: 700px; top: 170px; }
.Australia { left: 830px; top: 370px; }
.Afrika { left:472px; top:255px; }*/

@media (min-width:768px) and (max-width:991px) {
    .world-map .item .cn { font-size: 14px; }
    .world-map .item .en { font-size: 11px; }
    .world-map .item i { width: 30px; height: 22px; -webkit-background-size: cover; background-size: cover; }
}

.icon-person { display: inline-block; vertical-align: text-bottom; width: 39px; height: 29px; background: url(../images/icon-person.png) no-repeat; }

@media (max-width:767px) {
    .world-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media (min-width:768px) {
    .world-responsive { max-width: 800px; margin-left: auto; margin-right: auto; }
}

/* Model */
.modal { text-align: left; }
.modal-backdrop { display: none !important; }
.modal-header { background-color: #eaeaea; border: 0; border-bottom: 1px solid #dadada; }
.modal-header .close { margin-top: 6px; }
.modal-title { line-height: 1.2; }
.modal-title .cn { font-size: 24px; color: #363636; margin-right: 5px; }
.modal-title .en { color: #868686; }
.modal-body { height: 440px; overflow-y: auto; background-color: #fff; }

@media (min-width:768px) {
    .modal-dialog { width: 750px; margin: 0 initial; position: absolute; left: 50%; top: 50%; }
    .modal-dialog, .modal.in .modal-dialog { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
}

@media (min-width: 992px) {
    .modal-dialog { width: 900px; }
}

@media (min-width: 1200px) {
    .modal-dialog { width: 1000px; }
}

.activity-more { margin-top: 20px; padding-bottom: 20px; }
.activity-more a { font-size: 12px; color: #fff; padding-bottom: 4px; border-bottom: 1px solid #fff; }

.icon-msg { display: inline-block; vertical-align: text-bottom; width: 35px; height: 24px; background: url(../images/icon-msg2.png) no-repeat; -webkit-background-size: cover; background-size: cover; }


.progress-wrap, #banner, #banner_img { height: 100%; }
#banner_img li { background-size: cover!important; }

@media (max-width:767px) {
    #banner_img li { background-size: 100% auto!important; }
}


.loading-index { position: fixed; width: 100%; height: 100%; z-index: 2000; display: table; background-color: #fff; }
.loading-index .td { display: table-cell; vertical-align: middle; text-align: center; }
.icon-loading { display: inline-block; vertical-align: middle; width: 50px; height: 45px; background: url(../images/loading-index.gif) no-repeat center center; }

@media (max-width:767px) {
    .loading-index, .skip-wrap { display: none !important; }
}

/* iPad mini 竖屏 */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .section1 .col-sm-3 { width: 33.33333333%; }
    .section2 .hidden-xs { display: block; float: none; margin-left: 0; margin-bottom: 30px; width: 45%; }
    .section2 .custom-calendar-wrap { margin-left: auto; margin-right: auto; padding-right: 35px; width: 425px; }
    .section2 .col-sm-5 { width: 100%; }
    .section2 .news { margin-left: auto; margin-right: auto; }

    #banner_img li { background-size: contain!important; }
}


/* 院庆咨询 */
.news-heading { border-top: 1px solid #e5e5e5; text-align:left; }
.news-heading h3 { padding: 12px 15px; }
.news-heading .left { border-right: 1px solid #e5e5e5; }

.news-item2 a { display: block; position: relative; padding-top:80%; color: #fff; }
.news-item2 a:hover { color: #d96c21; }
.news-item2 a .text { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background-color: rgba(0,0,0,.48); }
.news-item2 a img { position:absolute; left:0; top:0; width: 100%; height:100%; }

@media (max-width:767px) {
    .news-item2 a .text { padding: 8px 10px; line-height: 1.4; font-size: 12px; }
    .news-item2 a .text .pull-left { float: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}