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

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


.main-section01 { position:relative; height:625px; width:100%;  }
.main-section01 .notice-position {   position:absolute; background:#fff; top:145px; left:0; margin-right:95px; width:calc(50% - 95px);    }
.main-section01 .notice-wrap {width:520px; height:395px;  float:right;  position:relative; padding:40px 0 80px ; margin-right:80px; }

.main-section01 .notice-wrap h3 {width:167px; float:left;  height:55px;  margin-right:6px; font-weight:normal; }
.main-section01 .notice-wrap .notice:first-child h3 {}
.main-section01 .notice-wrap h3 a { color:#474747; display:table-cell; border:1px solid #c9c9c9; font-size:20px;  text-align:center;  vertical-align:middle; width:167px;  height:55px; }

.main-section01 .notice-wrap ul {display:none;    position:absolute; top:130px; left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:13px;  float:left;   }
.main-section01 .notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.main-section01 .notice-wrap ul li a { float:left; color:#000; width:80%;  font-size:17px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .notice-wrap ul li span {float:right; color:#717171;  font-size:15px; }
.main-section01 .notice-wrap .more { display:none;  font-size:30px; color:#333;  display:none; position:absolute; bottom:50px; right:-30px;  }

.main-section01 .notice-wrap .notice.active h3 a { border:0px; border-bottom:2px solid #000; color:#000;   }
.main-section01 .notice-wrap .notice.active ul  ,.main-section01 .notice-wrap  .notice.active .more { display:block;  }
.main-section01 .main-text { position:absolute; color:#fff;  bottom:90px; left:50%; }
.main-section01 .main-text .title { font-size:24px; font-weight:bold;  font-family: 'Arial'; margin-bottom:20px;   }
.main-section01 .main-text .text { font-size:50px; font-weight:100; line-height:1.3;   }
.main-section01 .main-text .text strong {font-weight:normal; }

.main-section02 { background:#fff; padding-top:50px; padding-bottom:75px;  }
.main-section02 .left-part-wrap { float:left; width:918px;  }
.main-section02  .hot-alime { float:left; margin-bottom:25px;  overflow:hidden;  width:588px; height:305px; position:relative; margin-right:26px;   }
.main-section02  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section02  .hot-alime .bx-pager {float:left;  }
.main-section02  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section02  .hot-alime .bx-controls-auto { float:left;  }
.main-section02  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section02  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section02  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/rolling_btn_off.png) no-repeat 4px 4px; padding:4px;  text-indent:-99999px; }
.main-section02  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section02  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section02  .hot-alime .bx-controls .bx-start { padding-top:3px;  }

.main-section02 .professor {margin-bottom:25px;  float:left; border:1px solid #d9d9d9; padding:30px 0 0 30px ; position:relative; width:282px; height:305px;  }
.main-section02 .professor h3 { font-size:17px; color:#000; position:relative; margin-bottom:15px;   }
.main-section02 .professor h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section02 .professor .eng { font-family: 'Arial';  font-size:17px; color:#10316c; margin-bottom:3px;    }
.main-section02 .professor .text { font-size:20px; color:#000; line-height:1.2; margin-bottom:15px;  }
.main-section02 .professor .text br {display:none; }
.main-section02 .professor .professor-photo {  width:270px; position:absolute; bottom:40px; left:-10px;    }
.main-section02 .professor ul li  {float:left;  }
.main-section02 .professor ul li a {position:relative;  background:rgba(0,0,0,0.3);  display:block; width:86px;  height:103px; }
.main-section02 .professor ul li a:after {position:absolute;top:0px; left:0px; content:'';   background:rgba(255,255,255,0.6);  display:block; width:86px;  height:103px; }
.main-section02 .professor ul li a:hover:after { background:none;  }
.main-section02 .professor ul li span {display:none;  position:absolute; bottom:10px; left:7px; right:7px;   color:#fff;  text-align:center; background:#000;   } 
.main-section02 .professor ul li a:hover span {display:inline-block;   } 
.main-section02 .professor p.more a { position:absolute; display:block; bottom:15px; right:30px; text-indent:-9999px; background:url(../images/main/arrow.png) no-repeat left top; width:33px; height:11px;  }

.main-section02 .calendar { float:left; position:relative; margin-right:28px;    border:1px solid #d9d9d9; padding:28px 30px; padding-bottom:0px; height:305px; width:435px; }
.main-section02 .calendar .calendar-top {margin-bottom:10px; }
.main-section02 .calendar h3 {  font-size:17px;float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section02 .calendar h3 a {   color:#000;    }
.main-section02 .calendar h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section02 .calendar .month { float:right; margin-top:-8px;  }
.main-section02 .calendar .month a { font-size:18px; color:#10316c;  floaT:left; margin-top:5px;    }
.main-section02 .calendar .month span { font-size:24px; color:#10316c; float:left;  margin: 0 10px; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section02 .calendar table th { text-align:center; font-size:15px; color:#000; height:30px;  }
.main-section02 .calendar table td { text-align:center;  font-size:15px; color:#525252; height:30px; }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td a.active { color:#ff0000;  background:#e9e8e8;  } 
.main-section02 .calendar .schedule { position:absolute; bottom:5px; left:40px;  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 .more { display:none;  }


.main-section02 .baro-go { float:left; background:url(../images/main/bg_box.png) repeat left top; width:435px; height:305px; padding:10px;   }
.main-section02 .baro-go ul { background:#fff; height: 100%; }
.main-section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list02 { border-bottom:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list03 { border-right:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li a {display:block;  float:left; width:100%; height:100%;  background-position:right 20px bottom 20px;background-repeat:no-repeat;   }
.main-section02 .baro-go ul li.list01 a { background-image:url(../images/main/icon_001_off.png);  } 
.main-section02 .baro-go ul li.list02 a { background-image:url(../images/main/icon_002_off.png);  } 
.main-section02 .baro-go ul li.list03 a { background-image:url(../images/main/icon_003_off.png);  } 
.main-section02 .baro-go ul li.list04 a { background-image:url(../images/main/icon_004_off.png);  } 
.main-section02 .baro-go ul li.list01 a:hover { background-image:url(../images/main/icon_001_on.png);  } 
.main-section02 .baro-go ul li.list02 a:hover { background-image:url(../images/main/icon_002_on.png);  } 
.main-section02 .baro-go ul li.list03 a:hover { background-image:url(../images/main/icon_003_on.png);  } 
.main-section02 .baro-go ul li.list04 a:hover { background-image:url(../images/main/icon_004_on.png);  } 
.main-section02 .baro-go ul li a span { display:inline-block; width:120px; height:85px; margin-top:10px; margin-left:-20px; color:#606060; font-size:15px; padding-top:15px; padding-left:30px;    }
.main-section02 .baro-go ul li a span strong {color:#000; font-size:17px; }
.main-section02 .baro-go ul li a:hover span { background:url(../images/main/arrow-w.png) no-repeat right 10px bottom 10px #fb8e2e;  color:#fff; }
.main-section02 .baro-go ul li a:hover span strong {  color:#fff; }

.main-section02 .quick-link-wrap { float:left; width:282px; height:635px; background:url(../images/main/bg_quick_service.jpg) no-repeat left 27px;  }
.main-section02 .quick-link-wrap h3 {position:relative;  display:inline-block; float:right;  padding:17px; font-size:20px; font-weight:bold; margin-top:-20px;  width:120px; height:90px; background:rgba(0,0,0,0.9); color:#fff;  font-family: 'Arial';  }
.main-section02 .quick-link-wrap h3:after {content:''; display:block; position:absolute; bottom:15px; left:-10px; width:50px; border-bottom:3px solid #fff; }

.main-section02 .quick-link-wrap .quick-link { padding-top:105px; padding-left:31px; padding-right:31px;  }
.main-section02 .quick-link-wrap .quick-link ul { border:1px solid #d3d6c8; border-bottom:0px;  }
.main-section02 .quick-link-wrap .quick-link ul li  { border-bottom:1px solid #d3d6c8;  }
.main-section02 .quick-link-wrap .quick-link ul li a  { display:table-cell; vertical-align:middle;  text-align:center; color:#fff; font-size:20px; width:220px; height:60px;   }
.main-section02 .quick-link-wrap .quick-link ul li a:hover { background:rgba(0,0,0,0.3); text-decoration:none;   }

.main-section03 { background:url(../images/main/bg_bottom.jpg) no-repeat center top; height:145px; padding-top:30px; padding-bottom:30px;  }
.main-section03 .left {width:50%; float:left;  position:relative;  }
.main-section03 .left:after { border-right:2px solid #fff;  height:65px;  content:''; display:block; position:absolute; top:10px; right:0px;   }
.main-section03 .right {width:50%; float:right; }
.main-section03 h3 { font-size:24px; color:#fff; position:relative;float:left; font-weight:normal;    }
.main-section03 h3:after { border-bottom:2px solid #fff;  width:24px; content:''; display:block; position:absolute; bottom:-15px;left:50%; margin-left:-12px;  }
.main-section03 .left .time { font-size:20px; color:#fff; float:right; padding-top:30px; padding-right:35px;  }
.main-section03 .right p { text-align:right; color:#fff;  font-size:20px;  }


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

.main-section01 .notice-position {  width:50% ;    }
.main-section01 .main-text {  padding-left:40px;  }
}

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

	
.main-section01 .notice-position {  width:55% ;    }
.main-section01 .notice-wrap {width:480px;  padding:40px 0 20px ;margin-right:40px;}
.main-section01 .main-text {  padding-left:80px;  }
.main-section01 .main-text .text { font-size:40px;    }
.main-section01 .notice-wrap h3 {width:154px; }
.main-section01 .notice-wrap h3 a {  width:154px; font-size:18px;  }
.main-section01 .notice-wrap .more { right:0px;  }

.main-section02 .left-part-wrap { margin-left:30px;  }
.main-section02 .quick-link-wrap {  width:100%; height:auto; background:none; margin-top:25px;   }
.main-section02 .quick-link-wrap h3 { float:none;  padding:17px; font-size:20px;text-align:center;   margin-top:0px;   height:70px; width:100%;  background:rgba(0,0,0,0.9); color:#fff;  font-family: 'Arial';  }
.main-section02 .quick-link-wrap h3 br { display:none;  }
.main-section02 .quick-link-wrap h3:after { left:50%; margin-left:-25px; }
.main-section02 .quick-link-wrap .quick-link { padding-top:50px; padding-bottom:50px;  background:url(../images/main/bg_quick_service.jpg) no-repeat center top; background-size:cover;  }
.main-section02 .quick-link-wrap .quick-link ul { border:0px;   }
.main-section02 .quick-link-wrap .quick-link ul:after { clear:both; content:''; display:table;  }
.main-section02 .quick-link-wrap .quick-link ul li  {float:left; border:0px;  width:25%; padding:0 10px;   }
.main-section02 .quick-link-wrap .quick-link ul li a  { display:block;  text-align:center; color:#fff; font-size:18px; padding-top:20px;margin-top:-1px;  width:100%; border:1px solid #d3d6c8;  height:60px;   }
.main-section02 .quick-link-wrap .quick-link ul li a:hover { background:rgba(0,0,0,0.3); text-decoration:none;   }

}



@media (max-width: 991px) {




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

.main-section01 { position:relative; width:100%;  }
.main-section01 .main-text { color:#fff;  height:8.22727273rem; padding-top:2.5rem;  padding-left:35px; padding-right:15px; }
.main-section01 .main-text .title { font-size:0.7rem; font-weight:bold;  font-family: 'Arial'; margin-bottom:0.5rem;   }
.main-section01 .main-text .text { font-size:1.1rem; font-weight:100; line-height:1.3;   }
.main-section01 .main-text .text strong {font-weight:normal; }

.main-section01 .notice-position {  background:#fff; width:100%;  padding:15px;  height:8.5rem;   }
.main-section01 .notice-wrap {width:100%;   position:relative; }

.main-section01 .notice-wrap h3 {width:29%; float:left;  height:1rem;  margin-left:1%; font-weight:normal; }
.main-section01 .notice-wrap .notice:first-child h3 { margin-left:0px; }
.main-section01 .notice-wrap h3 a { color:#474747; display:block; border:1px solid #c9c9c9; font-size:0.65rem;  text-align:center;  vertical-align:middle; width:100%;  padding:0.3rem 0 ; }

.main-section01 .notice-wrap ul {display:none;    position:absolute; top:2rem; left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;   }
.main-section01 .notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.main-section01 .notice-wrap ul li a { float:left; color:#000; width:70%;  font-size:0.58rem;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .notice-wrap ul li span {float:right; color:#717171;  font-size:0.5rem; }
.main-section01 .notice-wrap .more { display:none; font-size:30px; color:#333;  display:none; position:absolute; top:15px; right:0px;  }
.main-section01 .notice-wrap .more img { width:1rem;  }
.main-section01 .notice-wrap .notice.active h3 a { border:0px; border-bottom:2px solid #000; color:#000;   }
.main-section01 .notice-wrap .notice.active ul  ,.main-section01 .notice-wrap  .notice.active .more { display:block;  }
.main-section01 .notice-wrap  .notice.active .more  * { vertical-align:top;  }

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


.main-section02 .professor {  float:left;  padding:0.5rem 0.5rem 0 0.6rem ; position:relative; background:#10316c;  width:49.5%; margin-right:1%; height:4rem;  }
.main-section02 .professor h3 { font-size:0.65rem; position:relative; font-weight:normal;  margin-bottom:20px;  display:inline-block;   }
.main-section02 .professor h3 a { color:#fff;   }
.main-section02 .professor h3:before {content:''; display:block; position:absolute; bottom:-10px; left:50%; margin-left:-15px;  width:30px; border-top:1px solid #fff; }
.main-section02 .professor .eng { display:none; font-family: 'Arial';  font-size:17px; color:#10316c; margin-bottom:3px;    }
.main-section02 .professor .text {font-size:0.52rem; color:#fff; line-height:1.2; width:100%;  }
.main-section02 .professor .professor-photo { display:none;  width:270px; position:absolute; bottom:40px; left:-10px;    }

.main-section02 .professor p.more a { position:absolute; display:block; bottom:5px; right:5px; text-indent:-9999px; background:url(../images/main/arrow-w.png) no-repeat right top; width:22px; height:11px;    }

.main-section02 .calendar { float:left; position:relative;margin-bottom:10px;      padding:0.5rem 0.5rem 0 0.6rem ; position:relative; background:#1a479d;  width:49.5%;  height:4rem; }
.main-section02 .calendar .calendar-top {margin-bottom:10px; }
.main-section02 .calendar h3 { font-size:0.65rem; position:relative; font-weight:normal;  margin-bottom:20px;  display:inline-block;   }
.main-section02 .calendar h3  a { color:#fff;   }
.main-section02 .calendar h3:before {content:''; display:block; position:absolute; bottom:-10px; left:50%; margin-left:-15px;  width:30px; border-top:1px solid #fff; }
.main-section02 .calendar .month { width:100%;  }
.main-section02 .calendar .month a {display:none;     }
.main-section02 .calendar .month span { font-size:0.52rem; color:#fff;}
.main-section02 .calendar table   { display:none;   }
.main-section02 .calendar .schedule {  font-size:0.52rem; margin-top:-12px;  color:#fff; width:100%;   }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:2px;  }
.main-section02 .calendar p.more a { position:absolute; display:block; bottom:5px; right:5px; text-indent:-9999px; background:url(../images/main/arrow-w.png) no-repeat right top; width:22px; height:11px;    }


.main-section02 .baro-go { float:left; background:url(../images/main/bg_box.png) repeat left top; width:100%; margin-bottom:10px;  height:8rem; padding:10px;   }
.main-section02 .baro-go ul { background:#fff;  height: 100%;}
.main-section02 .baro-go ul li { float:left; width:50%; height:50%; padding:5px;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list02 { border-bottom:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list03 { border-right:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li a {display:block;  padding:0.5rem 0.5rem 0 0.6rem ; float:left; width:100%; height:100%;  background-position:right 10px bottom 10px;background-repeat:no-repeat; background-size:2rem;   }
.main-section02 .baro-go ul li.list01 a { background-image:url(../images/main/icon_001_off.png);  } 
.main-section02 .baro-go ul li.list02 a { background-image:url(../images/main/icon_002_off.png);  } 
.main-section02 .baro-go ul li.list03 a { background-image:url(../images/main/icon_003_off.png);  } 
.main-section02 .baro-go ul li.list04 a { background-image:url(../images/main/icon_004_off.png);  } 
.main-section02 .baro-go ul li a:hover {background-color:#fb8e2e; text-decoration:none;  }
.main-section02 .baro-go ul li.list01 a:hover { background-image:url(../images/main/icon_001_on_w.png) ;    } 
.main-section02 .baro-go ul li.list02 a:hover { background-image:url(../images/main/icon_002_on_w.png) ;  } 
.main-section02 .baro-go ul li.list03 a:hover { background-image:url(../images/main/icon_003_on_w.png) ;  } 
.main-section02 .baro-go ul li.list04 a:hover { background-image:url(../images/main/icon_004_on_w.png) ;  } 
.main-section02 .baro-go ul li a span {  color:#606060;  font-size:0.52rem;     }
.main-section02 .baro-go ul li a span strong {color:#000;  font-size:0.65rem; }
.main-section02 .baro-go ul li a:hover span {   color:#fff; }
.main-section02 .baro-go ul li a:hover span strong  {   color:#fff; }


.main-section02 .quick-link-wrap { width:100%; float:left; margin-bottom:10px;   }
.main-section02 .quick-link-wrap h3 {position:relative; text-align:center;  padding:17px;  font-size:0.65rem; font-weight:bold; background:rgba(0,0,0,0.9); color:#fff;  font-family: 'Arial';  }
.main-section02 .quick-link-wrap h3 br { display:none;  }
.main-section02 .quick-link-wrap h3:after {content:''; display:block; position:absolute; bottom:10px; left:50%;  margin-left:-15px; width:30px; border-bottom:1px solid #fff; }

.main-section02 .quick-link-wrap .quick-link { background:url(../images/main/bg_quick_service.jpg) no-repeat left top; background-size:100%;padding:15px 10px;    }
.main-section02 .quick-link-wrap .quick-link ul {  }
.main-section02 .quick-link-wrap .quick-link ul:after { clear:both; display:table; content:'';  }
.main-section02 .quick-link-wrap .quick-link ul li  {border:1px solid #d3d6c8; float:left; width:49%; margin-left:1%;margin-top:-1px;   }
.main-section02 .quick-link-wrap .quick-link ul li a  { display:block;  text-align:center; color:#fff; font-size:0.6rem; padding-top:0.4rem;  height:1.5rem; width:100%;    }
.main-section02 .quick-link-wrap .quick-link ul li a:hover { background:rgba(0,0,0,0.3); text-decoration:none;   }


.main-section03 { background:url(../images/main/bg_bottom.jpg) no-repeat center center; background-size:cover; width:100%; padding:15px;   padding-top:0.4rem; padding-bottom:0.4rem;  }
.main-section03 .left {width:50%; float:left;  position:relative;  }
.main-section03 .right {width:50%; float:right; }
.main-section03 h3 {  font-size:0.65rem; color:#fff; position:relative;float:left; font-weight:normal;    }
.main-section03 h3:after { border-bottom:1px solid #fff;  width:30px; content:''; display:block; position:absolute; bottom:-10px;left:50%; margin-left:-15px;  }
.main-section03 .left .time { width:100%; font-size:0.58rem; color:#fff; float:left;  padding-top:0.8rem; }
.main-section03 .right p { text-align:left; color:#fff;  font-size:0.50rem;   }




}