
@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:750px; background-repeat: no-repeat; background-position:center top;   }

.main-section01 {width:100%; }
.main-section01 .container {  height:750px;  position:relative;  }
.main-section01 .main-text {width:600px; height:350px;  background:rgba(255,255,255,0.5); position:absolute; top:0px; right:0px; color:#000;   padding-top:75px; padding-left:75px;   letter-spacing:-1.75px; padding-right:75px;  }
.main-section01 .main-text .title { font-size:70px; }
.main-section01 .main-text .title span { color:#fff;  }
.main-section01 .main-text .text { font-size:30px; font-weight:normal; line-height:1.3;   }

.main-section01 .notice { position:absolute; bottom:75px; left:0px; width:100%;  }
.main-section01 .notice h3 { text-align:center; color:#fff; font-size:26px; font-weight:bold; margin-bottom:30px;  }
.main-section01 .notice ul { margin:0 -20px;  }
.main-section01 .notice ul li { float:left; width:25%; padding:0 20px;  }
.main-section01 .notice ul li a { position:relative; display:block; width:100%; border-top:2px solid #fff; border-bottom:1px solid rgba(233,233,233,0.5);  height:144px; padding-top:30px; color:#fff; font-size:16px;   }
.main-section01 .notice ul li a span {position:Absolute; bottom:28px; left:0px; font-size:15px; }
.main-section01 .notice .more { position:absolute; top:3px; right:0px;  }



.main-section02 { background:#EAEAEA;   padding:60px 0 ; }

.main-section02  .hot-alime { float:left;  width:588px; height:300px; position:relative;  margin-right:24px;    }
.main-section02  .hot-alime ul li img { width:588px; height:300px; }
.main-section02  .hot-alime .bx-controls  {  position:absolute; bottom:-30px; left:10px;font-size:0px;   }
.main-section02  .hot-alime .bx-controls div  {display:inline-block; }
.main-section02  .hot-alime .bx-controls * { vertical-align:middle;  }
.main-section02  .hot-alime .bx-controls   a  {  display:inline-block;  margin:0 4px;   }
.main-section02  .hot-alime .bx-pager .bx-pager-item a  { width:8px;  height:8px; text-indent:-99999px; border-radius:100%; background:#666666; }
.main-section02  .hot-alime .bx-pager .bx-pager-item a.active {  background:#FF6767; width:16px; height:16px;  } 
.main-section02  .hot-alime .bx-controls .bx-controls-auto a { color:#666; font-size:14px;   }
.main-section02  .hot-alime .bx-controls .bx-stop { }
.main-section02  .hot-alime .bx-controls .bx-start {  }

.main-section02 .link-info-wrap { float:left;  width:588px; }
.main-section02 .link-info-wrap .link-wrap { float:left; width:50%; height:300px; background:url(../images/main/bgimg_1.png) no-repeat center center; background-size:cover; padding:43px 41px 0;   }
.main-section02 .link-info-wrap .link-wrap h3 { text-align:center;  font-size:24px; color:#fff; font-weight:bold; margin-bottom:30px; }
.main-section02 .link-info-wrap .link-wrap ul { margin:0 -10px }
.main-section02 .link-info-wrap .link-wrap ul li { float:left; width:50%; padding:0 10px;  }
.main-section02 .link-info-wrap .link-wrap ul li a {display:block; padding:17px 0 ; text-align:center; border-top:3px solid #6D8AD2;  border-bottom:3px solid #6D8AD2;   color:#fff; font-size:16px; line-height:1.2;  font-weight:bold; }
.main-section02 .link-info-wrap .link-wrap ul li:nth-of-type(3) a, .main-section02 .link-info-wrap .link-wrap ul li:nth-of-type(4) a {border-top:0px;  padding-top:14px;  }
.main-section02 .link-info-wrap .info-wrap { float:left; width:50%;  height:300px;   background:url(../images/main/bgimg_2.png) no-repeat center center; background-size:cover;  padding:43px 41px 0;}
.main-section02 .link-info-wrap .info-wrap  h3  {  text-align:center;  font-size:24px; color:#000; font-weight:bold; margin-bottom:40px;}
.main-section02 .link-info-wrap .info-wrap  h3 a  {  color:#000; }
.main-section02 .link-info-wrap .info-wrap  h3  span {   color:#2844C4;}
.main-section02 .link-info-wrap .info-wrap  h3 a span {   color:#2844C4;}
.main-section02 .link-info-wrap .info-wrap  p a {   color:#333;}
.main-section02 .link-info-wrap .info-wrap  p {   color:#333; line-height:1.6; text-align:center;   font-size:16px;  letter-spacing:-1.5px; }



.main-section03 { background:#fff; padding:60px 0 ;  }
.main-section03 .calendar-wrap { float:left; position:relative; border:10px solid #EAEAEA; background:#fff; width:588px; height:434px;   padding:40px;  margin-right:24px;    }
.main-section03 .calendar {}
.main-section03 .calendar .calendar-top {margin-bottom:10px; }
.main-section03 .calendar h3 {  font-size:22px;float:left;  color:#000; position:relative; margin-bottom:15px;   }
.main-section03 .calendar h3 a {   color:#000;    }
.main-section03 .calendar h3:before {content:''; display:block; position:absolute; top:10px; left:-50px; width:40px; border-top:2px solid #000; }
.main-section03 .calendar .month {text-align:center;  float:right;  margin-top:-8px;  }
.main-section03 .calendar .month a { font-size:24px; color:#7B7B7B; display:inline-block;   margin-top:10px;   font-weight:bold;   }
.main-section03 .calendar .month span { font-size:26px; color:#7B7B7B; display:inline-block;   margin: 0 10px; }
.main-section03 .calendar .month span b { color:#000;  }
.main-section03 .calendar table   {  width:100%; border-collapse:collapse;   border-bottom:1px solid #EAEAEA;    }
.main-section03 .calendar table th { text-align:center; font-size:16px; color:#333; height:40px; border-bottom:1px solid #EAEAEA;   }
.main-section03 .calendar table td { text-align:center;  font-size:16px; color:#333; height:40px; }
.main-section03 .calendar table td.no-date { color:#a09d9d;  } 
.main-section03 .calendar table td a { color:#ff0000;  display:inline-block; width:35px; height:35px; border-radius:17.5px; padding-top:5px;  } 
.main-section03 .calendar table td span {   display:inline-block; width:35px; height:35px; border-radius:17.5px; padding-top:5px;  } 
.main-section03 .calendar table td a.active { color:#fff;  background:#FF6767;  } 
.main-section03 .calendar table td a.issue { color:#fff;  background:#989898;  } 
.main-section03 .calendar .schedule { position:absolute; bottom:20px; left:40px;  width:calc(100% - 80px) ; font-size:15px; color:#606060;   }
.main-section03 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section03 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }

.main-section03 .quick-link-wrap {float:left; position:relative; border:10px solid #EAEAEA; background:#fff; width:588px; height:434px;   padding:40px;      }
.main-section03 .quick-link-wrap h3 {  font-size:22px; color:#000; position:relative; margin-bottom:30px; letter-spacing:-1.6px;   }
.main-section03 .quick-link-wrap h3:before {content:''; display:block; position:absolute; top:10px; left:-50px; width:40px; border-top:2px solid #000; }
.main-section03 .quick-link-wrap ul {}
.main-section03 .quick-link-wrap ul li  { float:left; width:33.333%; margin-bottom:30px;  text-align:center; }
.main-section03 .quick-link-wrap ul li  a {display:block;  color:#333; font-size:16px; }
.main-section03 .quick-link-wrap ul li  a .img { display:block; width:90px; height:90px; border:1px solid #EAEAEA; margin:0 auto 5px; border-radius:100%; text-align:center; padding-top:20px;   }
.main-section03 .quick-link-wrap ul li  a .img img{ height:43px;  }

.main-section04 { height:120px; background:#2A2A2A;  padding-top:45px; color:#fff;  }
.main-section04 h3 { float:left;  font-size:24px; font-weight:normal;   }
.main-section04 h3 strong {font-weight:bold; }
.main-section04 ul { float:right; }
.main-section04 ul li { float:left; font-size:20px; margin-left:20px; padding-left:20px; position:relative;  }
.main-section04 ul li:before { content:''; display:inline-block; width:1px; height:17px; background:rgba(255,255,255,0.7); position:absolute; top:7px; left:0px;  }
.main-section04 ul li:first-child:before { width:0px; height:0px;   }
.main-section04 ul li:first-child { padding-left:0px; margin-left:0px;   }


}

@media (min-width: 992px) and (max-width: 1199px) {

.main-section01 .main-text {width:480px; padding-left:45px;  padding-right:45px;  }
.main-section02  .hot-alime {   width:470px; margin-right:20px;height:244px;  }	
.main-section02  .hot-alime ul li img {  470px; height:244px;  }
.main-section02 .link-info-wrap { float:left;  width:470px; }
.main-section02 .link-info-wrap .link-wrap { height:244px;  padding:23px 21px 0;   }
.main-section02 .link-info-wrap .link-wrap h3 {  font-size:22px;  margin-bottom:25px; }
.main-section02 .link-info-wrap .link-wrap ul li a { font-size:14px;  }
.main-section02 .link-info-wrap .info-wrap {  height:244px;    padding:23px 21px 0;}
.main-section02 .link-info-wrap .info-wrap  h3  { font-size:22px; margin-bottom:35px;}
.main-section02 .link-info-wrap .info-wrap  p {    font-size:14px;  }

.main-section03 .calendar-wrap { width:470px; height:434px;   padding:40px 20px;  margin-right:20px;    }
.main-section03 .calendar .schedule { width:calc(100% - 40px) ;  left:20px;    }
.main-section03 .calendar h3:before { left:-30px; width:20px; }
.main-section03 .quick-link-wrap {width:470px; height:434px;   padding:40px 20px;      }
.main-section03 .quick-link-wrap h3:before { left:-30px; width:20px;}

}



@media (max-width: 991px) {
.main { position:relative;    }

.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:480px; background-repeat: no-repeat; background-position:center top;  background-size:cover;   }

.main-section01 {width:100%; padding:0 15px;  }
.main-section01 .container {  height:480px;  position:relative;  }
.main-section01 .main-text {width:100%; height:182px;  background:rgba(255,255,255,0.5); color:#000;   padding-top:40px; padding-left:32px;   letter-spacing:-1.75px; padding-right:32px;  }
.main-section01 .main-text .title { font-size:36px; }
.main-section01 .main-text .title span { color:#fff;  }
.main-section01 .main-text .text { font-size:20px; font-weight:normal; line-height:1.3;   }

.main-section01 .notice { position:absolute; bottom:30px; left:0px; width:100%;  }
.main-section01 .notice h3 { text-align:center; color:#fff; font-size:20px; font-weight:bold; margin-bottom:20px;  }
.main-section01 .notice ul { margin:0 -10px 20px;   }
.main-section01 .notice ul li { float:left; width:50%; padding:0 10px;  }
.main-section01 .notice ul li:nth-of-type(3),.main-section01 .notice ul li:nth-of-type(4) { display:none;  }
.main-section01 .notice ul li a { position:relative; display:block; width:100%; border-top:2px solid #fff; border-bottom:1px solid rgba(233,233,233,0.5);  height:110px; padding-top:15px; color:#fff; font-size:14px;   line-height:1.2;  }
.main-section01 .notice ul li a span {position:Absolute; bottom:15px; left:0px; font-size:13px; }
.main-section01 .notice .more { text-align:center;  }


.main-section02 { background:#EAEAEA;   padding:30px 15px  50px; }

.main-section02  .hot-alime { width:100%; margin-bottom:30px; position:relative;    }
.main-section02  .hot-alime .bx-viewport { margin-bottom:10px;  }
.main-section02  .hot-alime ul li img {width:100%; }
.main-section02  .hot-alime .bx-controls  {  padding-left:10px; font-size:0px;   }
.main-section02  .hot-alime .bx-controls div  {display:inline-block; }
.main-section02  .hot-alime .bx-controls * { vertical-align:middle;  }
.main-section02  .hot-alime .bx-controls   a  {  display:inline-block;  margin:0 4px;   }
.main-section02  .hot-alime .bx-pager .bx-pager-item a  { width:8px;  height:8px; text-indent:-99999px; border-radius:100%; background:#666666; }
.main-section02  .hot-alime .bx-pager .bx-pager-item a.active {  background:#FF6767; width:16px; height:16px;  } 
.main-section02  .hot-alime .bx-controls .bx-controls-auto a { color:#666; font-size:14px;   }
.main-section02  .hot-alime .bx-controls .bx-stop { }
.main-section02  .hot-alime .bx-controls .bx-start {  }

.main-section02 .link-info-wrap {  }
.main-section02 .link-info-wrap .link-wrap { width:100%;  background:url(../images/main/bgimg_1.png) no-repeat center center; background-size:cover; padding:37px 30px 37px;   }
.main-section02 .link-info-wrap .link-wrap h3 { text-align:center;  font-size:20px; color:#fff; font-weight:bold; margin-bottom:20px; }
.main-section02 .link-info-wrap .link-wrap ul { margin:0 -10px }
.main-section02 .link-info-wrap .link-wrap ul li { float:left; width:50%; padding:0 10px;  }
.main-section02 .link-info-wrap .link-wrap ul li a {display:block; padding:12px 0 ; text-align:center; border-top:3px solid #6D8AD2;  border-bottom:3px solid #6D8AD2;   color:#fff; font-size:14px; line-height:1.4;  font-weight:bold; }
.main-section02 .link-info-wrap .link-wrap ul li:nth-of-type(3) a, .main-section02 .link-info-wrap .link-wrap ul li:nth-of-type(4) a {border-top:0px;  padding-top:10px;  }
.main-section02 .link-info-wrap .info-wrap {width:100%;   background:url(../images/main/bgimg_2.png) no-repeat center center; background-size:cover;    padding:37px 30px 50px;  }
.main-section02 .link-info-wrap .info-wrap  h3  {  text-align:center;  font-size:20px; color:#000; font-weight:bold; margin-bottom:20px;}
.main-section02 .link-info-wrap .info-wrap  h3  span {   color:#2844C4;}
.main-section02 .link-info-wrap .info-wrap  p {   color:#333; line-height:1.6; text-align:center;   font-size:14px;  letter-spacing:-1.5px; }
.main-section02 .link-info-wrap .info-wrap  h3 a  {  color:#000; }
.main-section02 .link-info-wrap .info-wrap  h3 span {   color:#2844C4;}
.main-section02 .link-info-wrap .info-wrap  h3 a span {   color:#2844C4;}
.main-section02 .link-info-wrap .info-wrap  p a {   color:#333;}

.main-section03 { background:#fff; padding:40px 0  20px;  }
.main-section03 .calendar-wrap {  position:relative; background:#fff; width:100%;   padding:20px 15px 60px;  margin-bottom:20px;    }
.main-section03 .calendar {}
.main-section03 .calendar .calendar-top {margin-bottom:10px; }
.main-section03 .calendar h3 {  font-size:20px;float:left;  color:#000; position:relative; margin-bottom:10px; padding-left:25px;   }
.main-section03 .calendar h3 a {   color:#000;    }
.main-section03 .calendar h3:before {content:''; display:block; position:absolute; top:10px; left:-15px; width:30px; border-top:2px solid #000; }
.main-section03 .calendar .month {text-align:center;  float:right;  margin-top:-3px;  }
.main-section03 .calendar .month a { font-size:16px; color:#7B7B7B; display:inline-block;   margin-top:10px;   font-weight:bold;   }
.main-section03 .calendar .month span { font-size:18px; color:#7B7B7B; display:inline-block;   margin: 0 10px; }
.main-section03 .calendar .month span b { color:#000;  }
.main-section03 .calendar table   {  width:100%; border-collapse:collapse;   border-bottom:1px solid #EAEAEA;    border-top:2px solid #000;  }
.main-section03 .calendar table th { text-align:center; font-size:16px; color:#333; height:40px; border-bottom:1px solid #EAEAEA;   }
.main-section03 .calendar table td { text-align:center;  font-size:16px; color:#333; height:40px; }
.main-section03 .calendar table td.no-date { color:#a09d9d;  } 
.main-section03 .calendar table td a { color:#ff0000;  display:inline-block; width:35px; height:35px; border-radius:17.5px; padding-top:5px;  } 
.main-section03 .calendar table td span {   display:inline-block; width:35px; height:35px; border-radius:17.5px; padding-top:5px;  } 
.main-section03 .calendar table td a.active { color:#fff;  background:#FF6767;  } 
.main-section03 .calendar table td a.issue { color:#fff;  background:#989898;  } 
.main-section03 .calendar .schedule { position:absolute; bottom:20px; left:40px;  width:calc(100% - 80px) ; font-size:15px; color:#606060;   }
.main-section03 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section03 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }



.main-section03 .quick-link-wrap {position:relative;  background:#fff; width:100%;  padding:20px 15px 20px;     }
.main-section03 .quick-link-wrap h3 {  font-size:20px;  color:#000; position:relative; margin-bottom:30px; padding-left:25px;   }
.main-section03 .quick-link-wrap h3:before {content:''; display:block; position:absolute; top:10px; left:-15px; width:30px; border-top:2px solid #000; }
.main-section03 .quick-link-wrap ul {}
.main-section03 .quick-link-wrap ul li  { float:left; width:33.333%; margin-bottom:30px;  text-align:center; }
.main-section03 .quick-link-wrap ul li  a {display:block;  color:#333; font-size:14px; }
.main-section03 .quick-link-wrap ul li  a .img { display:block; width:67px; height:67px; border:1px solid #EAEAEA; margin:0 auto 5px; border-radius:100%; text-align:center; padding-top:15px;   }
.main-section03 .quick-link-wrap ul li  a .img img{ height:30px;  }


.main-section04 { background:#2A2A2A;  padding:25px 15px;  color:#fff;  }
.main-section04 h3 { font-size:19px; font-weight:normal;   margin-bottom:15px;  }
.main-section04 h3 strong {font-weight:bold; }
.main-section04 ul { }
.main-section04 ul li { float:left; font-size:14px; padding-right:25px; margin-bottom:5px; padding-right:10px; position:relative;  }
.main-section04 ul li:nth-of-type(2) {clear:both; }



}