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

.main { position:relative;  }
.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:700px; background-repeat: no-repeat; background-position:center top;   }

.main-section01 {width:100%;   height:700px;  }
.main-section01 .main-text { color:#fff;   padding-top:250px; width:470px; float:right; letter-spacing:-1.5px;   }
.main-section01 .main-text .title { font-size:50px;  font-weight: 500;  line-height: 70px;  margin-bottom:40px; }
.main-section01 .main-text .title span {font-size:20px; font-weight:normal; }
.main-section01 .main-text .text { font-size:20px; font-weight:normal; line-height:30px;   }

.main-section02 .baro-go { text-align:center;  width:100%; padding-top:40px; padding-bottom:40px;   }
.main-section02 .baro-go ul { padding:0 150px; }
.main-section02 .baro-go ul li { width:20%; float:left;   }
.main-section02 .baro-go ul li a {display:block;    width:100%; text-align:center; color:#000; font-size:18px;   }
.main-section02 .baro-go ul li img {display:block; margin:0 auto 10px; }



.main-section03 { height:410px;  position:relative; }
.main-section03 .left { position:absolute; top:0px;left:0px; width:50%;    height:410px;  background:#004098; }
.main-section03 .left  .position-wrap { width:600px; float:right; height:410px; padding-right:80px;  padding-top:70px; }
.main-section03 .left .position-wrap .notice-wrap { height:245px;    position:relative;}
.main-section03 .left .position-wrap .notice-wrap h3 { font-size: 30px; color: #fff; float: left; }
.main-section03 .left .position-wrap .notice-wrap h3:before { content:''; display:inline-block; position:absolute; top:20px; left:0px; width:1px; height:30px; border-left:1px solid #666;  }
.main-section03 .left .position-wrap .notice-wrap .notice:first-child h3 { background:none;  padding-left:0px; }
.main-section03 .left .position-wrap .notice-wrap .notice:first-child h3:before { border-left:0px; }
.main-section03 .left .position-wrap .notice-wrap h3 a {  color:#666; display:block;  font-size:30px;  text-align:center;  vertical-align:middle;  padding-bottom:10px;  }
.main-section03 .left .position-wrap .notice-wrap ul { display:none; position:absolute; top:75px; padding-top:20px;  left:0px; width:100%;  }
.main-section03 .left .position-wrap .notice-wrap ul li { width:100%;float:left;  margin-bottom:15px;  font-size:17px;  font-weight:normal;     }
.main-section03 .left .position-wrap .notice-wrap ul li a { float:left; color:#fff; width:75%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .left .position-wrap .notice-wrap ul li span {float:right; color:#fff;   }
.main-section03 .left .position-wrap .notice-wrap .more { display:none;  position:absolute; top:0px; right:0px;  }
.main-section03 .left .position-wrap .notice-wrap .more a { display:block; padding:10px 25px; border:1px solid #fff; color: #fff;}
.main-section03 .left .position-wrap .notice-wrap .notice.active h3 a { border:0px; /* border-bottom:3px solid #0063c9; */ color:#fff; text-decoration:none;   }
.main-section03 .left .position-wrap .notice-wrap .notice.active ul  , .main-section03 .left .position-wrap .notice-wrap  .notice.active .more { display:block;  }

.main-section03 .right { position:absolute; top:0px;left:50%; width:50%;   height:410px;  background:#e2e9f1; }
.main-section03 .right .position-wrap  { width:600px; float:left; height:410px; padding:55px 0 0 65px;  }
.main-section03 .right .position-wrap .program-wrap{height:245px; position:relative;}
.main-section03 .right .position-wrap .program-wrap h3 { font-size: 30px; color: #fff; float: left; }
.main-section03 .right .position-wrap .program-wrap h3 a {  color:#000000; display:block;  font-size:30px;  text-align:center;  vertical-align:middle;  padding-bottom:10px;  }
.main-section03 .right .position-wrap .program-wrap ul {position:absolute; top:75px; padding-top:20px;  left:0px; width:100%; }
.main-section03 .right .position-wrap .program-wrap ul li { width:100%; float:left; font-size:18px;  font-weight:normal; border-bottom: 1px solid #C2CCD8;}
.main-section03 .right .position-wrap .program-wrap ul li a { float:left; color:#333333; padding: 11px 0; width:100%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; line-height: 25px;}
.main-section03 .right .position-wrap .program-wrap ul li span {float:right; color: #014099; padding: 4.5px 14px; background: #FFFFFF; border-radius: 15px; font-weight: bold;}
.main-section03 .right .position-wrap .program-wrap .program-none{position:absolute; top:75px; padding-top:63px;  left:0px; width:100%; border-top: 1px solid #C2CCD8; text-align: center;}
.main-section03 .right .position-wrap .program-wrap .program-none img{margin-bottom: 15.5px;}
.main-section03 .right .position-wrap .program-wrap .program-none p{font-size: 20px; color: #000000; letter-spacing: -1px;}
.main-section03 .right .position-wrap .program-wrap .more { position:absolute; top:0px; right:0px;  }
.main-section03 .right .position-wrap .program-wrap .more a { display:block; padding:10px 25px; border:1px solid #000000; color: #000000;}


.main-section04 h3 {  font-size:30px;float:left;  color:#000; position:relative; margin-bottom:10px;   font-weight: 500;}
.main-section04 h3 a {    color:#000;    }

.main-section04 { background:#fff;  padding:80px 0 ; }
.main-section04 .gallery-wrap { float:left; position:relative;  width:50%; padding-right:70px;padding-bottom:60px;     }
.main-section04 .gallery-wrap .gallery{position: relative;}
.main-section04 .gallery-wrap .gallery ul {position:absolute; top:74px; padding-top:0px;  left:0px; width:100%;  }
.main-section04 .gallery-wrap .gallery ul li{float: left; width: calc((100% - 80px) / 3); margin-right: 40px; max-height: 190px;}
.main-section04 .gallery-wrap .gallery ul li:last-child{margin-right: 0px;}
.main-section04 .gallery-wrap .gallery ul li a > p{display: block; max-height: 190px; padding-bottom: 140%; text-align: center;}
.main-section04 .gallery-wrap .gallery ul li p img{height: 100%;}
.main-section04 .gallery-wrap .gallery ul li .text-wrap{margin-top: 19px;}
.main-section04 .gallery-wrap .gallery ul li .text-wrap .title{font-size: 16px; letter-spacing: -1.2px; color: #000000; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-section04 .gallery-wrap .gallery .more { position:absolute; top:0px; right:0px;  }
.main-section04 .gallery-wrap .gallery .more a { display:block; padding:10px 25px; border:1px solid #000000; color: #000000;}



.main-section04  .hot-alime { float:left;  overflow:hidden;  width:50%; position:relative;   padding-bottom:50px; }
.main-section04  .hot-alime ul li img { width:588px; height:305px; }
.main-section04  .hot-alime .bx-controls  {  position:absolute; bottom:10px; right:10px;   }
.main-section04  .hot-alime .bx-pager {float:left;  }
.main-section04  .hot-alime  * { vertical-align:top;  }
.main-section04  .hot-alime .bx-controls-auto { float:left;  }
.main-section04  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section04  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section04  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/c_off.png) no-repeat center center; padding:4px;  text-indent:-99999px; }
.main-section04  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/c_on.png) no-repeat left top; width:16px; height:16px; padding:0px;  } 
.main-section04  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section04  .hot-alime .bx-controls .bx-start { padding-top:3px;  }




.main-section05  {width:100%; clear:both;  padding-top:55px;  padding-bottom:85px; background:#f3f3f3;  }
.main-section05  h3 {text-align:center; font-size:30px; color:#000; position:relative; padding-bottom:20px; margin-bottom:20px; }
.main-section05  h3:after { content:''; display:inline-block; width:50px; height:3px; border-bottom:3px solid #0063c9; position:absolute; bottom:0px; left:50%; margin-left:-25px;  }
.main-section05  .quick-link  { padding:0 50px;  }
.main-section05  .quick-link  li  {float:left; width:25%; padding:0 10px;  text-align:center;   }
.main-section05  .quick-link  li a  { color:#000; font-size:17px;   }
.main-section05  .quick-link  li a img { display:block; margin:0 auto 10px;  }
.main-section05  .quick-link  li a:hover { }

/* .main-section06 { background:#2a2a2a; padding:40px 0 ; color:#fff;  } 
.main-section06 h3 { float:left; font-size:30px;  }
.main-section06 h3 strong{ font-weight:bold; }
.main-section06 ul {float:right; padding-top:10px; }
.main-section06 ul li {float:left; font-size:18px; position:relative;   }
.main-section06 ul li:before  { content:'|'; display:inline-block; color:#666; padding:0 20px;  }
.main-section06 ul li:first-child:before  { content:''; display:inline-block;  } */

.main-section06 { background:#333; text-align:center; padding:30px  0 25px; border-bottom:1px solid #404040;  }
.main-section06 h3  {display:inline-block;  color:#ACACAC; font-size:18px; font-weight:normal; margin-right:20px; }
.main-section06 ul  {display:inline-block; }
.main-section06 ul li  {display:inline-block; color:#ACACAC; font-size:18px; padding:0 20px; }
.main-section06 ul li .tel {display:inline-block; margin-right:20px;  }
.main-section06 ul li img  {height:30px;display:inline-block; margin-right:15px;  margin-top:-5px;  }




}

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

.main-section .left  .position-wrap { width:480px; }
.main-section .right  .position-wrap { width:480px; }

}



@media (max-width: 991px) {
.main { position:relative;   }
.main .main-bg  { position:absolute; top:0px; left:0px;  width:100%; height:14rem;  background-repeat: no-repeat;background-size:cover;  background-position:center top;   }


.main-section01 { position:relative; width:100%; padding-top:3.5rem; height:14rem;    padding-left:15px; padding-right:15px;   }
.main-section01 .main-text { color:#fff;  text-align:right;    letter-spacing:-1.5px; }
.main-section01 .main-text .title { font-size:1.2rem; font-weight:bold; line-height:1.2;  margin-bottom:0.6rem;   }
.main-section01 .main-text .title span{ font-size:0.6rem;   }
.main-section01 .main-text .text { font-size:0.6rem; font-weight:normal; line-height:1.3;   }



.main-section02 .baro-go { text-align:center;  width:100%; padding:1rem 0 ;  }
.main-section02 .baro-go ul {  }
.main-section02 .baro-go ul li { width:20%; float:left;   }
.main-section02 .baro-go ul li a {display:block;    width:100%; text-align:center; color:#000; font-size:0.6rem;  letter-spacing:-1.5px;  }
.main-section02 .baro-go ul li img {display:block; margin:0 auto 10px; }




.main-section03 {   position:relative; }
.main-section03 .left { background:#004098; }
.main-section03 .left  .position-wrap { padding:1rem 0.6rem;  height: 9rem;}
.main-section03 .left .position-wrap  {  width:100%; padding:0.4rem;  height:9rem;  margin-bottom:15px;  }
.main-section03 .notice-wrap {width:100%;   position:relative; }
.main-section03 .notice-wrap h3 {padding-left:0.4rem; padding-right:0.3rem;  float:left;  padding-top:0.4rem;     font-weight:normal; position:relative;  }
.main-section03 .left .position-wrap .notice-wrap h3:before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0px; width:1px; height:15px; border-left:1px solid #666;  }
.main-section03 .left .position-wrap .notice-wrap .notice:first-child h3 { background:none;  padding-left:0px; }
.main-section03 .left .position-wrap .notice-wrap .notice:first-child h3:before { border-left:0px; }
.main-section03 .notice-wrap h3 a { color:#666; display:block;  font-size:0.75rem;  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 ul {display:none;    position:absolute;  padding-top:0.5rem; top:2rem;  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;  }
.main-section03 .notice-wrap ul li a { float:left; color:#fff; 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 { display:none; font-size:0.55rem; color:#333;  display:none; position:absolute; top:0.4rem; right:0px;  }
.main-section03 .left .position-wrap .notice-wrap .more a { display:block; padding:0.2rem 0.5rem; border:1px solid #fff;  color:#fff; }
.main-section03 .notice-wrap .notice.active h3 a { border:0px; /* border-bottom:3px solid #0063c9; */ color:#fff;   }
.main-section03 .notice-wrap .notice.active ul  ,.main-section03 .notice-wrap  .notice.active .more { display:block;  }
.main-section03 .notice-wrap  .notice.active .more  * { vertical-align:top;  }

.main-section03 .right{background:#e2e9f1;}
.main-section03 .right .position-wrap {  width:100%; padding:0.4rem;  height:11rem;  margin-bottom:15px;  }
.main-section03 .right .position-wrap .program-wrap{width:100%;   position:relative; }
.main-section03 .right .position-wrap .program-wrap h3{padding-left:0.4rem; padding-right:0.3rem;  float:left;  padding-top:0.4rem;     font-weight:normal; position:relative;  }
.main-section03 .program-wrap h3 a { color:#000000; display:block;  font-size:0.75rem;  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 .program-wrap ul{ position:absolute;  padding-top:0.5rem; top:2rem;  left:0px; width:100%; display: none;}
.main-section03 .program-wrap ul li { width:100%; padding: 5px 0;  float:left;  font-weight:normal; font-size:0.58rem;  border-bottom: 1px solid #C2CCD8;}
.main-section03 .program-wrap ul li a { float:left; color:#333333; width:100%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .program-wrap ul li span {float:right; color:#014099; padding: 4.5px 14px; background: #FFFFFF; border-radius: 15px; font-weight: bold;}
.main-section03 .program-wrap .more {font-size:0.55rem; color:#333;  position:absolute; top:0.4rem; right:0px;  }
.main-section03 .program-wrap .more a{ display:block; padding:0.2rem 0.5rem; border:1px solid #000000;  color:#000000; }
.main-section03 .program-none{display: none; position: absolute; padding-top: 0.5rem; top: 2rem; left: 0px; width: 100%; text-align: center;}




.main-section04 .calendar {  position:relative;   background:#fff;   padding:0.5rem 0.4rem 1.5rem;  width:100%;  margin-bottom:1rem; }
.main-section04 .calendar .calendar-top {margin-bottom:10px; }
.main-section04 .calendar h3 {  font-size:0.75rem; float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section04 .calendar h3 a {   color:#000;    }
.main-section04 .calendar .month {float:right;    }
.main-section04 .calendar .month a {  font-size:0.65rem;  color:#000; display:inline-block;      }
.main-section04 .calendar .month span { font-size:0.75rem;  color:#000; display:inline-block;   margin: 0 10px; }
.main-section04 .calendar .month span strong { color:#000; font-weight:bold;  }
.main-section04 .calendar table   {  width:100%; border-collapse:collapse; border-top:1px solid #cbcbcb ; border-bottom:1px solid #cbcbcb;  }
.main-section04 .calendar table thead  {  border-bottom:3px solid #cbcbcb;  }
.main-section04 .calendar table th { text-align:center;   font-size:0.6rem;  color:#000; height:50px;  }
.main-section04 .calendar table td { text-align:center;    font-size:0.6rem;  color:#525252; height:40px; }
.main-section04 .calendar table td.no-date { color:#a09d9d;  } 
.main-section04 .calendar table td a { color:#ff6867;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section04 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section04 .calendar table td a.active { color:#fff;  background:#ff6867;  } 
.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 .gallery-wrap { position:relative; height: 12rem;  background:#fff;   padding:0.5rem 0.4rem 1.5rem;  width:100%;  margin-bottom:1rem; }
.main-section04 .gallery-wrap .gallery{position: relative;}
.main-section04 .gallery-wrap .gallery h3{ padding-right:0.3rem;  float:left;  padding-top:0.4rem;     font-weight:normal; position:relative;  }
.main-section04 .gallery-wrap .gallery h3 a { color:#000000; display:block;  font-size:0.75rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section04 .gallery-wrap .gallery ul { position:absolute;  padding-top:0.5rem; top:2rem;  left:0px; width:100%;  text-align: center; display: flex; flex-direction: row; justify-content: space-around;}
.main-section04 .gallery-wrap .gallery ul li{width: calc((100% - 20px) / 3); max-width: 255px; margin: 0 auto;}
.main-section04 .gallery-wrap .gallery ul li a > p{display: block; max-height: 190px; padding-bottom: 140%; text-align: center;}
.main-section04 .gallery-wrap .gallery ul li p img{height: 100%;}
.main-section04 .gallery-wrap .gallery ul li .text-wrap{margin-top: 10px;}
.main-section04 .gallery-wrap .gallery ul li .text-wrap .title{font-size: 0.58rem; color: #000000; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-section04 .gallery-wrap .gallery .more { font-size:0.55rem; color:#333;  position:absolute; top:0.4rem; right:0px;  }
.main-section04 .gallery-wrap .gallery .more a { display:block; padding:0.2rem 0.5rem; border:1px solid #000000;  color:#000000; }




.main-section04  .hot-alime {    overflow:hidden;  width:100%;  position:relative;  padding-bottom:35px; margin-bottom:1rem;   }
.main-section04  .hot-alime li img {width:100%; }
.main-section04  .hot-alime .bx-controls  {  position:absolute; bottom:10px; right:10px;   }
.main-section04  .hot-alime .bx-pager {float:left;  }
.main-section04  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section04  .hot-alime .bx-controls-auto { float:left;  }
.main-section04  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section04  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section04  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/c_off.png) no-repeat center center; padding:4px;  text-indent:-99999px; }
.main-section04  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/c_on.png) no-repeat left top; width:16px; height:16px; padding:0px;  } 
.main-section04  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section04  .hot-alime .bx-controls .bx-start { padding-top:3px;  }




.main-section05  {width:100%; clear:both;  padding-top:1rem;  padding-bottom:1rem; background:#f3f3f3;  }
.main-section05  h3 {text-align:center; font-size:0.75rem; color:#000; position:relative; padding-bottom:20px; margin-bottom:20px; }
.main-section05  h3:after { content:''; display:inline-block; width:50px; height:3px; border-bottom:3px solid #0063c9; position:absolute; bottom:0px; left:50%; margin-left:-25px;  }
.main-section05  .quick-link  {   }
.main-section05  .quick-link  li  {float:left; width:25%; padding:0 5px;  text-align:center;   }
.main-section05  .quick-link  li a  { color:#000; font-size:0.55rem;   letter-spacing:-1.5px; }
.main-section05  .quick-link  li a img { display:block; margin:0 auto 10px;  }
.main-section05  .quick-link  li a:hover { }

/* .main-section06 { background:#2a2a2a; padding:1rem 15px ; color:#fff;  } 
.main-section06 h3 { font-size:0.75rem;  margin-bottom:10px;  }
.main-section06 h3 strong{  }
.main-section06 ul {padding-top:10px; }
.main-section06 ul li {float:left; font-size:0.6rem; position:relative; margin-right:0.6rem;   } */

.main-section06 { background:#333;  padding:20px 15px 10px; border-bottom:1px solid #404040;  }
.main-section06 h3  {float:left; width:70px;  color:#ACACAC; font-size:13px; font-weight:normal;   }
.main-section06 ul  {float:left; width:calc(100% - 70px);  }
.main-section06 ul li  { color:#ACACAC; font-size:13px; margin-top:-2px;  padding-left:25px; margin-bottom:10px;   position:relative; }
.main-section06 ul li span  {display:block; }
.main-section06 ul li .icon {position:absolute; top:2px; lefT:0px;  }
.main-section06 ul li img  {height:16px;  }


}