/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/000.png) !important;} */

 
.banner{position: relative;z-index: 1;overflow: hidden;}
/* 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: 200rem; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 30rem; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: .5rem; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 9rem; height: 9rem;  position: absolute; top: 50%; z-index: 99; overflow: hidden; cursor: pointer; margin-top:-4.5rem; text-indent: 999em; transition: all 0.35s ease-in-out}
.flex-direction-nav a:hover{text-shadow: .1rem .1rem 0 #666;}
.flex-direction-nav .flex-prev { left: 3%; }
.flex-direction-nav .flex-next { right:3%; } 
.flexslider:hover .flex-prev {} 
.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: 2rem; height: 2rem; position: absolute; bottom: .5rem; left: 1rem; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 2rem; 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: -0.2rem; /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 1rem .6rem 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: .8rem; height: .8rem; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: .5rem 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; }
.banner .flex-next{ background:url(../images/rt.png) no-repeat; background-size: cover;}
.banner .flex-control-paging{ display: none; width: 14.8rem;position: absolute;bottom:32.5rem;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: 4.2rem;z-index:1;
    width: 132rem;overflow: hidden;left: 50%;margin-left: -66rem;}
 
.banner.current{ margin-top: 6rem; }

/*校庆公告*/
.articleList00{ max-width: 60rem;  overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 99; margin-left: -30rem;margin-top: -17.6rem;text-align: center;}
.articleList00 h3{ font-size: 6.5rem; font-size: 65px; color: #fff; font-weight: normal; text-align:center;}
.articleList00 p{ font-size: 2.1rem; font-size: 21px; color: #fff; text-align: center;display: block;margin: 2rem auto 6rem auto;}
.bit-Notice{ background: rgba(175,42,60,0.6); background: #c91624\9; *background: #c91624; border-radius: .6rem;padding: 5rem; overflow: hidden;position: relative;max-width: 36.8rem;margin: 0 auto;}
.noticeText{ height: 6rem;  background:url(../images/80.png) no-repeat left center; padding: 0 2rem 0 15.2rem; border-right: #a36a70 .1rem solid;margin-right: 8.7rem;position: relative;text-align: left;}
.noticeText .title{ font-size: 2.7rem; font-size: 27px; color: #fff;  display: block;margin: 0 0 .5rem 0;}
.noticeText a{ color: #fff; opacity: 0.7;}
.noticeText a:hover{ opacity: 1; }
.bit-Notice .more{ width: 3.5rem; height: 3.3rem; position: absolute;right: 5rem;top: 6.3rem;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:10rem auto;display: flex;justify-content: space-between;}
.mode01 .lf{ width: 48.9%; overflow: hidden;} 
.mode01 .rt{ width: 49.3%; overflow: hidden;}


.mySwiper2{position: relative;}
.mySwiper2 .arrows{width: 3rem;height: 4rem;position: absolute;top: 50%;margin-top: -4rem;z-index: 1;cursor: pointer;} 
.mySwiper2 .arrows.prev{ left: 1%; background:url(../images/left2.png) no-repeat center rgba(0,0,0,0.2); top: 50%; }
.mySwiper2 .arrows.next{ right: 1%; background:url(../images/right2.png) no-repeat center rgba(0,0,0,0.2); top: 50%; }

.articleList01{ position: relative; border-radius: .6rem;overflow: hidden;}
.articleList01 a{ display: block; }
.articleList01 .imgResponsive{ padding-bottom: 68.67%; }
.articleList01 .date{ background: #c91624; border:rgb(175, 42, 60) .1rem solid;display: inline-block;border-radius: .6rem;margin: 0 0 1.2rem 2.2rem;line-height: 1.8;}
.date .year{ color: #fff; padding: 0 .5rem;display: inline-block;}
.date .day{ background: #fff; color:#c91624;  padding: 0 .5rem;display: inline-block;border-top-right-radius: .5rem;border-bottom-right-radius: .5rem;font-weight: bold;}
.articleList01 .artText{ width: 100%; position: absolute; left: 0; bottom: 0;overflow: hidden;}
.articleList01 .artCon{ display: block; height: 8.7rem;line-height: 8.7rem; background: rgba(201, 22, 36,0.5); color: #fff; padding: 0 3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
      
 

/*倒计时*/
.articleList02{background:url(../images/img02.png) no-repeat #c91624;padding: 5rem 4.5rem 5rem;border-radius: .6rem;overflow: hidden;display: flex;}
.anniversary{text-align: center;background:url(../images/house.png) no-repeat center bottom;padding: 0 1rem 9rem 1rem;letter-spacing: .4rem;float: left;background-size: 60% auto;}
.anniversary .time{ display: block; color: #fff;margin: 0 0 .5rem 0;}
.anniversary .title{  display: block;color: #fff;}
.dates{ margin-left: 3rem; text-align: right;flex: 1;overflow: hidden; }
.dates .title{  color: #fff; letter-spacing: .6rem; }
.dates p{display: block;background:url(../images/dates-text.png) no-repeat right center;background-size: auto 100%;margin: 2.2rem 0 2.2rem 0;height: 4.2rem;line-height: 4.2rem;position: relative;}
.dates #t_d01{color: #fff; position: absolute;right: 5.3rem; }
.dates .school{ color: #eee; }
 
.articleList03{ margin: 3rem 0 0 0; overflow: hidden; }
.articleList03 ul{ margin: 0 -1.5rem; overflow: hidden; }
.articleList03 li{ width: 49.9%; float: left; }
.articleList03 li a{ display: block; margin: 0 1.5rem; overflow: hidden; position: relative;border: #c91624 .2rem solid;border-radius: .6rem;}
.articleList03 .imgResponsive{ padding-bottom: 57.67%; }
.articleList03 .artText{width: 100%;;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 50%;z-index: 9;transform: translate(-50%,-50%);}
.articleList03 .artText img{max-width: 8rem;}
.articleList03 .artText .artText02{margin-left: 2.5rem;}
.articleList03 .title{color: #c91624;  display: block;margin: 0 0 .5rem 0;transition: all 0.3s ease-in-out;}
.articleList03 .more{ color: #c91624;opacity: 0.7; background:url(../images/more02.png) no-repeat center right;padding-right: 2.5rem;transition: all 0.3s ease-in-out;}

.articleList03 li.video a{ border: none;}
.articleList03 .txt{ display: flex;flex-direction: column;align-items: center;position: absolute;left: 50%;top: 50%;z-index: 9;transform: translate(-50%,-50%);text-align: center;}
.articleList03 .txt img{max-width: 4rem;}
.articleList03 .txt span{color: #fff;margin-top: 2rem;display: inline-block;}

/*校庆新闻*/
.wrap_mode02{ background: #f8f8f8; overflow: hidden;}
.mode02{ margin: 10rem auto 9rem; overflow: hidden;display: flex;justify-content: space-between; }
.mode02 .lf{width: 49%; overflow: hidden;}
.mode02 .rt{width: 49%; overflow: hidden;} 
.articleTitle01{   border-bottom: #c91624 .3rem solid;  padding:0 0 2.5rem 0; margin-bottom: 5rem; overflow: hidden;display: flex;justify-content: space-between;align-items: baseline; }
.articleTitle01 .title{}
.articleTitle01 .more{ color: #c91624; background:url(../images/more02.png) no-repeat right center; padding-right: 3rem;transition: all 0.3s ease-in-out;}
 
  


.bit-List01 li{ margin:0 0 2.5rem 0; overflow: hidden;display: flex;align-items: center;line-height: 2.6rem;line-height: 26px; }
.bit-List01 .date,.bit-List05 .date{ background: #c91624; border:#af2a3c .1rem solid; border-radius: .5rem;display: flex; }
.bit-List01 .date .day,.bit-List05 .date .day{  font-weight: bold;  }
.bit-List01 a{ flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 2rem;transition: all 0.3s ease-in-out;}


/*通知公告*/
.bit-List02{ overflow: hidden; }
.bit-List02 li{ margin:0 0 2.5rem 0; overflow: hidden;display: flex;align-items: center;line-height: 2.8rem;line-height: 28px; }
.bit-List02 .rightDate{ color: #c91624; }
.bit-List02 a{ background:url(../images/libg.png) no-repeat left center; padding-left: 3rem; flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s ease-in-out; } 


/*校庆安排*/
.wrap_mode03{ background:url(../images/modebg.png) no-repeat; overflow: hidden; background-size: cover;}
.mode03{ margin: 10rem auto 9rem;   }

.articleTitle02{text-align: center;overflow: hidden; position: relative;padding-bottom: 1.5rem;margin-bottom: 6.5rem;} 
.articleTitle02 .title{  color: #fff;letter-spacing: 0.3rem;}
.articleTitle02 .title img{max-width: 2.2em;display: inline-block;vertical-align: middle;margin-right: 2rem;}
.articleTitle02:before{ content: ""; display: block; width: 2.2rem; height: .2rem; background: #fff; position: absolute;left: 50%; bottom: 0; margin-left: -1.1rem; }
.mode03 .flexslider .slides > li{ display: block; }

.bit-List03{ text-align: center; max-width: 96.7rem;margin: 0 auto; background:url(../images/dian.png) no-repeat center;}
.bit-List03 dd{ width: 20.3rem; display: inline-block; margin: 2rem 5.5rem; *float: left; position: relative;}
.bit-List03 dd a{ display: block; background: #f4e8e9;background: rgba(255, 255, 255,0.89);text-align: center;border: rgb(175, 42, 60) .2rem solid;border-radius: .6rem;box-shadow: 0 .3rem .7rem 0rem rgba(123, 23, 37, 0.65);position: relative;padding: 4rem 0 2rem 0;z-index: 1;}
.bit-List03 .num{ display: block; width: 5.6rem; height: 5.4rem; text-align: center; line-height: 3.6rem; background: #d0a682; color: #fff;border-radius: 50%; margin: 0 auto;border: #f4e8e9 .9rem solid;position: absolute;left: 50%;top: -1.7rem;margin-left: -2.7rem;}
.bit-List03 .artText{ font-weight: bold; color: #c91624; }
.bit-List03 dd a:hover{ margin-top:-0.6rem;  }
.bit-List03 dd a:hover .num{ background: #c91624; }

 
 
  

/*各学院主要活动*/
.bit-List04{text-align: center;overflow: hidden;max-width: 96.7rem;margin: 0 auto;background:url(../images/dian.png) no-repeat center; } 
.bit-List04 dd{  display: inline-block; margin: 2rem 3.5rem; *float: left; *width: 25%; position: relative;}
.bit-List04 dd a{ display: block; background: #f4e8e9;text-align: center;border: #ad2a3c .2rem solid;border-radius: .6rem;box-shadow: 0 .2rem .6rem 0rem #5c171f;position: relative;height: 4.6rem;line-height: 4.6rem;z-index: 1;}
.bit-List04 dd:before{ content: ""; display: block;width:6.2rem; height:6.2rem; background: #ad2a3c; border-radius: 50%; position: absolute; left: -2.7rem; top: -0.6rem; box-shadow: 0 .2rem .6rem 0rem #5c171f;}
.bit-List04 .iconbg{display: block;  width: 3.6rem; height: 3.6rem; background:url(../images/iconbg.png) no-repeat center #e54d49;
 border-radius: 50%; border:#f5e8ea 1.1rem solid; position: absolute;left: -2.7rem;top: -0.6rem;z-index: 1;}
.bit-List04 .artText{ font-weight: bold; color: #c91624; padding: 0 2.2rem 0 4.5rem;}
.mode03 .flex-direction-nav a{ display:block; width: 3.9rem;height: 3.6rem;background-size: cover; }
.mode03 .flex-prev{ background:url(../images/prev.png) no-repeat; left: 0; top: 50%; margin-top: -1.8rem;}
.mode03 .flex-next{ background:url(../images/next.png) no-repeat; right: 0; top: 50%; margin-top: -1.8rem;}
.mode03 .flex-control-nav{bottom: -5rem;}
.mode03 .flex-control-nav li{ margin: 0 .3rem; display: inline-block; *float: left;}
.mode03 .flex-control-paging li a{ width: 7.3rem; height: .7rem; border-radius: .6rem; background: #c67781; text-indent: 999em; }
.mode03 .flex-control-paging li a.flex-active{ background: #efd8db; }



/*旅商印象*/
.mode04{ margin: 9rem auto; overflow: hidden; display: flex;justify-content: space-between;}
.mode04 .articleTitle01{margin-bottom: 3rem;}
.mode04 .lf{ width: 66%; overflow: hidden}
.mode04 .rt{width: 32%;overflow: hidden;}
.bit-List05{ margin: 0 -1.5rem; overflow: hidden; }
.bit-List05 li{ width: 50%; float: left; }
.bit-List05 li a{ display: block; margin: 0 1.5rem; }
.bit-List05 .artImg{display: block; position: relative;border-radius: .6rem;overflow: hidden;}
.bit-List05 .date{ position:  absolute;  left: 1rem;bottom: 1rem;line-height: 1.8;}
.bit-List05 .imgResponsive{ padding-bottom: 68.67%; }
.bit-List05 .artText{ display: block; height: 3em; line-height: 1.5; margin: 2.5rem 0 0 0; overflow: hidden;}
.bit-List05 .more{ display:inline-block;width: 8.6rem; height: 5.5rem; text-align: center; line-height: 6.8rem; background: rgba(229,77,73,0.6); 
    border-radius: .6rem; position: absolute; left: 50%; top: 50%; margin-left: -4.3rem; margin-top: -2.7rem;}
.bit-List05 .more img{ width: auto; }


/*祝福旅商*/
.bit-List06{}
.bit-List06 li{ margin-bottom: .6rem; overflow:hidden;display: flex;}
.bit-List06 .label{width: 5.2rem;height: 5.2rem;text-align: center;line-height: 5.2rem;border-radius: 50%;background: rgb(201, 22, 36);margin-right: 2.2rem;color: #fff;}
.bit-List06 li .txt{ flex: 1;overflow: hidden;; background: rgb(243, 242, 242);  color: rgb(74, 74, 74);line-height: 1.6; border-radius: .6rem;box-sizing: border-box; padding: 1.3rem 2rem 2.5rem 2rem; }  
  

/*校史春秋*/
.wrap_mode05{ background:url(../images/modebg02.png) no-repeat; overflow: hidden;padding: 9rem 0 12.5rem 0;}
.articleTitle03{text-align: center; padding-bottom: 2.5rem; margin-bottom: 7rem; overflow: hidden; position: relative;color: #4a4a4a;}
.articleTitle03:before{ content: ""; display: block; width: 2.4rem; height: .2rem; background: #4a4a4a; position: absolute;left: 50%; bottom: 0; margin-left: -1.2rem; }
.articleTitle03 .more{ font-size: 1.4rem; color: #c91624; background:url(../images/more02.png) no-repeat right .6rem center; padding-right: 3rem;  transition: all 0.3s ease-in-out; position: absolute;right: 0;top: 2rem;}


.mySwiper {overflow: hidden;padding-bottom: 8rem;position: relative;}
/* .mySwiper >ul{margin: 0 -0.8rem;} */
.mySwiper li a {display:block; margin: 0 0.8rem ;position: relative;overflow: hidden;}
.mySwiper li a .imgResponsive { padding-bottom: 79%;}
.mySwiper li a .artText{ display: block; width:100%;  line-height: 1.5; padding: 1rem 2rem;background: rgba(201,22,36,0.5); box-sizing: border-box; position: absolute; left: 0; bottom: -6rem; color: #fff;transition: all 0.3s ease-in-out;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.mySwiper li a:hover .artText{ bottom: 0%; }
.mySwiper .arrows{width: 3.9rem;height: 3.6rem;position: absolute;top: 50%;margin-top: -5.8rem;z-index: 1;cursor: pointer;}
.mySwiper .arrows.prev{ left: 1%; background:url(../images/prev.png) no-repeat; top: 50%; background-size: cover;}
.mySwiper .arrows.next{ right: 1%; background:url(../images/next.png) no-repeat; top: 50%; background-size: cover;}
.mySwiper .swiper-scrollbar {width: 50%;height: 1rem;background: none;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.mySwiper .swiper-scrollbar::before{content: "";display: block;width: 100%;height: 0.1rem;background: rgba(74, 74, 74,0.3);position: absolute;left: 0%;top: 50%; }
.mySwiper .swiper-scrollbar .swiper-scrollbar-drag {background: rgb(201, 22, 36);z-index: 2;width: 5rem !important;height: 1rem;border-radius: 0.5rem;position: relative;cursor: pointer;}
  
 
.blessing{border:.1rem solid #dcdcdc;padding:1.5rem;}
.blessing textarea{width: 80%;height: 9rem;border:.1rem solid #e5e5e5;background-color: #f4f4f4;text-align: left;padding:1rem;box-sizing: border-box;}
.blessingBtn{width: 18%;float: right;height: 8rem;background-color: #c91624;color: #fff;font-size: 1.8rem;font-weight: bold;border:none;margin-top: .5rem;border-radius: .5rem;cursor: pointer;outline: none;}
.blessingBtn:hover{opacity: 0.8;}
.blessing{transition: all 0.4s ease-in-out;}
textarea{outline: none;}
.bit-List06{min-height: 26rem;}
@media screen  and (min-width:1024px) { 
    .bit-Notice .more:hover{ right: 4.5rem; }
    .articleTitle01 .more:hover,.articleTitle03 .more:hover{ background:url(../images/more02.png) no-repeat right center; }
    .bit-List01 a:hover{ margin-left: 3rem; }
    .bit-List02 a:hover{ padding-left: 3.6rem; }
    .bit-List06 li:hover a{ padding-left: .6rem; }
    .articleList03 ul li a:hover .title,.articleList03 ul li a:hover .more{ padding-left: .6rem; }
}
 
   

 @media screen  and (max-width:1400px) { 
     /* .articleList02{ padding: 2.5rem 4.5rem; } */
     /* .dates{ margin-left: 18rem; } */
     /* .dates p{ background-size: 25.5rem; } */
     /* .dates #t_d01{ font-size: 38px; right: 3.6rem;} */
     .articleList03{ margin: 2.5rem 0 0 0; }
     /* .bit-List06 li .artText a{ max-height: 4.8rem; } */

     .bit-List02 a{padding-left: 4rem;}
     
} 

 
@media screen  and (max-width:1200px) {
      
      
      /* .dates p{ background-size: 18rem; } */
      .bit-Notice{ padding: 2rem 5rem; }
      .bit-Notice .more{ top: 3rem; }  
      .mode01,.mode02,.mode04{ margin: 6rem auto; }
      .mode03{ margin: 6rem auto 8rem auto; }
      .wrap_mode05{ padding: 6rem 0 6rem 0; }
      .articleTitle03{margin-bottom: 5rem;}
     
}

@media screen  and (max-width:1024px) { 
   .articleList01 .artCon{ height: 6.5rem; line-height: 6.5rem;  }
   /* .articleList03 .imgResponsive{ padding-bottom: 46.67%; } */
   /* .articleList03 .title{ font-size: 22px; } */
   /* .articleList03 .artText,.articleList03 .artText.artText02{ background-size: 5rem; padding-left: 6rem; margin-left: -7.4rem;} */

   /* .dates #t_d01{ font-size: 26px; right: 2.5rem; } */
   .articleTitle01 .title{ font-size: 26px; }
   .articleTitle01{ padding: 0 0 1rem 0; margin-bottom: 2.5rem; }
   .articleTitle02,.articleTitle03{ margin-bottom: 2.5rem; }
   .articleTitle02 .title,.articleTitle03 .title{ font-size: 34px; background-size: contain;}  
   .fpx20{ font-size: 18px; }
   .fpx24{ font-size: 20px; } 
   .bit-List05 .artText{ height: auto; }
   
   
     
}


@media screen and (max-width:996px) {
    .banner .flexslider .slides > li a{ height: 0; padding-bottom: 50%; }
    .banner .flex-direction-nav a{ width: 6rem; height: 6rem; }
      /* .dates p{ background-size: 14.5rem; } */
      /* .dates #t_d01{ font-size: 22px; } */
      .mode01{flex-direction: column;}
   .mode01 .lf{width: 100%;}
   .mode01 .rt{width: 100%;margin-top: 5rem;}
   .mode02{flex-direction: column;}
   .mode02 .lf{width: 100%;}
   .mode02 .rt{width: 100%;margin-top: 5rem;}
   .mode04{flex-direction: column;}
   .mode04 .lf{width: 100%;}
   .mode04 .rt{width: 100%;margin-top: 5rem;}
   .articleTitle02,.articleTitle03{ margin-bottom: 2rem; }
}

   

@media screen and (max-width:768px) {
    .dates #t_d01{right: 5rem;}
     .articleList00 h3{ font-size: 25px; }
     .articleList00 p{ font-size: 16px; }
     .bit-Notice{ padding: 2rem; }
     .noticeText{ background-size: 4rem; padding: 0 2rem 0 6rem;margin-right: 6rem;}
     .noticeText .title{ font-size: 20px; }
     .bit-Notice .more{ right: 2rem; }
     .banner .flex-direction-nav a{ display: none; }
     .articleList00{ margin-left: -15.2rem; }
     .mode01,.mode02,.mode04{ margin: 3rem auto; }
     .mode03{ margin: 3rem auto 5rem auto; }
     .wrap_mode05{ padding: 3rem 0 3rem 0; }

     .mode01 .lf,.mode02 .rt{ width: auto; float: none; margin-top: 2rem;}
     .mode01 .rt,.mode02 .lf,.bit-List06 li{ width: auto; float: none; }
     .bit-List01 li,.bit-List02 li{ margin: 0 0 1.5rem 0; } 
     .articleTitle01 .title{ font-size: 20px; }
     .articleTitle02 .title, .articleTitle03 .title{ font-size: 24px; } 
     .mode03 .flex-control-nav{ bottom: -2.2rem; }
     .mode03 .flex-direction-nav a,.articleList09 .flex-direction-nav a{ width: 2.6rem; height: 2.6rem; background-size: contain !important; } 
     .bit-List06 li:nth-child(2n){ float: none; }
     .bit-List03 dd{ margin: 1rem 1.8rem; width: 15rem; }
     .bit-List04 dd{ margin: 1.4rem 1.8rem; }
     .fpx24{ font-size: 18px; }
     .fpx20{ font-size: 16px; }
     .bit-List06 li .artText{ margin-left: 5.5rem; }
     .articleList09 .flex-control-paging{ margin: 2.6rem auto auto auto; }
     .articleList09 .flex-control-paging li a{ width: 2.2rem; }

     .mySwiper{padding-bottom: 6rem;}
     .bit-List03 .artText br{display: none;}
}


@media screen and (max-width:640px) {
     .bit-List04{ padding: 0 4rem 0 5.3rem; }
     .bit-List04 dd{ width: 46%; margin:1rem 0;}
     .bit-List04 dd:nth-child(odd){ float: left; }
     .bit-List04 dd:nth-child(even){ float: right; }
     .bit-List04 dd:before{ width: 5.8rem; height: 5.8rem; left: -1.4rem; top: -0.4rem; }
     .bit-List04 .artText{ padding: 0 2rem; font-size: 15px;}
     .bit-List04 .iconbg{ width: 2.8rem; height: 2.8rem; top: -0.2rem;left: -1.3rem;}
     .bit-List05{ margin: 0 -1.2rem; }
     .bit-List05 li a{ margin: 0 1.2rem; }
     .articleList09 .flexslider .slides > li .artText{display: none;}

}
 

@media screen and (max-width:480px) {  
    .dates #t_d01{right: 4rem;}
    .dates{margin-left: 1rem;}
    .dates p { height: 3.4rem;line-height: 3.4rem; }

     
    .articleList02{ padding: 2rem; }
    .anniversary{  padding: 0 0rem 8rem 0rem;} 
    
   
    .articleList03 .title{ font-size: 18px; }
    .articleList01 .artCon{ font-size: 16px; }
    .bit-List05 li{ width: auto; float: none; margin-bottom: 1.5rem; }
    .articleList03 li{ width: auto; float: none; margin-bottom: 1rem; } 
    .bit-List04 dd{ width:100%; display: block; }
    .bit-List04 dd:nth-child(odd){ float: none; }
     .bit-List04 dd:nth-child(even){ float: none; }

     
     .mySwiper{padding-bottom: 4rem;}
     
}

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