@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;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.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 {
    *
;
    display: none;
    display: n;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    z-index: 99;
    overflow: hidden;
    cursor: pointer;
    margin-top: -45px;
    text-indent: 999em;
    transition: all 0.35s ease-in-out
}

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

.flex-direction-nav .flex-prev {
    left: 3%;
}

.flex-direction-nav .flex-next {
    right: 3%;
}

.flexslider:hover .flex-prev {
    display: none;
}

.flexslider:hover .flex-next {}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 0.6;
}

.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: 100%;
    position: absolute;
    bottom: -2px;
    /*! left:0; */
    text-align: center;
    z-index: 9999;
}

.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 {}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}


.banner .flex-prev {
    background: url(../images/lf.png) no-repeat;
    background-size: cover;
    display: none
}

.banner .flex-next {
    background: url(../images/rt.png) no-repeat;
    background-size: cover;
    display: none
}

.banner .flex-control-paging {
    display: none;
    width: 148px;
    position: absolute;
    bottom: 325px;
    right: 0;
    z-index: 1045;
    text-align: center;
}

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

.banner .container {
    background: rgba(41, 67, 121, 0.92);
    background: #294379 \0;
    *background: #294379;
    overflow: hidden;
    position: absolute;
    bottom: 42px;
    z-index: 1;
    width: 1320px;
    overflow: hidden;
    left: 50%;
    margin-left: -660px;
}

.bannerbg {
    background: url(../images/bannerbg.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.banner.current {
    margin-top: 60px;
}

/*校庆公告*/
.articleList00 {
    max-width: 1000px;
    width: 80%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    /* margin-left: -500px; */
    /* margin-top: -176px; */
    transform: translate(-50%, -50%);
    text-align: center;
}

.articleList00 h3 {
    font-size: 65px;
    font-size: 6.5rem;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.articleList00 p {
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: 20px auto 60px auto;
}

.bit-Notice {
    background: rgba(175, 42, 60, 0.6);
    /* background: #af2a3c; */
    * background: #af2a3c;
    height: 166px;
    border-radius: 6px;
    padding: 50px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin: 0 5px;
    /* margin: 0; */
    display: inline-block;
}

.bit-Notice2 {
    /* width:100%; */
    width: 463px;
    padding: 35px;
    margin: 0;
}

.noticeText {
    height: 60px;
    /* background: url(../images/lo.png) no-repeat left center; */
    padding: 0 75px 0 92px;
    border-right: rgba(255, 255, 255, .33) 1px solid;
    margin-right: 87px;
    position: relative;
    text-align: left;
}

.bit-Notice2 .noticeText {
    background: none;
}

.noticeText .title {
    font-size: 27px;
    font-size: 2.7rem;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
}

.noticeText a {
    color: #fff;
    opacity: 0.7;
}

.noticeText a:hover {
    opacity: 1;
}

.bit-Notice .more {
    width: 35px;
    height: 33px;
    position: absolute;
    right: 50px;
    top: 63px;
    transition: all 0.3s ease-in-out;
}

.bit-Notice .more a {
    display: block;
}


.content {
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.wrap_mode01 {
    overflow: hidden;
}

.mode01 {
    /* overflow: hidden; */
    margin: 80px auto;
}

.mode01 .date {
    background: #af2a3c;
    border: #af2a3c 1px solid;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border-radius: 5px;
    position: absolute;
    left: 10px;
    bottom: 6px;
}

.mode1Top {
    position: relative;

}

.mode01 .lf {
    width: 49.3%;
    overflow: hidden;
}

.mode01 .rt {
    width: 49.2%;
    overflow: hidden;
}


.articleList01 {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.articleList01 a {
    display: block;
}

.articleList01 .imgResponsive {
    padding-bottom: 68.67%;
}

.articleList01 .date {
    background: #af2a3c;
    border: #af2a3c 1px solid;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 15px 23px;
}

.date .year {
    color: #fff;
    padding: 0 5px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.date .day {
    background: #fff;
    color: #af2a3c;
    padding: 0 5px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.articleList01 .artText {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.articleList01 .artCon {
    display: block;
    height: 87px;
    line-height: 87px;
    font-size: 22px;
    font-size: 1.8rem;
    display: block;
    background: rgba(175, 42, 60, 0.5);
    color: #fff;
    padding: 0 3%;
}


/*倒计时*/


.anniversary {
    text-align: center;
    overflow: hidden;
    /* letter-spacing: 4px; */
    /* line-height: 27px; */
    /* float: left; */
}

.anniversary .time {
    font-size: 12px;
    display: inline-block;
    color: #fff;
    /* margin: 0 0 5px 0; */
    float: left;
}

.anniversary .title {
    font-size: 21px;
    font-size: 2.1rem;
    display: inline-block;
    color: #fff;
    letter-spacing: 4px;
    float: right;
}

.dates {
    margin-top: 0;
    text-align: right;
}

.dates .title {
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff;
    letter-spacing: 6px;
}

.dates p {
    display: block;
    background: url(../images/dates-text.png) no-repeat left center;
    margin: 10px 0 0px 0;
    height: 46px;
    line-height: 46px;
    position: relative;
}

.dates #t_d01 {
    font-size: 50px;
    font-size: 5.0rem;
    color: #fff;
    position: absolute;
    right: auto;
    left: 216px;
}

.dates .school {
    font-size: 10px;
    color: #eee;
}


.articleList03 {
    margin: 30px 0 0 0;
    overflow: hidden;
}

.articleList03 ul {
    margin: 0 -15px;
    overflow: hidden;
}

.articleList03 li {
    width: 49.9%;
    float: left;
}

.articleList03 li a {
    display: block;
    margin: 0 15px;
    overflow: hidden;
    position: relative;
    border: #af2a3c 2px solid;
    border-radius: 6px;
}

.articleList03 .imgResponsive {
    padding-bottom: 57.67%;
}

.articleList03 .artText {
    height: 60px;
    background: url(../images/80-red.png) no-repeat left center;
    padding-left: 90px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    margin-left: -99px;
    margin-top: -30px;
}

.articleList03 .artText.artText02 {
    background: url(../images/house2.png) no-repeat left center;
}

.articleList03 .title {
    font-size: 27px;
    font-size: 2.7rem;
    color: #af2a3c;
    display: block;
    margin: 0 0 5px 0;
    transition: all 0.3s ease-in-out;
}

.articleList03 .more {
    color: #af2a3c;
    opacity: 0.7;
    background: url(../images/more02.png) no-repeat center right;
    padding-right: 20px;
    transition: all 0.3s ease-in-out;
}



/*校庆新闻*/
.wrap_mode02 {
    background: #f8f8f8;
    overflow: hidden;
}

.mode02 {
    margin: 80px auto;
    overflow: hidden;
    margin-bottom: 65px;
}

.mode02 .lf {
    width: calc(50% - 60px);
    overflow: hidden;
}

.mode02 .rt {
    width: calc(50% - 60px);
    overflow: hidden;
}

.articleTitle01 {
    height: 45px;
    line-height: 45px;
    border-bottom: #af2a3c 3px solid;
    padding: 0 0 20px 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.articleTitle01 .title {
    font-size: 34px;
    font-size: 3.4rem;
    float: left;
}

.articleTitle01 .more {
    font-size: 14px;
    color: #af2a3c;
    background: url(../images/more02.png) no-repeat right 6px center;
    padding-right: 30px;
    float: right;
    transition: all 0.3s ease-in-out;
}

.bit-List01 li {
    margin: 0 0 25px 0;
    overflow: hidden;
}

.bit-List01 .date, .bit-List05 .date {
    background: #af2a3c;
    border: #af2a3c 1px solid;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border-radius: 5px;
    float: left;
}

.bit-List01 a {
    display: block;
    margin-left: 110px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
}


/*通知公告*/
.bit-List02 {
    overflow: hidden;
}

.bit-List02 li {
    margin: 0 0 25px 0;
    overflow: hidden;
}

.bit-List02 .rightDate {
    float: right;
    color: #af2a3c;
}

.bit-List02 a {
    background: url(../images/libg.png) no-repeat left center;
    padding-left: 30px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: block;
}


/*校庆安排*/
.wrap_mode03 {
    background: url(../images/modebg.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
}

.mode03 {
    margin: 90px auto;
    /*! overflow: hidden; */
}

.articleTitle02 {
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 60px;
}

.articleTitle02 .title {
    font-size: 43px;
    font-size: 4.3rem;
    color: #fff;
    /*background:url(../images/80.png) no-repeat left center;*/
    background-size: 55px;
    padding-left: 70px;
}

.articleTitle02:before {
    /*content: "";*/
    display: block;
    width: 24px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -12px;
}

.mode03 .flexslider .slides>li {
    display: block;
}

.bit-List03 {
    text-align: center;
    max-width: 967px;
    margin: 0 auto;
    background: url(../images/dian.png) no-repeat center;
}

.bit-List03 dd {
    width: 203px;
    display: inline-block;
    margin: 20px 55px;
    *float: left;
    position: relative;
}

.bit-List03 dd:before {
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    /* background:#ad2a3c;*/
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -29px;
    /*box-shadow: 0 2px 6px 0px #5c171f;*/
    z-index: 0;
}

.bit-List03 dd a {
    display: block;
    background: #f4e8e9;
    text-align: center;
    border: #ad2a3c 2px solid;
    border-radius: 6px;
    box-shadow: 0 2px 6px 0px #5c171f;
    position: relative;
    padding: 40px 0 20px 0;
    z-index: 1;
}

.bit-List03 .num {
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #e54d49;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    border: #f4e8e9 9px solid;
    position: absolute;
    left: 50%;
    top: -17px;
    margin-left: -27px;
}

.bit-List03 .artText {
    font-weight: bold;
    color: #af2a3c;
}

.bit-List03 dd a:hover {
    margin-top: -6px;
}

.bit-List03 dd a:hover .num {
    background: #af2a3c;
}



/*各学院主要活动*/
.bit-List04 {
    text-align: center;
    overflow: hidden;
    max-width: 967px;
    margin: 0 auto;
    background: url(../images/dian.png) no-repeat center;
    padding: 0 40px;
}

.bit-List04 dd {
    display: inline-block;
    margin: 20px 35px;
    *float: left;
    *width: 25%;
    position: relative;
}

.bit-List04 dd a {
    display: block;
    background: #f4e8e9;
    text-align: center;
    border: #ad2a3c 2px solid;
    border-radius: 6px;
    box-shadow: 0 2px 6px 0px #5c171f;
    position: relative;
    height: 46px;
    line-height: 46px;
    z-index: 1;
}

.bit-List04 dd:before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    background: #ad2a3c;
    border-radius: 50%;
    position: absolute;
    left: -27px;
    top: -6px;
    box-shadow: 0 2px 6px 0px #5c171f;
}

.bit-List04 .iconbg {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/iconbg.png) no-repeat center #e54d49;
    border-radius: 50%;
    border: #f5e8ea 11px solid;
    position: absolute;
    left: -27px;
    top: -6px;
    z-index: 1;
}

.bit-List04 .artText {
    font-weight: bold;
    color: #af2a3c;
    padding: 0 22px 0 45px;
}

.mode03 .flex-direction-nav a {
    display: block;
    width: 39px;
    height: 36px;
}

.mode03 .flex-prev {
    background: url(../images/prev.png) no-repeat;
    left: 0;
    top: 50%;
    margin-top: -18px;
}

.mode03 .flex-next {
    background: url(../images/next.png) no-repeat;
    right: 0;
    top: 50%;
    margin-top: -18px;
}

.mode03 .flex-control-nav {
    bottom: -40px;
}

.mode03 .flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    *float: left;
}

.mode03 .flex-control-paging li a {
    width: 73px;
    height: 7px;
    border-radius: 6px;
    background: #c67781;
    text-indent: 999em;
}

.mode03 .flex-control-paging li a.flex-active {
    background: #efd8db;
}



/*北理印象*/
.mode04 {
    margin: 85px auto;
    overflow: hidden;
}

.mode04 .lf {
    width: 63%;
    overflow: hidden
}

.mode04 .rt {
    width: 32%;
    overflow: hidden;
}

.bit-List05 {
    margin: 0 -15px;
    overflow: hidden;
}

.bit-List05 li {
    width: 50%;
    float: left;
}

.bit-List05 li a {
    display: block;
    margin: 0 15px;
}

.bit-List05 .artImg {
    display: block;
    position: relative;
    /* border-radius: 6px; */
    overflow: hidden;
}

.bit-List05 .date {
    position: absolute;
    left: 10px;
    bottom: 7px;
}

.bit-List05 .imgResponsive {
    padding-bottom: 68.67%;
}

.bit-List05 .artText {
    display: block;
    height: 54px;
    line-height: 27px;
    margin: 25px 0 0 0;
    overflow: hidden;
}

.bit-List05 .more {
    display: inline-block;
    width: 86px;
    height: 55px;
    text-align: center;
    line-height: 68px;
    background: rgba(229, 77, 73, 0.6);
    border-radius: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -43px;
    margin-top: -27px;
}

.bit-List05 .more img {
    width: auto;
}


/*祝福北理*/
.bit-List06 {}

.bit-List06 li {
    margin-bottom: 6px;
    overflow: hidden;
}

.bit-List06 .libg {
    display: block;
    float: left;
    width: 52px;
    height: 52px;
    background: #e54d49;
    color: #fff;
    text-align: center;
    line-height: 52px;
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.bit-List06 li .artText {
    display: block;
    background: #f3f2f2;
    line-height: 24px;
    border-radius: 6px;
    padding: 15px 20px 25px 20px;
}

.bit-List06 li:hover .libg {
    background: #af2a3c;
}

.bit-List06 li .artText a {
    display: block;
    max-height: 72px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}


/*校史春秋*/
.wrap_mode05 {
    background: url(../images/modebg02.png) no-repeat;
    overflow: hidden;
    padding: 90px 0 125px 0;
}

.articleTitle03 {
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

.articleTitle03 .title {
    font-size: 42px;
    font-size: 4.3rem;
}

.articleTitle03:before {
    /* content: "";*/
    display: block;
    width: 24px;
    height: 3px;
    background: #4a4a4a;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -12px;
}

.articleTitle03 .more {
    font-size: 14px;
    color: #af2a3c;
    background: url(../images/more02.png) no-repeat right 6px center;
    padding-right: 30px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    top: 20px;
}

.articleList09 .flexslider .slides>li {
    display: block;
    margin-right: 30px;
}

.articleList09 .flex-control-paging {
    max-width: 566px;
    margin: 20px auto auto auto;
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}

.articleList09 .flex-control-paging:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #c1c0c0;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 0;
}

.articleList09 .flex-control-paging li {
    display: inline-block;
    margin: 0;
    float: left;
}

.articleList09 .flex-control-paging li a {
    display: inline-block;
    width: 50px;
    height: 11px;
    border-radius: 6px;
    text-indent: 999em;
    float: left;
    position: relative;
    z-index: 1;
}

.articleList09 .flex-control-paging li a.flex-active {
    background: #af2a3c;
}

.articleList09 .flex-direction-nav a {
    display: block;
    width: 39px;
    height: 36px;
}

.articleList09 .flex-direction-nav .flex-prev {
    left: 1%;
    background: url(../images/prev.png) no-repeat;
    top: 50%;
    display: none;
}

.articleList09 .flex-direction-nav .flex-next {
    right: 1%;
    background: url(../images/next.png) no-repeat;
    top: 50%;
}

.articleList09 .flexslider .slides>li a {
    display: block;
    position: relative;
}

.articleList09 .flexslider .slides>li .artText {
    display: block;
    width: calc(100% - 40px);
    /* height: 60px; */
    line-height: 27px;
    padding: 25px 0;
    padding-right: 40px;
    box-sizing: border-box;
    background: #af2a3c\9;
    *
    background: #af2a3c;
    box-sizing: border-box;
    color: #4a4a4a;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}
.articleList09 .flexslider .slides>li .artText .artCon{position: relative;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox; 
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;}
.articleList09 .flexslider .slides>li a:hover .artText {
    bottom: 0;
}

.blessing {
    border: 1px solid #dcdcdc;
    padding: 15px;
}

.blessing textarea {
    width: 80%;
    height: 90px;
    border: 1px solid #e5e5e5;
    background-color: #f4f4f4;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
}

.blessingBtn {
    width: 100%;
    display: block;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: url(../images/zfbg.png) no-repeat;
    color: #fff;
    background-size: 100% 100%;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin-top: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    margin-top: 21px;
}

.blessingBtn:hover {
  color:#fff
}

.blessing {
    transition: all 0.4s ease-in-out;
}

textarea {
    outline: none;
}

.bit-List06 {
    /* min-height: 260px; */
}
.bit-List06 li{
    margin-bottom: 6px;
}
.bit-List06 li a{
    display: block;
    padding: 15px 20px 25px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #f3f2f2;
    transition: all .3s ease-in-out;
}
@media screen and (min-width:1024px) {
    .bit-Notice .more:hover {
        right: 45px;
    }

    .articleTitle01 .more:hover, .articleTitle03 .more:hover {
        background: url(../images/more02.png) no-repeat right center;
    }

    .bit-List01 a:hover {
        margin-left: 116px;
    }

    .bit-List02 a:hover {
        padding-left: 36px;
    }

    .bit-List06 li:hover a {
        padding-left: 6px;
    }

    .articleList03 ul li a:hover .title, .articleList03 ul li a:hover .more {
        padding-left: 6px;
    }
}



@media screen and (max-width:1400px) {
   

    .dates p {
        background-size: 255px;
    }

    .dates #t_d01 {
        font-size: 3.8rem;
        /* right: 176px; */
        left: 165px;
    }

    .articleList03 {
        margin: 12px 0 0 0;
    }

    .bit-List06 li .artText a {
        max-height: 48px;
    }
    .bit-List06 li a{
        padding: 15px 20px;
    }

}


@media screen and (max-width:1200px) {
    .banner .flexslider .slides>li a {
        height: 0;
        padding-bottom: 50%;
    }

    .container {
        width: auto;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }



    .articleList00 h3 {
        font-size: 4.5rem;
    }

    .dates p {
        background-size: 180px;
    }

    .bit-Notice {
        padding: 20px 50px;
        height: 100px;
        margin-bottom: 5px;
        /* background: #af2a3c; */
    }

    .bit-Notice .more {
        top: 30px;
    }

    .articleList00 p {
        margin: 10px auto 40px auto;
    }

    .dates p {
        margin: 0px 0 0;
    }

    .mode01, .mode02, .mode04 {
        margin: 60px auto;
    }

    .mode03 {
        margin: 60px auto 80px auto;
    }

    .wrap_mode05 {
        padding: 0 0 60px 0;
    }

    .dates #t_d01 {
        font-size: 2.6rem;
        /* right: 212px; */
        left: 123px;
    }
}

@media screen and (max-width:1024px) {
    .banner .flex-direction-nav a {
        width: 60px;
        height: 60px;
    }

    .articleList01 .artCon {
        height: 45px;
        line-height: 45px;
        font-size: 1.8rem;
    }

    .articleList03 .imgResponsive {
        padding-bottom: 46.67%;
    }

    .articleList03 .title {
        font-size: 2.2rem;
    }

    .articleList03 .artText, .articleList03 .artText.artText02 {
        background-size: 50px;
        padding-left: 60px;
        margin-left: -74px;
    }

    .dates #t_d01 {
        font-size: 2.6rem;
        /* right: 25px; */
    }

    .articleTitle01 .title {
        font-size: 2.6rem;
    }

    .articleTitle01 {
        padding: 0 0 10px 0;
        margin-bottom: 25px;
    }

    .articleTitle02, .articleTitle03 {
        margin-bottom: 25px;
    }

    .articleTitle02 .title, .articleTitle03 .title {
        font-size: 3.4rem;
        background-size: contain;
    }

    .fpx20 {
        font-size: 1.8rem;
    }

    .fpx24 {
        font-size: 2.0rem;
    }

    .mode04 .lf {
        width: auto;
        float: none;
    }

    .mode04 .rt {
        width: auto;
        float: none;
        margin: 10px 0 0 0;
    }

    .bit-List05 .artText {
        height: auto;
    }
 .bit-List06{
     overflow:hidden
 }
    .bit-List06 li {
        width: 49%;
        float: left;
    }

    .bit-List06 li:nth-child(even) {
        float: right;
    }

    .bit-List03 dd {
        margin: 20px 35px;
    }


}


@media screen and (max-width:992px) {
    .dates p {
        background-size: 145px;
    }

    .dates #t_d01 {
        font-size: 2.2rem;
        right: auto;
        left: 91px;
    }
}

@media screen and (max-width:768px) {
    .articleList00 h3 {
        font-size: 2.5rem;
    }

    .articleList00 p {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }

    .bit-Notice {
        padding: 20px;
        width: 67%;
    }

    .noticeText {
        background-size: 40px;
        padding: 0 20px 0 60px;
        margin-right: 60px;
    }

    .noticeText .title {
        font-size: 2.0rem;
    }

    .bit-Notice .more {
        right: 20px;
    }

    .banner .flex-direction-nav a {
        display: none;
    }

   
    .mode01, .mode02, .mode04 {
        margin: 30px auto;
    }

    .mode03 {
        margin: 30px auto 50px auto;
    }

    .wrap_mode05 {
        padding: 0 0 30px 0;
    }

    .mode01 .lf, .mode02 .rt {
        width: auto;
        float: none;
        /* margin-top: 20px; */
    }

    .mode01 .rt, .mode02 .lf, .bit-List06 li {
        width: auto;
        float: none;
    }
.blessingBtn{
    
height: 60px;
    
line-height: 60px;
}
    .bit-List01 li, .bit-List02 li {
        margin: 0 0 15px 0;
    }

    .articleTitle01 {
        padding: 0;
        height: 35px;
        line-height: 35px;
    }

    .articleTitle01 .title {
        font-size: 2.0rem;
    }

    .articleTitle02 .title, .articleTitle03 .title {
        font-size: 2.4rem;
    }

    .articleTitle02 .title {
        padding-left: 48px;
    }

    .mode03 .flex-control-nav {
        bottom: -22px;
    }

    .mode03 .flex-direction-nav a, .articleList09 .flex-direction-nav a {
        width: 26px;
        height: 26px;
        background-size: contain !important;
    }

    .bit-List06 li:nth-child(2n) {
        float: none;
    }

    .bit-List03 dd {
        margin: 10px 18px;
        width: 150px;
    }

    .bit-List04 dd {
        margin: 14px 18px;
    }

    .fpx24 {
        font-size: 1.8rem;
    }

    .fpx20 {
        font-size: 1.6rem;
    }

    .bit-List06 li .artText {
        margin-left: 55px;
    }

    .articleList09 .flex-control-paging {
        margin: 26px auto auto auto;
    }

    .articleList09 .flex-control-paging li a {
        width: 22px;
    }


}


@media screen and (max-width:640px) {
    .bit-List04 {
        padding: 0 40px 0 53px;
    }

    .bit-List04 dd {
        width: 46%;
        margin: 10px 0;
    }

    .bit-List04 dd:nth-child(odd) {
        float: left;
    }

    .bit-List04 dd:nth-child(even) {
        float: right;
    }

    .bit-List04 dd:before {
        width: 58px;
        height: 58px;
        left: -14px;
        top: -4px;
    }

    .bit-List04 .artText {
        padding: 0 20px;
        font-size: 1.5rem;
    }

    .bit-List04 .iconbg {
        width: 28px;
        height: 28px;
        top: -2px;
        left: -13px;
    }

    .bit-List05 {
        margin: 0 -12px;
    }

    .bit-List05 li a {
        margin: 0 12px;
    }

   

    .articleList00 {
        position: static;
        margin: 0 auto;
        transform: translate(0);
        margin-top: 20px;
        width: calc(100% - 30px);
    }

    .bit-Notice {
        background: #af2a3c;
        width: 100%;
        margin: 0;
    }

    .articleList00 p {
        margin: 20px auto;
    }

    .dates p {
        background-size: 130px;
        margin: 0;
    }

    .dates #t_d01 {
        font-size: 2.0rem;
        right: auto;
        left: 82px;
    }

    .articleList00 h3, .articleList00 p {
        color: #4a4a4a;
    }

}


@media screen and (max-width:480px) {
    .mode01 {
        margin: 15px auto;
    }

    .mode01 .lf {
        margin-top: 10px;
    }


    .articleList00 {
        position: static;
        margin: 20px auto;
        width: calc(100% - 30px);
        transform: translate(0);
    }


    .anniversary .title, .dates .title {
        font-size: 1.8rem;
    }



    .articleList03 .title {
        font-size: 1.8rem;
    }

    .articleList01 .artCon {
        font-size: 1.6rem;
    }

    .bit-List05 li {
        width: auto;
        float: none;
        margin-bottom: 15px;
    }

    .articleList03 li {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }

    .articleList03 .imgResponsive {
        padding-bottom: 30%;
    }

    .bit-List04 dd {
        width: 100%;
        display: block;
    }

    .bit-List04 dd:nth-child(odd) {
        float: none;
    }

    .bit-List04 dd:nth-child(even) {
        float: none;
    }

}

@media screen and (max-width:414px) {}

@media screen and (max-width:375px) {}