@charset "utf-8";

/* Reset and Common Styles */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Flexslider Base */
.flexslider { 
    margin: 0; 
    padding: 0; 
    position: relative; 
    zoom: 1; 
    height: 100%; 
}
.flexslider .slides > li { 
    -webkit-backface-visibility: hidden; 
    position: relative; 
}
.flexslider .slides img { 
    width: 100%; 
    display: block; 
}
.flexslider .slides > a { 
    display: block; 
    width: 100%; 
    height: 0; 
    padding-bottom: 62.81%; 
    overflow: hidden; 
}
.flex-viewport { 
    max-height: 2000px; 
    transition: all 1s ease; 
}
.loading .flex-viewport { max-height: 300px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav .flex-prev { left: 55px; }
.flex-direction-nav .flex-next { right: 55px; }
.flex-direction-nav .flex-disabled { cursor: default; }
.flex-direction-nav a:hover { 
    color: #fff; 
    background: rgba(0, 0, 0, 0.6); 
}

/* Control Nav */
.flex-control-nav { 
    width: auto; 
    padding: 10px 15px; 
    background: rgba(0, 131, 185, .6); 
    height: 9px; 
    border-radius: 20px; 
    position: absolute; 
    bottom: 29px; 
    right: 50%; 
    margin: 0 -600px 0 0; 
    text-align: center; 
    z-index: 98; 
}
.flex-control-nav li { 
    margin: 0 7px 0; 
    display: inline-block; 
    zoom: 1; 
}
.flex-control-paging li a { 
    width: 8px; 
    height: 8px; 
    display: block; 
    cursor: pointer; 
    text-indent: -9999px; 
    border-radius: 8px; 
    background: #ffffff; 
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #e3bb1d; }

/* Banner */
.banner { 
    width: 100%; 
    overflow: hidden; 
    position: relative; 
    height: 100%; 
}
.banner .flexslider .slides li a { position: relative; }
.banner .flexslider .slides li a .imgresponsive { 
    background-position: center top; 
    background-repeat: no-repeat; 
    width: 100%; 
    display: block; 
    background-size: 100% 400px; 
    padding-bottom: 81.5%; 
}
.banner .flexslider .slides li a:after { 
    z-index: 7; 
    content: ''; 
    clear: both; 
    left: 0; 
    bottom: 0; 
    width: 100%; 
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); 
    display: block; 
    position: absolute; 
}

/* Common Components */
.mode { padding: 40px 0; }
.articletitle { margin-bottom: 40px; text-align: center; }
.title01 { margin-bottom: 10px; }
.title02 { color: #999; line-height: 24px; }

/* More Button */
.more { text-align: center; margin-top: 40px; }
.more > a { 
    display: inline-block; 
    margin: 0 10px; 
    position: relative; 
    overflow: hidden; 
    border: 1px solid #8B0012; 
}
.more > a > span { 
    display: inline-block; 
    padding: 10px 40px; 
    background: none; 
    color: #666; 
    transition: all 0.4s; 
}
.more > a:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: -1; 
    padding: 10px 20px; 
    width: 100%; 
    height: 100%; 
    background: #8B0012; 
    color: #fff; 
    content: attr(data-hover); 
    transform: translateX(-100%); 
    transition: all 0.4s; 
    box-sizing: border-box; 
    opacity: 0; 
    text-align: center; 
}
.more > a:hover > span { transform: translateX(100%); }
.more > a:hover:before { transform: translateX(0); opacity: 1; z-index: 0; }

/* News Section */
.wrap-mode01 { background-color: #f2f1e9; width: 100%; }
.news-list { margin-left: -15px; margin-right: -15px; }
.news-list > li { margin-bottom: 30px; }
.news-list > li > a { display: block; }

.news-text h3 { height: 78px; line-height: 26px; overflow: hidden; margin-bottom: 47px; font-size: 16px; }
.news-text .news-time { color: #999; font-family: "arial"; font-size: 15px; }
.news-list > li.first { width: 50%; }
.news-list > li.first .news-text { position: absolute; left: 0; bottom: 0; padding: 15px; }
.news-list > li.first .news-con { position: relative; }
.news-list > li.first .news-con:after { 
    z-index: 1; 
    content: ''; 
    clear: both; 
    position: absolute; 
    left: 0; 
    width: 100%; 
    height: 100px; 
    bottom: 0; 
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); 
    display: block; 
}
.news-list > li.first .news-text h3 { font-size: 18px; margin-bottom: 0; height: 52px; color: #fff; z-index: 9; position: relative; }
.news-list > li.first .news-text .news-time { display: none; }

/* BBS Section */
.wrap-mode02 { background-color: #8b0012; width: 100%; }
.bbs-list li a { display: block; }
.bbs-text { padding: 22px 22px 10px 22px; }
.bbs-time { color: #8b0012; font-family: 'Arial'; margin-top: 5px; }
.bbs-tag { 
    position: relative; 
    float: left; 
    padding: 5px 10px; 
    text-align: center; 
    color: #fff; 
    background: #8b0012; 
}
.bbs-tag:after { 
    position: absolute; 
    left: -7px; 
    bottom: -7px; 
    width: 0; 
    height: 0; 
    border-width: 7px; 
    border-style: solid; 
    border-color: transparent #8b0012 transparent transparent; 
    transform: rotate(0deg); 
    content: ''; 
    clear: both; 
}

/* Notice Section */
.wrap-mode03 { background: #fff; width: 100%; }
.notice-list li a { display: block; }
.notice { margin-top: 50px; padding: 20px 20px 30px; border: 1px solid #efefef; }
.notice-time { 
    width: 90px; 
    height: 90px; 
    text-align: center; 
    background: #8B0012; 
    border-radius: 50%; 
    border: 4px solid #f0dddd; 
    left: 50%; 
    margin-left: -45px; 
    top: -30px; 
    overflow: hidden; 
}
.notice h3 { margin-top: 65px; height: 78px; line-height: 26px; overflow: hidden; text-align: center; }

/* Topic Section */
.wrap-mode04 { background: url(../images/mode04_bg.jpg) no-repeat center top #400109; background-size: cover; }
.topic-img a { 
    display: block; 
    padding: 6px 6px 1px 6px; 
    background: #fff; 
    text-align: center; 
    position: relative; 
    top: 0; 
}
.topic-text-list li a { 
    display: block; 
    height: 70px; 
    line-height: 70px; 
    overflow: hidden; 
    background: url(../images/topic_bg1.png) no-repeat center top; 
    background-size: cover; 
    color: #fff; 
    position: relative; 
    top: 0; 
}

/* Academic Section */
.wrap-mode05 { background-color: #f2f1e9; width: 100%; }
.academic-list li a { display: block; }
.academic { margin-top: 50px; padding: 20px 20px 30px; }
.academic-text h3 { height: 26px; line-height: 26px; overflow: hidden; color: #666; margin-bottom: 12px; }

/* Subject Section */
.subject-list { margin: 0 -10px; }
.subject-list li { width: 23.5%; }
.subject-list li.first { width: 28.66%; }
.subject a { display: block; }
.subject-text { padding: 15px 20px 33px 20px; }
.subject-text h3 { margin-bottom: 10px; height: 30px; line-height: 30px; overflow: hidden; }

/* Animations */
.mode { transform: translateY(50px); opacity: 0; transition: all 0.8s ease-in-out; }
.mode01 { transform: none; opacity: 1; }
.bbs-list li:nth-child(1) { transform: translateX(-50px); opacity: 0; transition: all 0.8s ease-in-out; }
.bbs-list li:nth-child(2) { transform: translateY(50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.3s; }
.bbs-list li:nth-child(3) { transform: translateX(50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.6s; }
.notice-list { transform: translateX(-50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.3s; }
.topic-list { transform: translateY(50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.3s; }
.academic-list { transform: translateX(50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.3s; }
.subject-list { transform: translateX(-50px); opacity: 0; transition: all 0.8s ease-in-out; transition-delay: 0.3s; }