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

.main { position:relative;  background:#fff; }
.main .main-bg  { position:absolute; top:0px; left:0px;  width:100%; height:550px;  }
.main .main-bg  ul li {  width:100%; height:550px; background-repeat: no-repeat; background-position:center top;   }
.main .main-bg .bx-controls  {  position:absolute; bottom:150px; left:50%; margin-left:-600px;  z-index: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  { background:url(../images/main/sl_btn_off.png) no-repeat left top; padding:4px;  text-indent:-99999px; }
.main .main-bg  .bx-pager .bx-pager-item a.active {  background:url(../images/main/sl_btn_on.png) no-repeat left top; padding:0px;  width:28px; height:10px;  } 



.main-section01 {width:100%; height:470px;   padding-top:115px; }
.main-section01 .main-text { color:#fff; float:left; width:600px; position:relative; z-index:100;  }
.main-section01 .main-text .title { font-size:30px;  margin-bottom:10px;    }
.main-section01 .main-text .title strong {font-weight:bold; }
.main-section01 .main-text .text { font-size:18px; font-weight:100; line-height:1.8;   }


.main-section01 .right {  position:relative; width:33.334%; float:right;  height:355px; margin-right:0.01%; z-index:100;   }
.main-section01  .hot-alime { float:right; margin-top:5px;    overflow:hidden;  width:100%; height:204px; position:relative;    margin-bottom:25px; }
.main-section01  .hot-alime ul li img { width:100%; height:204px; }
.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 .department-office { position:absolute; bottom:0px; right:0px;  float:right; padding-left:100px; padding-top:10px; height:70px;  width:100%;  background:url(../images/main/bg_cs.png) no-repeat left top ;  background-size:cover;   }
.main-section01 .department-office .img { position:absolute; top:13px ;left:30px;  }
.main-section01 .department-office p { color:#fff; font-size:16px;  }
.main-section01 .department-office p.tel { color:#fff; font-size:20px; line-height:1; }
.main-section01 .department-office p.tel strong{font-weight:bold; font-size:25px; }


.main-section02 { margin-bottom:75px; position:relative; z-index:100;  }
.main-section02 .download-link  { float:left;  width:33.333%;  text-align:center;  background:#fff;  padding:30px; padding-bottom:0px;  height:265px;  }
.main-section02 .download-link h3 { font-size:25px; font-size:33px; font-weight:normal; margin-bottom:20px;  }
.main-section02 .download-link p { font-size:16px; color:#666; margin-bottom:35px;  }
.main-section02 .download-link ul { margin:0 -2px;  }
.main-section02 .download-link ul li { float:left; width:33.333%; margin-bottom:5px;  padding:0 2px;  }
.main-section02 .download-link ul li a {display:block; width:100%; color:#666;  line-height:1.6; font-size:15px; padding:4px; text-align:center; height:35px; border-radius:15px;  border:1px solid #e8e8e8;   }
.main-section02 .download-link ul li a:hover {color:#333; background:#e8e8e8; }

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


.main-section02 .baro-go2  { float:left; width:33.334%; height:265px; background:#6b6d7a; }
.main-section02 .baro-go2 ul {}
.main-section02 .baro-go2 ul li  { float:left; width:50%; height:132.5px;   } 
.main-section02 .baro-go2 ul li:nth-of-type(1), .main-section02 .baro-go2 ul li:nth-of-type(2) { border-bottom:1px solid #767885; }
.main-section02 .baro-go2 ul li:nth-of-type(1), .main-section02 .baro-go2 ul li:nth-of-type(3) { border-right:1px solid #767885; }
.main-section02 .baro-go2 ul li a { color:#fff; width:100%; height:100%;  padding:35px; display:block; }
.main-section02 .baro-go2 ul li a img { float:left;  display:block;  margin-right:5px;  }
.main-section02 .baro-go2 ul li a span  {font-size:16px;float:left;   display:block;  color:#fff;  line-height:1.6; font-weight:100;  }
.main-section02 .baro-go2 ul li.short a  span  { padding-top:20px;   }


.main-section03  { width:100%; position:relative; height:240px;  margin-bottom:80px; }
.main-section03  h3 { float:left; font-size:25px; color:#d7d7d7;  width:33.3333%;  position:relative; }
.main-section03  h3 span { background:#fff; display:inline-block; padding-right:10px;  }
.main-section03  h3:before { z-index:-1;  content:''; display:inline-block; position:absolute; top:15px; left:0px; border-top:1px solid #ccc; height:1px; width:195%; margin-right:5%;   }
.main-section03 .notice-wrap {  float:left;  font-size:25px; height:240px;   width:66.6667%;  color:#d7d7d7; text-align:right;  margin-top:-5px;  }
.main-section03 .notice-wrap .notice .notice-container { display:none; text-align:left; }
.main-section03 .notice-wrap .notice  { display:inline-block; background:#fff;  }
.main-section03 .notice-wrap h4 {  padding-left:13px; padding-right:13px; letter-spacing:-1.6px;  text-align:right;  background:url(../images/main/b_s1.png) no-repeat left 13px;  font-weight:normal;  }
.main-section03 .notice-wrap .notice:first-child h4 { background:none;  padding-left:0px; }
.main-section03 .notice-wrap h4  a { font-size:21px; color:#000;  font-weight:bold; }
.main-section03 .notice-wrap .notice.active h4  a {  color:#e3530a; }
.main-section03 .notice-wrap .first { position:absolute; height:175px; padding-right:20px;   top:55px; left:0px; width:33.3333%; }
.main-section03 .notice-wrap .first a  {  display:block;  }
.main-section03 .notice-wrap .first a .title { font-size:24px; color:#000; margin-bottom:25px;  }
.main-section03 .notice-wrap .first a .text { font-size:16px; color:#666;  }
.main-section03 .notice-wrap .first a .date { position:absolute; bottom:0px; left:0px; font-size:15px; color:#7f7f7f;  }
.main-section03 .notice-wrap ul {  position:absolute; top:90px; padding-top:20px;  left:33.3333%; width:66.6667%;  }
.main-section03 .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-section03 .notice-wrap ul li:first-child { display:none;  }
.main-section03 .notice-wrap ul li a { float:left; color:#000; width:80%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .notice-wrap ul li span {float:right; font-size:15px;  color:#717171;   }
.main-section03 .notice-wrap .more {  position:absolute; top:60px; left:33.3333%; font-size:15px; color:#000; background:#e9e9e9; border-radius:20px; padding:3px 20px;  }
.main-section03 .notice-wrap .notice.active .notice-container { display:block;  }




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


.main-section04 .quick-link-wrap { float:left; width:50%;   height:405px;   }
.main-section04 .quick-link-wrap h3 {  font-size:25px;   color:#d7d7d7;  padding-bottom:25px;}
.main-section04 .quick-link-wrap .quick-link  {border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;   height:345px; }
.main-section04 .quick-link-wrap .quick-link  li  {float:left; width:25%; height:50%; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;   text-align:center;   }
.main-section04 .quick-link-wrap .quick-link  li a  { display:block; padding-top:25px; width:100%; height:100%; color:#666; font-size:16px;  }
.main-section04 .quick-link-wrap .quick-link  li a img { display:block; margin:0 auto 10px;  }
.main-section04 .quick-link-wrap .quick-link  li a:hover {background:#e3530a;  color:#fff; }




}

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

.main .main-bg .bx-controls  {  margin-left:-480px;    }
.main-section01 .main-text { width:550px;  }
.main-section01 .main-text .title { font-size:24px;     }
.main-section01 .main-text .text { font-size:16px; }
.main-section01  .hot-alime {width:400px; }
.main-section01 .department-office { width:400px;   }



.main-section02 .download-link  {  padding:30px 15px;   }
.main-section02 .baro-go { padding:30px 15px;}
.main-section02 .baro-go2 ul li a {  padding:35px 15px; }

.main-section03 .notice-wrap h4 {  padding-left:8px;padding-top:5px;  padding-right:8px; background:url(../images/main/b_s1.png) no-repeat left 20px;}
.main-section03 .notice-wrap h4  a { font-size:18px; }
.main-section03 .notice-wrap .first a .title { font-size:20px;   }
.main-section03 .notice-wrap .first a .text { font-size:15px;  }


}



@media (max-width: 991px) {
.main { position:relative;  background:#fff;  }
.main .main-bg  { position:absolute; top:0px; left:0px;  width:100%; height:15rem;   }
.main .main-bg ul li {  width:100%; height:15rem;  background-repeat: no-repeat;background-size:cover;  background-position:left -400px top;   }
.main .main-bg  .bx-controls  {  position:absolute; top:10px; left:10px; z-index: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  { background:url(../images/main/sl_btn_off.png) no-repeat left top; padding:4px;  text-indent:-99999px; }
.main .main-bg  .bx-pager .bx-pager-item a.active {  background:url(../images/main/sl_btn_on.png) no-repeat left top; padding:0px;  width:28px; height:10px;  } 


.main .container .row{  padding-left:15px; padding-right:15px;   }
.main-section01 { width:100%; padding-top:2.5rem; margin-bottom:15px;   }
.main-section01 .main-text { color:#fff;   margin-bottom:3rem;  position:relative; z-index:100;   }
.main-section01 .main-text .title { font-size:0.9rem;  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  .hot-alime {    overflow:hidden;  width:100%;  position:relative;  margin-bottom:15px;  z-index:100;   }
.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 .department-office {position:relative;  padding-left:100px; padding-top:10px; height:70px;  width:100%;  background:url(../images/main/bg_cs.png) no-repeat left top ;  background-size:cover;   }
.main-section01 .department-office .img { position:absolute; top:13px ;left:30px;  }
.main-section01 .department-office p { color:#fff; font-size:16px;  }
.main-section01 .department-office p.tel { color:#b8c1e1; font-size:20px; line-height:1; }
.main-section01 .department-office p.tel strong{font-weight:bold; font-size:25px; }

.main-section02 { margin-bottom:1rem;  }
.main-section02 .download-link  {  text-align:center;  background:#fff;  padding:1rem 0.8rem; }
.main-section02 .download-link h3 { font-size:0.8rem; font-weight:normal; margin-bottom:0.4rem;  }
.main-section02 .download-link p { font-size:0.6rem; color:#666; margin-bottom:0.8rem;  }
.main-section02 .download-link ul { margin:0 -2px;  }
.main-section02 .download-link ul li { float:left; width:50%; margin-bottom:5px;  padding:0 2px;  }
.main-section02 .download-link ul li a {display:block; width:100%; color:#666;  line-height:1.6; font-size:0.58rem; padding:4px; text-align:center; height:35px; border-radius:15px;  border:1px solid #e8e8e8;   }
.main-section02 .download-link ul li a:hover {color:#333; background:#e8e8e8; }



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


.main-section02 .baro-go2  {  background:#6b6d7a; }
.main-section02 .baro-go2 ul {}
.main-section02 .baro-go2 ul li  { float:left; width:50%;   } 
.main-section02 .baro-go2 ul li:nth-of-type(1), .main-section02 .baro-go2 ul li:nth-of-type(2) { border-bottom:1px solid #767885; }
.main-section02 .baro-go2 ul li:nth-of-type(1), .main-section02 .baro-go2 ul li:nth-of-type(3) { border-right:1px solid #767885;  }
.main-section02 .baro-go2 ul li a { color:#fff; width:100%;  padding:1rem 0.8rem; float:left;  display:block; }
.main-section02 .baro-go2 ul li a img { float:left;  display:block;  margin-right:5px;  }
.main-section02 .baro-go2 ul li a span  {font-size:16px;float:left;   display:block;  color:#fff;  line-height:1.6; font-weight:100;  }
.main-section02 .baro-go2 ul li.short a  span  { padding-top:0.6rem;   }




.main-section03  { width:100%; position:relative;   height:19em;   margin-bottom:0.8rem; }
.main-section03  h3 { font-size:0.8rem; margin-bottom:0.5rem; color:#d7d7d7;   position:relative; }
.main-section03  h3 span { background:#fff; display:inline-block; padding-right:10px;  }
.main-section03  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-section03 .notice-wrap { width:100%; color:#d7d7d7;      font-size: 0;    overflow-x: scroll;    white-space: nowrap;}
.main-section03 .notice-wrap .notice { display:inline-block;  }
.main-section03 .notice-wrap .first { display:none;  }
.main-section03 .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-section03 .notice-wrap .notice:first-child h4 { background:none; padding-left:0px;  }
.main-section03 .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-section03 .notice-wrap .notice.active h4  a {  color:#e3530a; }
.main-section03 .notice-wrap .notice-container {display:none;    position:absolute;  padding-top:1.5rem; top:3rem;  left:0px; width:100%;  }
.main-section03 .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-section03 .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-section03 .notice-wrap ul li span {float:right; color:#717171; }
.main-section03 .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-section03 .notice-wrap .notice.active .notice-container { display:block;  }








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






.main-section04 .quick-link-wrap {   height:405px;   }
.main-section04 .quick-link-wrap h3 {  font-size:0.8rem;   color:#d7d7d7;  padding-bottom:0.6rem;}
.main-section04 .quick-link-wrap .quick-link  {border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;   height:345px; }
.main-section04 .quick-link-wrap .quick-link  li  {float:left; width:25%; height:50%; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;   text-align:center;   }
.main-section04 .quick-link-wrap .quick-link  li a  { display:block; padding-top:25px; width:100%; height:100%; color:#666; font-size:0.6rem;  }
.main-section04 .quick-link-wrap .quick-link  li a img { display:block; margin:0 auto 10px;  }
.main-section04 .quick-link-wrap .quick-link  li a:hover {background:#e3530a;  color:#fff;  }


}