@charset "utf-8";

/* CSS Document */

.banner {
    position: relative;
    z-index: 1;
}


/* Browser Resets
*********************************/

.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 Necessary Styles
*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative
}


/* Hide the slides before the JS is loaded. Avoids image jumping */

.banner .flexslider .slides>li a {
    display: block;
    height: 0;
    padding-bottom: 29%;
    overflow: hidden;
}

.banner .flexslider ul li.flex-active-slide img {
    transition: transform 6000ms linear 0s;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.flexslider .slides>li.clone {
    position: relative
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}


/* Clearfix for the .slides element */

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides>li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/

.flexslider {
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
}

.flex-direction-nav a:hover {
    text-shadow: 1px 1px 0 #666;
}

.flex-direction-nav .flex-prev {
    position: absolute;
    left: 0;
    bottom: 40px;
    background: url(../images/arrow-lf.png) no-repeat center;
    background-color: rgba(255, 255, 255, 0.5);
    border-top-left-radius: 20px;
    z-index: 9;
}

.flex-direction-nav .flex-next {
    position: absolute;
    right: 0;
    bottom: 40px;
    background: url(../images/arrow-rt.png) no-repeat center;
    background-color: rgba(255, 255, 255, 0.5);
    border-top-right-radius: 20px;
    z-index: 9;
}

.flexslider:hover .flex-prev {}

.flexslider:hover .flex-next {}

.flexslider .flex-next:hover,
.flexslider .flex-prev:hover {
    background-color: #1a5892;
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}


/* Pause/Play */

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    background: #ddd
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}


/* Control Nav */

.flex-control-nav {
    width: auto;
    position: relative;
    bottom: 40px;
    /*! left: 0; */
    z-index: 9999;
    text-align: center;
}

.flex-control-nav li {
    margin: 10px 6px 0;
    display: block;
    zoom: 1;
    *display: inline;
    vertical-align: bottom;
}

.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    cursor: pointer;
}

.flex-control-paging li a:hover {}

.flex-control-paging li a.flex-active {}

.banner .flex-direction-nav {
    display: block;
}

.banner .flex-control-paging {}

.banner .flex-control-nav li {
    margin: 0 10px;
    overflow: hidden;
    display: inline-block;
}

.banner .flex-control-nav li a {
    text-indent: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(88, 54, 139, 0.5);
    border-radius: 50%;
    border: #fff 1px solid;
}

.banner .flex-control-nav li a.flex-active {
    background: rgba(88, 54, 139, 1);
    border: #fff 2px solid;
}

.banner .flexslider {
    position: relative;
    z-index: 0;
}

.content {
    overflow: hidden;
}

.articleTitle01 {
    overflow: hidden;
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
}

.articleTitle01 .title {
    display: block;
    float: left;
    width: 180px;
    font-family: '楷体';
    color: #08345f;
    background: url(../images/titlebg.png) no-repeat;
    text-align: center;
}

.articleTitle01 .more {
    display: block;
    float: right;
    width: 67px;
    text-align: center;
    line-height: 30px;
    background: url(../images/morebg.png) no-repeat center;
}

.wrap_mode01 {
    margin: 40px auto;
    overflow: hidden;
    position: relative;
}

.wrap_mode01:before {
    content: "";
    display: block;
    width: 191px;
    height: 401px;
    background: url(../images/modebg-lf.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}

.wrap_mode01:after {
    content: "";
    display: block;
    width: 191px;
    height: 401px;
    background: url(../images/modebg-rt.png) no-repeat;
    position: absolute;
    right: 0;
    top: 20px;
}

.mode01 {
    overflow: hidden;
}

.mode01 .gp-fl {
    width: 47.5%;
}

.mode01 .gp-fr {
    width: 47.5%;
}

.mode03 .lf,
.mode03 .md,
.mode03 .rt {
    width: 33.3%;
    float: left;
}

.mode03In {
    width: 1260px;
    margin: 0 -30px;
}

.artIn {
    margin: 0 -30px
}

.articleList022 {
    margin: 0 30px
}


/*书院新闻*/

.list1 {}

.list1 li:first-child a {
    padding-top: 8px;
}

.list1 li a {
    display: block;
    padding: 0 10px 8px 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.list1 li {
    position: relative;
    background: #fafafa;
}

.list1 li:before {
    content: "";
    display: block;
    width: 200px;
    height: 100%;
    background: #1a5892;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.list1 li:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: url(../images/hoverbg.png) no-repeat #22548f;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all 0.3s ease;
}

.list1 li:hover:after {
    width: 100%;
}

.list1 .list-Img {
    display: block;
    width: 260px;
    height: 146px;
    float: left;
    overflow: hidden;
}

.list1 .list-Text {
    display: block;
    margin: 12px 0 12px 280px;
}

.list1 .list-title {
    display: block;
    max-height: 54px;
    line-height: 26px;
    overflow: hidden;
}

.list1 .list-date {
    display: block;
    color: #ffbb00;
    background: url(../images/datebg2.png) no-repeat left center;
    padding-left: 20px;
    margin: 16px 0;
}

.list1 .list-Con {
    display: block;
}

.list1 li:hover .list-Text,
.list1 li:hover .list-date,
.list1 li:hover .list-Con {
    color: #fff;
}

.list1 li:hover .list-date {
    background: url(../images/datebg.png) no-repeat left center;
}


/*通知公告*/

.list2 {
    margin: -18px 0;
    overflow: hidden;
}

.list2 li {
    overflow: hidden;
}

.list2 li a {
    display: block;
    position: relative;
    margin: 18px 0;
    overflow: hidden;
}

.list2 .mark {
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 20px;
    background: #8cabc8;
    color: #fff;
    margin-top: 5px;
}

.list2 li:nth-child(1) .mark {
    background: #8cabc8;
}

.list2 li:nth-child(2) .mark {
    background: #a98cc8;
}

.list2 li:nth-child(3) .mark {
    background: #c88cab;
}

.list2 li:nth-child(4) .mark {
    background: #c8a98c;
}

.list2 li:nth-child(5) .mark {
    background: #b4c88c;
}

.list2 li:nth-child(6) .mark {
    background: #8cc8a9;
}

.list2 .list-Text {
    display: block;
    margin: 0 70px 0 100px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.list22 .list-Text {
    display: block;
    margin: 0 110px 0 30px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.list2 li a:hover .list-Text {
    margin-left: 106px;
}

.list22 li a:hover .list-Text {
    margin-left: 40px;
}

.list2 .list-Text span {
    display: block;
}

.list2 .list-Con {
    color: #999999;
    margin: 7px 0 0 0;
}

.list2 .date {
    display: block;
    width: 52px;
    height: 52px;
    background: url(../images/datebg3.png) no-repeat left center;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}

.list22 .date1 {
    /*! width: 52px; */
    /*! height: 52px; */
    text-align: right;
    position: absolute;
    right: 0;
    top: 15px;
    color: #999999;
}

.list2 .month {
    display: block;
    color: #999;
}

.list2 .day {
    display: block;
    color: #1a5892;
}

.wrap_mode02 {
    background: url(../images/modebg2.jpg) repeat;
    padding: 33px 0 40px 0;
    overflow: hidden;
}

.wrap_mode03 {
    background: url(../images/modebg2.jpg) repeat;
    padding: 33px 0 40px 0;
    overflow: hidden;
}

.mode02 {
    overflow: hidden;
}

.mode02 .gp-fl {
    width: 47.5%;
}

.mode02 .gp-fr {
    width: 47.5%;
}


/*活动日历*/

.list3 {
    overflow: hidden;
}

.list3 li {
    margin-bottom: 10px;
    overflow: hidden;
}

.list3 li a {
    display: block;
    height: 55px;
    line-height: 55px;
    background: url(../images/libg.png) repeat-x;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.list3 li a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/arrow.png) no-repeat right center;
    position: absolute;
    right: 35px;
    top: 25px;
}

.list3 .artText {
    display: block;
    margin: 0 68px 0 28px;
    overflow: hidden;
}

.list3 .gp-article {
    margin: 0 22px;
    display: none;
    background: #fff;
    padding: 15px 30px;
    overflow: hidden;
}

.list3 li.on {}

.list3 li.on .gp-article {
    display: block;
}

.list3 .gp-article .list-Con1 {
    color: #1a5892;
    font-style: normal;
    margin-bottom: 8px;
}

.list3 .datebg {
    color: #1a5892;
    display: inline-block;
    background: url(../images/datebg4.png) no-repeat left center;
    padding-left: 15px;
    float: right;
}

.list3 .list-Con2 {
    display: block;
    height: 38px;
    line-height: 19px;
    color: #999;
    overflow: hidden;
}


/*友情链接*/

.list4 {
    margin: -15px -10px;
    overflow: hidden;
}

.list4 li a {
    display: block;
    background: #efeff4;
    margin: 15px 10px;
    padding: 28px 0;
    overflow: hidden;
}

.list4 .link {
    display: block;
    width: 60px;
    height: 64px;
    margin: 0 auto;
}

.list4 .list-Text {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 8px 0 0 0;
    overflow: hidden;
}

.list4 li a:hover .link {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

@media screen and (max-width:1300px) {
    .mode03In {
        width: 106%;
    }
}

@media screen and (max-width:1020px) {
    .mode03In {
        margin: 0px;
        width: 100%;
    }
}

@media screen and (max-width:996px) {
    .mode03 .lf,
    .mode03 .md,
    .mode03 .rt {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
    .mode01 .gp-fl,
    .mode02 .gp-fl {
        width: auto;
        float: none;
    }
    .mode01 .gp-fr,
    .mode02 .gp-fr {
        width: auto;
        float: none;
        margin-top: 25px;
    }
}

@media screen and (max-width:640px) {
    .list1 .list-Img {
        width: 200px;
        height: 115px;
    }
    .list1 .list-Text {
        margin-left: 220px;
    }
    .banner .flex-direction-nav,
    .banner .flex-control-paging {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .list1 .list-Img {
        width: 100%;
        height: 0;
        padding-bottom: 56.6%;
        float: none;
    }
    .list1 .list-Img img {
        width: 100%;
    }
    .list1 .list-Text {
        margin-left: 0;
    }
    .list1 li:before,
    .list1 li:after {
        display: none;
    }
    .list1 li:hover .list-Text,
    .list1 li:hover .list-date,
    .list1 li:hover .list-Con {
        color: #333;
    }
    .list1 .list-date {
        margin: 6px 0;
    }
    .list2 .list-Text {
        margin: 0 58px 0 80px;
    }
    .list2 li a:hover .list-Text {
        margin-left: 80px;
    }
    .list4 li a {
        padding: 15px 0;
        margin: 5px 10px;
    }
}