/*轮播图*/





/*=================================*/





/* Nivo Slider Demo

/* November 2010

/* By: Gilbert Pellegrom

/* http://dev7studios.com

/*=================================*/





/*====================*/





/*=== Reset Styles ===*/





/*====================*/



* {

    margin: 0;

    padding: 0;

}



.slider-wrapper {

    width: 100%;

    margin: 12px auto;

    min-width: 1220px;

}





/*====================*/





/*=== Other Styles ===*/





/*====================*/





/*

Skin Name: Nivo Slider Default Theme

Skin URI: http://nivo.dev7studios.com

Description: The default skin for the Nivo Slider.

Version: 1.3

Author: Gilbert Pellegrom

Author URI: http://dev7studios.com

Supports Thumbs: true

*/



.theme-default .nivoSlider {

    position: relative;

    background: #fff url('../icons/loading.gif') no-repeat 50% 50%;

    margin-bottom: 10px;

    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;

    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

    box-shadow: 0px 1px 5px 0px #4a4a4a;

}



/*.theme-default .nivoSlider img {

    position: absolute;

    top: 0px;

    left: 0px;

    display: none;

}*/



.theme-default .nivoSlider a {

    border: 0;

    display: block;

}



.theme-default .nivo-controlNav {

    text-align: center;

}



.theme-default .nivo-controlNav a {

    display: inline-block;

    width: 22px;

    height: 22px;

    background: url('../icons/bullets.png') no-repeat;

    text-indent: -9999px;

    border: 0;

    margin: 0 2px;

}



.theme-default .nivo-controlNav a.active {

    background-position: 0 -22px;

}



.theme-default .nivo-directionNav a {

    display: block;

    width: 30px;

    height: 30px;

    background: url('../icons/arrows.png') no-repeat;

    text-indent: -9999px;

    border: 0;

    opacity: 0;

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    -o-transition: all 200ms ease-in-out;

    transition: all 200ms ease-in-out;

}



.theme-default:hover .nivo-directionNav a {

    opacity: 1;

}



.theme-default a.nivo-nextNav {

    background-position: -30px 0;

    right: 15px;

}



.theme-default a.nivo-prevNav {

    left: 15px;

}



.theme-default .nivo-caption {

    font-family: Helvetica, Arial, sans-serif;

}



.theme-default .nivo-caption a {

    color: #fff;

    border-bottom: 1px dotted #fff;

}



.theme-default .nivo-caption a:hover {

    color: #fff;

}



.theme-default .nivo-controlNav.nivo-thumbs-enabled {

    width: 100%;

}



.theme-default .nivo-controlNav.nivo-thumbs-enabled a {

    width: auto;

    height: auto;

    background: none;

    margin-bottom: 5px;

}



.theme-default .nivo-controlNav.nivo-thumbs-enabled img {

    display: block;

    width: 120px;

    height: auto;

}





/*

 * jQuery Nivo Slider v3.2

 * http://nivo.dev7studios.com

 *

 * Copyright 2012, Dev7studios

 * Free to use and abuse under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */





/* The Nivo Slider styles */



.nivoSlider {

    position: relative;

    width: 100%;

    height: 500px;

    overflow: hidden;

}



/*.nivoSlider img {

    position: absolute;

    top: 0px;

    left: 0px;

    max-width: none;

}*/



.nivo-main-image {

    display: block !important;

    position: relative !important;

    width: 100% !important;

}





/* If an image is wrapped in a link */



.nivoSlider a.nivo-imageLink {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    border: 0;

    padding: 0;

    margin: 0;

    z-index: 6;

    display: none;

    background: white;

    filter: alpha(opacity=0);

    opacity: 0;

}





/* The slices and boxes in the Slider */



.nivo-slice {

    display: block;

    position: absolute;

    z-index: 5;

    height: 100%;

    top: 0;

}



.nivo-box {

    display: block;

    position: absolute;

    z-index: 5;

    overflow: hidden;

}



.nivo-box img {

    display: block;

}





/* Caption styles */



.nivo-caption {

    position: absolute;

    left: 0px;

    bottom: 0px;

    background: #000;

    color: #fff;

    width: 100%;

    z-index: 8;

    padding: 5px 10px;

    opacity: 0.8;

    overflow: hidden;

    display: none;

    -moz-opacity: 0.8;

    filter: alpha(opacity=8);

    -webkit-box-sizing: border-box;

    /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;

    /* Firefox, other Gecko */

    box-sizing: border-box;

    /* Opera/IE 8+ */

}



.nivo-caption p {

    padding: 5px;

    margin: 0;

}



.nivo-caption a {

    display: inline !important;

}



.nivo-html-caption {

    display: none;

}





/* Direction nav styles (e.g. Next & Prev) */



.nivo-directionNav a {

    position: absolute;

    top: 45%;

    z-index: 9;

    cursor: pointer;

}



.nivo-prevNav {

    left: 0px;

}



.nivo-nextNav {

    right: 0px;

}





/* Control nav styles (e.g. 1,2,3...) */



.nivo-controlNav {

    text-align: center;

}



.nivo-controlNav a {

    cursor: pointer;

}



.nivo-controlNav a.active {

    font-weight: bold;

}





/*学院新闻*/



.main {

    width: 1100px;

    margin: 0 auto;

    padding-bottom: 136px;
    padding-top:55px;

}



.news {

    height: 210px;

    margin: 0px auto;

    position: relative;

}



.faculty__news {

    height: 28px;

    font-size: 16px;

    line-height: 16px;

    font-weight: bold;

    color: #566ab3;

}



.faculty__news {

    margin-bottom: 10px;

    height: 28px;

    font-size: 16px;

    line-height: 16px;

    font-weight: bold;

    color: #1b3599;

}



.faculty__news a.more,

.faculty__notice a.more,

.faculty__science a.more,

.faculty__education a.more,

.faculty__party a.more,

.faculty__show a.more {

    color: #1b3599;

    font-size: 12px;

    font-weight: normal;

    float: right;

    position: absolute;

    top: 0;

    right: 5px;

}



.faculty__news a.more:hover,

.faculty__notice a.more:hover,

.faculty__science a.more:hover,

.faculty__education a.more:hover,

.faculty__party a.more:hover,

.faculty__show a.more:hover {

    color: #ff7539;

}



.faculty__news::after {

    margin-top: 8px;

    content: '';

    display: block;

    width: 1098px;

    height: 2px;

    background-color: #cacaca;

}



.faculty__news div {

    padding-left: 20px;

}



.faculty__news div::before {

    position: absolute;

    content: '';

    display: block;

    left: 0;

    top: 2px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 2px solid #1b3599;

}



.news__content {

    height: 180px;

    width: 1100px;

    margin: 10px;

    position: relative;

    overflow: hidden;

}



.news__content ul {

    list-style: none;

    margin: 10px;

    height: 150px;

    margin-left:-20px;

}



.news__content ul li {

    margin: 0 10px;

    width: 190px;

    height: 150px;

    float: left;

    position: relative;

    overflow: hidden;

    transition: width .5s;

}



.news__content ul li.news__item-active {

    margin: 0 10px;

    width: 450px;

    height: 150px;

    float: left;

    position: relative;

    overflow: hidden;

}



.news__content ul li .img__fold {

    position: relative;

    width: 190px;

    display: inline-block;

}



.news__content ul li .img__fold .news__time {

    position: absolute;

    top: 0px;

    left: 140px;

    width: 50px;

    height: 50px;

    background-color: rgba(42, 99, 151, .8);

}



.news__content ul li .img__fold .news__time {

    color: #fff;

    display: inline-block;

}



.news__content ul li .img__fold .news__time span.year-month {

    font-size: 11px;

    color: #fff;

    position: absolute;

    bottom: 5px;

    width: 50px;

    line-height: 11px;

    display: inline-block;

    white-space: nowrap;

}



.news__content ul li .img__fold .news__time span.day {

    font-size: 20px;

    color: #fff;

    position: absolute;

    top: 0;

    right: 15px;

    display: inline-block;

}



.news__content ul li .content__unfold {

    height: 150px;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 190px;

    background-color: #E0F6FF;

    width:240px;

}



.news__content ul li .content__fold {

    width: 260px;

    height: 150px;

    display: none;

    position: absolute;

    top: 0;

    left: 130px;

    background-color: #E0F6FF;

}



.news__content ul li .content__unfold dl dt {

    color: #595757;

    height: 10px;

    font-size: 14px;

    font-weight: bold;

    padding-top: 14px;

    padding-left: 7px;

    height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    white-space: nowrap;

}



.news__content ul li .content__unfold dl dt::after {

    content: '';

    display: block;

    width: 230px;

    height: 1px;

    margin-top: 6px;

    background-color: #c4d3d4;

}



.news__content ul li .content__unfold dl dd {

    color: #595757;

    font-size: 14px;

    height: 75px;

    text-indent: 2em;

    padding: 0px 10px 0 10px;

    overflow: hidden;

    line-height: 25px;

}



.news__content ul li .content__unfold dl a.news__detail {

    display: inline-block;

    height: 30px;

    font-size: 14px;

    color: #ff7539;

    line-height: 30px;

    padding-left: 10px;

}



.news__content ul li .content__unfold dl a.news__detail:hover {

    color: red;

}





/*学院展示*/



.show {

    width: 1100px;

    position: relative;

    display: inline-block;

    margin-top: 20px;

}





/*通知公告、科研教栏、教务动态、*/



.notice,

.education,

.science,

.party {

    width: 498px;

    height: 200px;

    position: relative;

    display: inline-block;

    margin-top: 20px;

}



.notice,

.education {

    margin-right: 96px;

}



.faculty__notice,

.faculty__education,

.faculty__science,

.faculty__party,

.faculty__show {

    height: 28px;

    font-size: 16px;

    line-height: 16px;

    font-weight: bold;

    color: #1b3599;

    margin-bottom: 10px;

}



.faculty__notice::after,

.faculty__education::after,

.faculty__science::after,

.faculty__party::after,

.faculty__show::after {

    margin-top: 8px;

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    background-color: #c4d3d4;

}



.faculty__notice div,

.faculty__education div,

.faculty__science div,

.faculty__party div,

.faculty__show div {

    padding-left: 20px;

}



.faculty__notice div::before,

.faculty__education div::before,

.faculty__science div::before,

.faculty__party div::before,

.faculty__show div::before {

    position: absolute;

    content: '';

    display: block;

    left: 0;

    top: 2px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 2px solid #1b3599;

}



.notice__content ul,

.education__content ul,

.science__content ul,

.party__content {

    list-style: none;

}



.notice__content ul li,

.education__content ul li,

.science__content ul li,

.party__content ul li {

    height: 24px;

    line-height: 24px;

    position: relative;

    clear: both;

}



.notice__content ul li:hover,

.education__content ul li:hover,

.science__content ul li:hover,

.party__content ul li:hover {

    background: #E0F6FF;

    border-left: 5px solid #1b3599;

    transition: all .3s;

}



.notice__content ul li span.notice__title::before,

.education__content ul li span.education__title::before,

.science__content ul li span.science__title::before,

.party__content ul li span.party__title::before {

content: ' ';

display: block;

position: absolute;

top: 8px;

left: 0;

width: 8px;

height: 8px;

border-radius: 50%;

background-color: rgb(239, 239, 239);

margin-left: 6px;

}



.notice__content ul li span.notice__title,

.education__content ul li span.education__title,

.science__content ul li span.science__title,

.party__content ul li span.party__title {

    float: left;

    width: 80%;

}



.notice__content ul li span.notice__title a,

.education__content ul li span.education__title a,

.science__content ul li span.science__title a,

.party__content ul li span.party__title a {

    color: #595757;

    padding-left: 20px;

    padding-right: 20px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.notice__content ul li span.notice__date,

.education__content ul li span.education__date,

.science__content ul li span.science__date,

.party__content ul li span.party__date {

    color: #525252;

    float: right;

}





/*学院风采*/



.show {

    margin-bottom: 30px;

}



.scroll {

    width: 900px;

    height: 110px;

    margin: 0 auto;

    margin-top: 25px;

    position: relative;

}



.scroll .img-scroll {

    overflow: hidden;

}



.scroll .img-scroll ul {

    margin-top: 20px;

    width: 21960px;

    height: 110px;

    list-style: none;

}



.scroll .img-scroll ul li {

    float: left;

    margin: 0 15px;

}



.scroll .hd .prev,

.scroll .hd .next {

    position: absolute;

    top: 50%;

    width: 20px;

    height: 20px;

    background-color: transparent;

    /*背景颜色是透明的*/

    border-color: #bfbfbf;

    border-width: 0 0 3px 3px;

    border-style: solid;

    margin-top: -10px;

}



.scroll .hd .prev {

    left: -90px;

    transform: rotate(45deg);

}



.scroll .hd .next {

    right: -90px;

    transform: rotate(-135deg);

}



.scroll .hd .prev:hover,

.scroll .hd .next:hover {

    border-color: #8a8a8a;

}