@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main {   }
.main .main-bg  { position:absolute; top:45px; left:0px;  width:100%; height:815px;    }
.main .main-bg  ul li {  width:100%; height:815px; background-repeat: no-repeat; background-position:center top;   }
.main .main-bg .bx-controls  {  position:absolute; bottom:450px; left:0px; width:100%; text-align:center;    }
.main .main-bg  .bx-pager {display:inline-block;   }
.main .main-bg  .bx-controls * { vertical-align:top;  }
.main .main-bg  .bx-controls-auto { display:inline-block;  }
.main .main-bg  .bx-pager .bx-pager-item  {display:inline-block;  }
.main .main-bg  .bx-controls   a  {margin-left:5px;  width:10px;  text-align:center;  height:10px; display:inline-block; }
.main .main-bg  .bx-pager .bx-pager-item a  { height:5px; width:50px; background:#fff;   text-indent:-99999px; }
.main .main-bg  .bx-pager .bx-pager-item a.active {   padding:0px;   background:#041d49;   } 

.main-section01 {width:100%;  padding-top:50px; height:720px;  }
.main-section01 .main-text { color:#fff; text-align:center;  position:relative; z-index:10;  }
.main-section01 .main-text .title { font-size:40px;  margin-bottom:10px;    }
.main-section01 .main-text .title strong {}
.main-section01 .main-text .text { font-size:18px; font-weight:100; line-height:1.8;   }


.main-section01 .bottom {  position:relative; height:350px; margin-top:100px;   }
.main-section01 .bottom .part01 { float:left; width:64.2%; height:100%; background:#fff;  padding:50px 30px; position:relative; }
.main-section01 .bottom .part01  h3 { float:left; font-size:25px; color:#d7d7d7;  width:40%;  position:relative; z-index:1; }
.main-section01 .bottom .part01  h3 span { background:#fff; display:inline-block; padding-right:10px;   position:relative; z-index:1}
.main-section01 .bottom .part01  h3:before {  content:''; display:inline-block; position:absolute; top:15px; left:0px; border-top:1px solid #e8e8e8; height:1px; width:155%; margin-right:5%;  display:none;  }
.main-section01 .bottom .part01 .notice-wrap {  float:left;  z-index:1;   font-size:25px; height:240px;   width:60%;  color:#d7d7d7; text-align:right;  margin-top:-5px;  }
.main-section01 .bottom .part01 .notice-wrap .notice .notice-container { display:none; text-align:left; }
.main-section01 .bottom .part01 .notice-wrap .notice  { display:inline-block; background:#fff;  }
.main-section01 .bottom .part01 .notice-wrap h4 {  padding-left:13px; padding-right:5px; letter-spacing:-1.6px;  text-align:right;  background:url(../images/main/b_s1.png) no-repeat left 10px;  font-weight:normal;  }
.main-section01 .bottom .part01 .notice-wrap .notice:first-child h4 { background:none;  padding-left:0px; }
.main-section01 .bottom .part01 .notice-wrap h4  a { font-size:21px; color:#666;  font-weight:bold; }
.main-section01 .bottom .part01 .notice-wrap .notice.active h4  a {  color:#000;  text-decoration:none; }
.main-section01 .bottom .part01 .notice-wrap .first { position:absolute; height:200px; padding-right:20px;  padding-left:30px;   top:105px; left:0px; width:40%;  letter-spacing:-1.5px; line-height:1.3; }
.main-section01 .bottom .part01 .notice-wrap .first a  {  display:block;  }
.main-section01 .bottom .part01 .notice-wrap .first a .title { font-size:24px; color:#000; margin-bottom:25px;  }
.main-section01 .bottom .part01 .notice-wrap .first a .text { font-size:15px; color:#666;  }
.main-section01 .bottom .part01 .notice-wrap .first a .date { position:absolute; bottom:0px; left:30px; font-size:15px; color:#7f7f7f;  }
.main-section01 .bottom .part01 .notice-wrap ul {  position:absolute; top:140px; padding-top:20px;  left:40%; width:60%;  padding-right:30px;  }
.main-section01 .bottom .part01 .notice-wrap ul li { width:100%;margin-bottom:10px;  font-size:16px;  font-weight:normal;  padding-left:10px;  float:left; background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section01 .bottom .part01 .notice-wrap ul li:first-child { display:none;  }
.main-section01 .bottom .part01 .notice-wrap ul li a { float:left; color:#000; width:75%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .bottom .part01 .notice-wrap ul li span {float:right; font-size:15px;  color:#717171;   }
.main-section01 .bottom .part01 .notice-wrap .more {  position:absolute; top:110px; left:40%; font-size:15px; color:#000; background:#e9e9e9; border-radius:20px; padding:3px 20px;  }
.main-section01 .bottom .part01 .notice-wrap .notice.active .notice-container { display:block;  }


.main-section01 .bottom .part02 {  float:left; width:35.8%; height:100%;   }

.main-section01 .bottom .part02  .hot-alime {   overflow:hidden;  width:100%; height:225px; position:relative;    }
.main-section01 .bottom .part02  .hot-alime ul li img { width:100%;  height:225px; }
.main-section01 .bottom .part02  .hot-alime .hot-btn  {  position:absolute; bottom:0px; right:0px;  float:left; background:rgba(0,0,0,0.7); padding:5px; }
.main-section01 .bottom .part02  .hot-alime .hot-btn div { float:left;  }
.main-section01 .bottom .part02  .hot-alime .hot-btn div  a { display:block; padding:3px;  }

.main-section01 .bottom .part02 .baro-go {   text-align:center;  background:#041d49;  padding:30px; padding-bottom:0px;  height:125px; }
.main-section01 .bottom .part02 .baro-go h3 { font-size:25px; font-size:33px; font-weight:normal; margin-bottom:20px;  }
.main-section01 .bottom .part02 .baro-go p { font-size:16px; color:#666; margin-bottom:40px;  }
.main-section01 .bottom .part02 .baro-go ul { margin:0 -11px; text-align:left;  }
.main-section01 .bottom .part02 .baro-go ul li { float:left; margin-bottom:20px;  width:50%; padding:0 11px; }
.main-section01 .bottom .part02 .baro-go ul li a {font-size:16px; color:#fff; display:block; width:100%; background:url(../images/main/slide_right.png) no-repeat right 5px ; background-size:10px 10px;   }
.main-section01 .bottom .part02 .baro-go ul li a img { display:inline-block; margin-top:-4px;  margin-right:2px;  }


.main-section02 { padding-top:80px;  position:relative; z-index:10; padding-bottom:100px;   }
.main-section02 .calendar-wrap { float:left; position:relative;  width:45%; padding-right:65px;  height:450px;  }
.main-section02 .calendar { border-bottom:4px solid #e7e7e7; padding-bottom:20px; }
.main-section02 .calendar .calendar-top {margin-bottom:10px; position:relative; padding-bottom:25px; margin-bottom:15px;  border-bottom:4px solid #000; }
.main-section02 .calendar h3 { float:left;  font-size:30px;   }
.main-section02 .calendar h3 a {   color:#000;    }
.main-section02 .calendar .month-sel {  position:absolute;  right:0px; top:0px;  }
.main-section02 .calendar .month  { font-size:22px; color:#000; display:block; float:left;  margin-top:0px;   margin-right:20px;     }
.main-section02 .calendar  span.btn-wrap { border:1px solid #dbdbdb; padding: 10px 15px; border-radius:20px;  display:block; float:left;  }
.main-section02 .calendar  span.btn-wrap a:first-child {border-right:1px solid #dbdbdb; padding-right:10px; margin-right:10px; display:inline-block; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section02 .calendar table th { text-align:center; font-size:16px; color:#000; height:30px;  padding:10px; }
.main-section02 .calendar table td { text-align:center;  font-size:15px; color:#525252; height:30px; padding:9px;  }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#5e7cea;  display:inline-block; width:30px; height:30px; padding-top:3px;  border-radius:115px; } 
.main-section02 .calendar table td span {   display:inline-block; width:30px; height:30px;  border-radius:15px;padding-top:3px;  } 
.main-section02 .calendar table td a.active { color:#fff;  background:#5e7cea;  } 
.main-section02 .calendar .schedule { position:absolute; bottom:10px; left:20px;  width:365px;font-size:15px; color:#606060;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }


.main-section02 .baro-go2  { float:left; width:55%; height:450px; }
.main-section02 .baro-go2 h3 { text-align:center;  font-size:30px; margin-bottom:20px;   position:relative;   }
.main-section02 .baro-go2 h3:before { position:absolute; top:17px; z-index:-1;  left:0px; width:100%; border-top:1px solid #e8e8e8;  height:1px; content:''; display:block; }
.main-section02 .baro-go2 h3 span {color:#000;  padding:0 10px; background:#fff;  }
.main-section02 .baro-go2 ul { margin:0 -5px; }
.main-section02 .baro-go2 ul li  { float:left; width:50%; padding:5px; } 
.main-section02 .baro-go2 ul li a { color:#000; width:100%;  position:relative; border-radius:10px;  font-size:20px;  padding:25px; height:185px;  display:block; }
.main-section02 .baro-go2 ul li a span  {font-size:15px; /*position:absolute; top:60px; left:25px; */ margin-top:10px;  display:block; text-align:center;  color:#333; border:2px solid #fff; background:#dedede; width:105px; height:33px; padding-top:3px; border-radius:20px;   line-height:1.6; font-weight:100;  }
.main-section02 .baro-go2 ul li a:hover span  {background:#5e7cea;  color:#fff; }
.main-section02 .baro-go2 ul li.list01 a { background:url(../images/main/illu_01.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list02 a { background:url(../images/main/illu_02.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list03 a { background:url(../images/main/illu_03.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list04 a { background:url(../images/main/illu_04.png) no-repeat center center; background-size:cover;  }




.main-section03 { padding-bottom:100px; border-top:1px solid #e8e8e8;  }
.main-section03  h3 {  font-size:30px; margin-bottom:30px;   position:relative; margin-top:-20px;  }
.main-section03  h3 span {  color:#000; background:#fff; padding:0 20px;   }
.main-section03  .quick-link  { }
.main-section03  .quick-link  li  {float:left; width:12.5%;   text-align:center;   }
.main-section03  .quick-link  li a  { display:block; padding-top:25px; width:100%;  color:#333; font-size:17px;  }
.main-section03  .quick-link  li a img { display:block; margin:0 auto 15px;  }

.main-section04 { width:100%; background:url(../images/main/bottom_bg.jpg) no-repeat center top; height:120px; padding-top:40px;  }
.main-section04 p { font-size:27px; }
.main-section04 p a { color:#fff; font-weight:bold;  }
.main-section04 p a span { font-size:23px; font-weight:normal; display:inline-block; margin-right:40px; }



}

@media (min-width: 992px) and (max-width: 1199px) {

.main-section01 .main-text .title { font-size:24px;     }
.main-section01 .main-text .text { font-size:16px; }
.main-section01  .hot-alime {width:400px; }
.main-section01 .bottom {       margin-top: 150px;}

.main-section01 .bottom .part01  h3:before {  width:145%;   }
.main-section01 .bottom .part01  .notice-wrap h4  a { font-size:18px; }
.main-section01 .bottom .part01  .notice-wrap .first a .title { font-size:20px;   }
.main-section01 .bottom .part01  .notice-wrap .first a .text { font-size:15px;  }
.main-section01 .bottom .part01 .notice-wrap ul li {  font-size:15px;  }
.main-section01 .bottom .part01 .notice-wrap ul li a { width:100%;  }
.main-section01 .bottom .part01 .notice-wrap ul li span { display:none;   }
}



@media (max-width: 991px) {
.main {   background:#fff;  }
.main .main-bg  { position:absolute; top:1.5rem; left:0px;  width:100%; height:15rem;   }
.main .main-bg ul li {  width:100%; height:15rem;  background-repeat: no-repeat;background-size:cover;  background-position:center top;   }
.main .main-bg  .bx-controls  {  position:absolute; bottom:30px; left:0px; text-align:center;   width:100%;  }
.main .main-bg  .bx-pager {display:inline-block;   }
.main .main-bg  .bx-controls * { vertical-align:top;  }
.main .main-bg  .bx-controls-auto { display:inline-block;  }
.main .main-bg  .bx-pager .bx-pager-item  {display:inline-block; }
.main .main-bg  .bx-controls   a  {margin-left:5px;  width:10px;  text-align:center;  height:10px; display:inline-block;  }
.main .main-bg  .bx-pager .bx-pager-item a  { height:5px; width:30px; background:#fff;   text-indent:-99999px; }
.main .main-bg  .bx-pager .bx-pager-item a.active {   padding:0px;   background:#041d49;   } 


.main .container .row{  padding-left:15px; padding-right:15px;   }
.main-section01 { width:100%;  }
.main-section01 .main-text { color:#fff;   height:calc( 15rem - 2.27272727rem - 50px);  margin-bottom:50px;  padding-top:1.5rem;  text-align:center;  position:relative;  z-index:1;  }
.main-section01 .main-text .title { font-size:1rem;  margin-bottom:0.4rem;   }
.main-section01 .main-text .title strong {font-weight:bold;}
.main-section01 .main-text .text { font-size:0.6rem; font-weight:normal; line-height:1.8;letter-spacing:-1.5px;    }


.main-section01 .bottom { }
.main-section01 .bottom .part01 { height:11rem; position:relative; padding:0.8rem 0 ;   }
.main-section01 .bottom .part01 h3 { font-size:0.8rem; margin-bottom:0.5rem; color:#d7d7d7;   position:relative;  }
.main-section01 .bottom .part01 h3 span { background:#fff; display:inline-block; padding-right:10px;  }
.main-section01 .bottom .part01 h3:before { z-index:-1;  content:''; display:inline-block; position:absolute; top:15px; right:0px; border-top:1px solid #ccc; height:1px; width:95%; margin-right:5%;   }
.main-section01 .bottom .part01 .notice-wrap { width:100%; color:#d7d7d7;      font-size: 0;    overflow-x: scroll;    white-space: nowrap;}
.main-section01 .bottom .part01 .notice-wrap .notice { display:inline-block;  }
.main-section01 .bottom .part01 .notice-wrap .first { display:none;  }
.main-section01 .bottom .part01 .notice-wrap h4 {padding-left:0.4rem; padding-right:0.3rem;  display:inline-block;  height:1.5rem;  background:url(../images/main/b_s1.png) no-repeat left 12px;   font-weight:normal; }
.main-section01 .bottom .part01 .notice-wrap .notice:first-child h4 { background:none; padding-left:0px;  }
.main-section01 .bottom .part01 .notice-wrap h4 a { color:#666; display:block;  font-size:0.65rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section01 .bottom .part01 .notice-wrap .notice.active h4  a {  color:#5e7cea; }
.main-section01 .bottom .part01 .notice-wrap .notice-container {display:none;    position:absolute;  padding-top:1.5rem; top:3rem;  left:0px; width:100%;  }
.main-section01 .bottom .part01 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;  font-weight:normal; font-size:0.58rem;  padding-left:10px;   background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section01 .bottom .part01 .notice-wrap ul li a {float:left; color:#000; width:70%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .bottom .part01 .notice-wrap ul li span {float:right; color:#717171; }
.main-section01 .bottom .part01 .notice-wrap .more a {  position:absolute; top:0px; right:0px; font-size:0.55rem; color:#000; background:#e9e9e9; border-radius:20px; padding:3px 20px;  }
.main-section01 .bottom .part01 .notice-wrap .notice.active .notice-container { display:block;  }

.main-section01  .hot-alime {    overflow:hidden;  width:100%;  position:relative;      }
.main-section01  .hot-alime li img {width:100%; }
.main-section01  .hot-alime .hot-btn  {  position:absolute; bottom:0px; right:0px;  float:left; background:rgba(0,0,0,0.7); padding:5px; }
.main-section01  .hot-alime .hot-btn div { float:left;  }
.main-section01  .hot-alime .hot-btn div  a { display:block; padding:3px;  }


.main-section01 .bottom .part02 .baro-go { text-align:center;  background:#041d49;    padding:1rem 0.8rem;  padding-bottom:0px;  }
.main-section01 .bottom .part02 .baro-go h3 { font-size:0.8rem;  font-weight:normal;margin-bottom:0.4rem;   }
.main-section01 .bottom .part02 .baro-go p { font-size:0.6rem; color:#666; margin-bottom:0.8rem;   }
.main-section01 .bottom .part02 .baro-go ul { margin:0 -6px; text-align:left;  }
.main-section01 .bottom .part02 .baro-go ul li { float:left; margin-bottom:0.8rem;  width:50%; padding:0 6px; }
.main-section01 .bottom .part02 .baro-go ul li a {font-size:0.6rem; color:#fff; display:block; width:100%; background:url(../images/main/slide_right.png) no-repeat right 5px ; background-size:10px 10px;  }
.main-section01 .bottom .part02 .baro-go ul li a img { display:inline-block; margin-top:-4px;  margin-right:2px;  }








.main-section02 { padding-top:1rem;  padding-bottom:1.5rem; }
.main-section02 .calendar-wrap { position:relative; padding-bottom:1.5rem;   margin-bottom:1rem; }
.main-section02 .calendar {border-bottom:4px solid #e7e7e7;  padding-bottom:20px;}
.main-section02 .calendar .calendar-top {margin-bottom:10px; position:relative; padding-bottom:0.8rem; margin-bottom:0.3rem;  border-bottom:4px solid #000;}
.main-section02 .calendar h3 { float:left; font-size:0.9rem;  }
.main-section02 .calendar h3 a {   color:#000;    }
.main-section02 .calendar .month-sel {  position:absolute;  right:0px; top:0px;  }
.main-section02 .calendar .month  { font-size:0.7rem; color:#000; display:block; float:left;    margin-right:20px;     }
.main-section02 .calendar  span.btn-wrap { border:1px solid #dbdbdb; padding: 10px 15px; border-radius:20px;   margin-top:-3px; display:block; float:left;  }
.main-section02 .calendar  span.btn-wrap a:first-child {border-right:1px solid #dbdbdb; padding-right:10px; margin-right:10px; display:inline-block; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section02 .calendar table th { text-align:center;   font-size:0.6rem;   color:#000; height:30px;  padding:10px; }
.main-section02 .calendar table td { text-align:center;    font-size:0.6rem;   color:#525252; height:30px; padding:9px;  }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#5e7cea;  display:inline-block; width:30px; height:30px; padding-top:3px;  border-radius:115px; } 
.main-section02 .calendar table td span {   display:inline-block; width:30px; height:30px;  border-radius:15px;padding-top:3px;  } 
.main-section02 .calendar table td a.active { color:#fff;  background:#5e7cea;  } 
.main-section02 .calendar .schedule {  position:absolute; bottom:0.3rem; left:0px;  width:100%;   padding-left:0.4rem; padding-right:0.4rem;  font-size:0.6rem;   color:#606060;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }

.main-section02 .baro-go2  {  }
.main-section02 .baro-go2 h3 { text-align:center;  font-size:0.9rem;  margin-bottom:20px;   position:relative;   }
.main-section02 .baro-go2 h3:before { position:absolute; top:0.5rem;  left:0px; width:100%; border-top:1px solid #e8e8e8;  height:1px; content:''; display:block; }
.main-section02 .baro-go2 h3 span {color:#000;  padding:0 10px; background:#fff;   position:relative; z-index:1;}
.main-section02 .baro-go2 ul { margin:0 -5px; }
.main-section02 .baro-go2 ul li  { float:left; width:50%; padding:5px; } 
.main-section02 .baro-go2 ul li a { color:#000; width:100%;  position:relative; border-radius:10px;  font-size:0.65rem;  padding:25px; height:185px;  display:block; }
.main-section02 .baro-go2 ul li a span  {font-size:0.58rem; margin-top:5px; /* position:absolute; top:60px; left:25px; */  display:block; text-align:center;  color:#333; border:2px solid #fff; background:#dedede; width:105px; height:33px; padding-top:3px; border-radius:20px;   line-height:1.6; font-weight:100;  }
.main-section02 .baro-go2 ul li a:hover span  {background:#5e7cea;  color:#fff; }
.main-section02 .baro-go2 ul li.list01 a { background:url(../images/main/illu_01.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list02 a { background:url(../images/main/illu_02.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list03 a { background:url(../images/main/illu_03.png) no-repeat center center; background-size:cover;  }
.main-section02 .baro-go2 ul li.list04 a { background:url(../images/main/illu_04.png) no-repeat center center; background-size:cover;  }



.main-section03 { padding-bottom:1.5rem; border-top:1px solid #e8e8e8;  }
.main-section03  h3 {  ext-align:center;  text-align:center; font-size:0.9rem;  margin-bottom:20px;  margin-top:-0.5rem;  position:relative;   }
.main-section03  h3 span {  color:#000; background:#fff; padding:0 20px;   }
.main-section03  .quick-link  { border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8;  }
.main-section03  .quick-link  li  {float:left; width:25%;  min-height:5.5rem;   text-align:center;  border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;   }
.main-section03  .quick-link  li a  { display:block; padding-top:25px; width:100%;  color:#333; font-size:0.6rem;  }
.main-section03  .quick-link  li a img { display:block; margin:0 auto 15px;  }

.main-section04 { width:100%; background:url(../images/main/bottom_bg.jpg) no-repeat center top;  padding-top:0.6rem; padding-bottom:0.6rem;   }
.main-section04 p { font-size:0.9rem; }
.main-section04 p a { color:#fff; font-weight:bold;  }
.main-section04 p a span { font-size:0.7rem; font-weight:normal; display:inline-block; }

}