


@media (min-width: 1320px) {
  .main {
    z-index: 1;
    word-break: keep-all;

	letter-spacing:-1.5px; 
  }
  .main a {color: #222;}


.right-layout .main{ position:relative;  }

.right-layout .section01 { float:left;  width:calc(100% -  600px); height:1210px; padding-top:245px;  background-repeat:no-repeat;  background-position:center top; background-size:cover;  }
.right-layout .section01 .main-text { margin-bottom:75px; padding-left:55px;  font-weight:100;  letter-spacing:-1.5px;  }
.right-layout .section01 .main-text .class { display:inline-block; border:1px solid #fff; padding:5px 15px; border-radius:30px; font-size:24px; margin-bottom:40px; color:#fff;  }
.right-layout .section01 .main-text .title { font-size: 40px; color:#fff; margin-bottom:20px;letter-spacing:-1;  }
.right-layout .section01 .main-text .text {font-weight:bold; font-size:24px; color:#fff; letter-spacing:-1; }
.right-layout .section01   .hot-alime {   float:left; overflow:hidden; padding:45px 56px; height:395px; width:700px;  background:#fff;   position:relative; box-shadow:7px 7px 3px rgba(0,0,0,0.2);    }

.right-layout .section01   .hot-alime .bx-controls  {  position:absolute; top:55px; left:66px;   }
.right-layout .section01   .hot-alime .bx-pager {float:left;  }
.right-layout .section01   .hot-alime .bx-controls-auto { float:left;  }
.right-layout .section01   .hot-alime .bx-pager .bx-pager-item  {float:left; }
.right-layout .section01   .hot-alime .bx-controls-auto * { vertical-align:top;  }
.right-layout .section01   .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.right-layout .section01   .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; }
.right-layout .section01   .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.right-layout .section01   .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.right-layout .section01   .hot-alime .bx-controls .bx-start { padding-top:3px;  }

.right-layout .section01   .hot-alime .bx-controls-direction  { float:left;   }
.right-layout .section01   .hot-alime .bx-controls-direction a { position:absolute; top:150px; margin-top:-20px; width:29px; height:41px; text-indent:-999999px;  }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev {left:-55px; background:url(../images/main/btn_sideLeft.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev:hover , .right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev.active {background:url(../images/main/btn_sideLeft_over.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-next {left:585px; background:url(../images/main/btn_sideRight.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-next:hover , .right-layout .section01   .hot-alime .bx-controls-direction a.bx-next.active  {left:585px; background:url(../images/main/btn_sideRight_over.png) no-repeat left top; }


.right-layout .section02 { float:right;   width:600px; }
.right-layout .section02 .info-link { padding:50px 45px; position:relative; border-bottom:1px solid #e1e1e1; height:305px;  }
.right-layout .section02 .info-link h3 {  font-size:24px; color:#000; margin-bottom:25px;  font-weight:400 ;  }
.right-layout .section02 .info-link p { font-size:15px; color:#717171; padding-right:230px; }
.right-layout .section02 .info-link  ul { position:absolute; right:45px; top:60px;  }
.right-layout .section02 .info-link  ul li { margin-bottom:7px; }
.right-layout .section02 .info-link  ul li a {display:block; border:1px solid #c9c9c9; text-align:center; width:205px; height:55px; font-size:17px; color:#000; padding-top:15px; }
.right-layout .section02 .info-link  ul li a:hover {background:#000; color:#fff; border:1px solid #000; }



.right-layout .section02 .notice-wrap {width:100%; height:305px;   position:relative; padding:30px 45px;  }

.right-layout .section02 .notice-wrap h3 { width:32.333%; float:left; height:55px;  margin-left:1%;  font-weight:normal; }
.right-layout .section02 .notice-wrap .notice:first-child h3 { margin-left:0px; }
.right-layout .section02 .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; }

.right-layout .section02 .notice-wrap ul {display:none;    position:absolute; top:130px; left:45px;  right:45px;  }
.right-layout .section02 .notice-wrap ul li { width:100%;margin-bottom:13px;  float:left;   }
.right-layout .section02.notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.right-layout .section02 .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; }
.right-layout .section02 .notice-wrap ul li span {float:right; color:#717171;  font-size:15px; }
.right-layout .section02 .notice-wrap .more { display:none;  font-size:30px; color:#333;   position:absolute; top:85px; right:45px;  }
.right-layout .section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:2px solid #000; color:#000;   }
.right-layout .section02 .notice-wrap .notice.active ul  ,.right-layout .section02 .notice-wrap  .notice.active .more { display:block;  }




.right-layout .section02 .baro-go { float:left; background:#6574c7;  width:50%;  height:295px; }
.right-layout .section02 .baro-go ul { height: 100%;}
.right-layout .section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list02 { border-bottom:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list03 { border-right:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li a {display:block;   float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:17px;  background-position:center 40px;background-repeat:no-repeat; padding-top:95px;   }

.right-layout .section02 .baro-go ul li.list01 a { background-image:url(../images/main/ico_001.png) ;  } 
.right-layout .section02 .baro-go ul li.list02 a { background-image:url(../images/main/ico_002.png) ;  } 
.right-layout .section02 .baro-go ul li.list03 a { background-image:url(../images/main/ico_003.png) ;  } 
.right-layout .section02 .baro-go ul li.list04 a { background-image:url(../images/main/ico_004.png) ;  } 
.right-layout .section02 .baro-go ul li a:hover { background-color:rgba(0,0,0,0.25);  }
.right-layout .section02 .professor {width:50%; float:left; height:295px; }
.right-layout .section02 .professor a { display:block; width:100%; height:100%; text-align:center;  position:relative; padding-top:80px; background:url(../images/main/pic_pro.jpg) no-repeat center center;  }
.right-layout .section02 .professor a:before { content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px) ; height:calc(100% - 20px) ;     display:inline-block; border:1px solid rgba(255,255,255,0.3);   } 
.right-layout .section02 .professor h3 { margin-bottom:20px;  font-size:24px; color:#fff;  }
.right-layout .section02 .professor h3 span {  background:rgba(0,0,0,0.5); display:inline-block;  padding:1px 3px;  }
.right-layout .section02 .professor p {font-size:15px; color:#fff;     }
.right-layout .section02 .professor p span { background:rgba(0,0,0,0.5);  padding:1px 3px; display:inline-block; margin-bottom:2px ;    }


.right-layout .section02 .calendar-wrap {  position:relative;    border:1px solid #d9d9d9; padding:30px 45px 0 25px ;  height:305px; width:100%; }
.right-layout .section02 .calendar-wrap h3 {  font-size:17px;float:left;  color:#000; position:relative; margin-bottom:10px;   }
.right-layout .section02 .calendar-wrap h3 a {   color:#000;    }
.right-layout .section02 .calendar-wrap .month {float:left;  position:relative; margin-right:50px; width:115px; height:115px; border:1px solid #000; }
.right-layout .section02 .calendar-wrap .month a {position:absolute; top:50%;  font-size:18px; color:#000; margin-top:-10px;    }
.right-layout .section02 .calendar-wrap .month a.prev { left:0px;  }
.right-layout .section02 .calendar-wrap .month a.next {  right:0px;   }
.right-layout .section02 .calendar-wrap .month span.count {text-align:center; width:115px;  height:115px; display:table-cell; vertical-align:middle; }
.right-layout .section02 .calendar-wrap .month span.count  { font-size:16px; color:#929292;  }
.right-layout .section02 .calendar-wrap .month span.count b { font-size:55px; color:#000;  font-weight:normal;  line-height:1; }
.right-layout .section02 .calendar-wrap .calendar   { margin-left:165px; position:relative; height:100%;  }
.right-layout .section02 .calendar-wrap table   {  width:100%; border-collapse:collapse;  }
.right-layout .section02 .calendar-wrap table th { text-align:center; font-size:15px; color:#000; height:30px;  }
.right-layout .section02 .calendar-wrap table td { text-align:center;  font-size:15px; color:#525252; height:30px; }
.right-layout .section02 .calendar-wrap table td.no-date { color:#a09d9d;  } 
.right-layout .section02 .calendar-wrap table td a { color:#000; font-weight:bold;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td a.active { color:#000;  font-weight:bold;  border:1px solid #000;  } 
.right-layout .section02 .calendar-wrap .schedule { position:absolute; bottom:20px; left:20px;  width:365px;font-size:15px; color:#606060;   }
.right-layout .section02 .calendar-wrap .schedule strong { font-weight:normal; color:#000;  }
.right-layout .section02 .calendar-wrap .schedule p:before { content:'·'; display:inline-block; padding-right:5px;  }
.right-layout .section02 .more { display:none;  }

.right-layout .section03 { width:100%;  padding-top:30px; }
.right-layout .section03 ul { width:100%;  }
.right-layout .section03 ul li {  float:left; padding-bottom:25px;  width:12.5%; text-align:center;  }
.right-layout .section03 ul li a { display:block; width:100%;  float:left;   padding-top:62px; color:#717171; font-size:15px;  }
.right-layout .section03 ul li.list01 a { background:url(../images/main/q_ico_001.png) no-repeat center top;  }
.right-layout .section03 ul li.list02 a { background:url(../images/main/q_ico_002.png) no-repeat center top;  }
.right-layout .section03 ul li.list03 a { background:url(../images/main/q_ico_003.png) no-repeat center top;  }
.right-layout .section03 ul li.list04 a { background:url(../images/main/q_ico_004.png) no-repeat center top;  }
.right-layout .section03 ul li.list05 a { background:url(../images/main/q_ico_005.png) no-repeat center top;  }
.right-layout .section03 ul li.list06 a { background:url(../images/main/q_ico_006.png) no-repeat center top;  }
.right-layout .section03 ul li.list07 a { background:url(../images/main/q_ico_007.png) no-repeat center top;  }
.right-layout .section03 ul li.list08 a { background:url(../images/main/q_ico_008.png) no-repeat center top;  }
.right-layout .section03 ul li.list01 a:hover { background:url(../images/main/q_ico_001_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list02 a:hover { background:url(../images/main/q_ico_002_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list03 a:hover { background:url(../images/main/q_ico_003_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list04 a:hover { background:url(../images/main/q_ico_004_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list05 a:hover { background:url(../images/main/q_ico_005_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list06 a:hover { background:url(../images/main/q_ico_006_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list07 a:hover { background:url(../images/main/q_ico_007_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list08 a:hover { background:url(../images/main/q_ico_008_on.png) no-repeat center top;  }




}

@media  (max-width: 1320px) {

	
.right-layout .main{ position:relative;  }
.right-layout  .main-bg { position:absolute; top:0px; left:0px; z-index:-1;   width:100%; }
.right-layout .section01 {  width:100%; padding-top:50px; height:600px;  background-size:cover;  background-repeat:no-repeat;  background-position:center top; }
.right-layout .section01:after { clear:both; display:table; content:'';  }
.right-layout .section01 .main-text { margin-bottom:20px; padding-left:55px;  font-weight:100;  letter-spacing:-1.5px;  }
.right-layout .section01 .main-text .class { display:none; border:1px solid #fff; padding:5px 15px; border-radius:30px; font-size:24px; margin-bottom:40px; color:#fff;  }
.right-layout .section01 .main-text .title { font-size: 40px; color:#fff; margin-bottom:5px; }
.right-layout .section01 .main-text .text {font-weight:bold; font-size:20px; color:#fff; letter-spacing:-1; }
.right-layout .section01   .hot-alime-wrap {   float:left; overflow:hidden; padding:45px 56px; height:395px; width:700px;  background:#fff;   position:relative;   }
.right-layout .section01   .hot-alime-wrap {   box-shadow:7px 7px 3px rgba(0,0,0,0.2);  }

.right-layout .section01   .hot-alime .bx-controls  {  position:absolute; top:55px; left:66px;   }
.right-layout .section01   .hot-alime .bx-pager {float:left;  }
.right-layout .section01   .hot-alime .bx-controls-auto { float:left;  }
.right-layout .section01   .hot-alime .bx-controls-auto * { vertical-align:top;  }
.right-layout .section01   .hot-alime .bx-pager .bx-pager-item  {float:left; }
.right-layout .section01   .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.right-layout .section01   .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; }
.right-layout .section01   .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.right-layout .section01   .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.right-layout .section01   .hot-alime .bx-controls .bx-start { padding-top:3px;  }

.right-layout .section01   .hot-alime .bx-controls-direction  { float:left;   }
.right-layout .section01   .hot-alime .bx-controls-direction a { position:absolute; top:150px; margin-top:-20px; width:29px; height:41px; text-indent:-999999px;  }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev {left:-55px; background:url(../images/main/btn_sideLeft.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev:hover , .right-layout .section01   .hot-alime .bx-controls-direction a.bx-prev.active {background:url(../images/main/btn_sideLeft_over.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-next {left:585px; background:url(../images/main/btn_sideRight.png) no-repeat left top; }
.right-layout .section01   .hot-alime .bx-controls-direction a.bx-next:hover , .right-layout .section01   .hot-alime .bx-controls-direction a.bx-next.active  {left:585px; background:url(../images/main/btn_sideRight_over.png) no-repeat left top; }


.right-layout .section02 {   width:100%; }
.right-layout .section02 .info-link { padding:50px 45px; position:relative; border-bottom:1px solid #e1e1e1; height:305px;  }
.right-layout .section02 .info-link h3 {  font-size:24px; color:#000; margin-bottom:25px;  font-weight:400 ;  }
.right-layout .section02 .info-link p { font-size:15px; color:#717171; padding-right:230px; }
.right-layout .section02 .info-link  ul { position:absolute; right:45px; top:60px;  }
.right-layout .section02 .info-link  ul li { margin-bottom:7px; }
.right-layout .section02 .info-link  ul li a {display:block; border:1px solid #c9c9c9; text-align:center; width:205px; height:55px; font-size:17px; color:#000; padding-top:15px; }
.right-layout .section02 .info-link  ul li a:hover {background:#000; color:#fff; border:1px solid #000; }



.right-layout .section02 .notice-wrap {width:100%; height:305px;   position:relative; padding:30px 45px;  }

.right-layout .section02 .notice-wrap h3 { width:32.333%; float:left; height:55px;  margin-left:1%;  font-weight:normal; }
.right-layout .section02 .notice-wrap .notice:first-child h3 { margin-left:0px; }
.right-layout .section02 .notice-wrap h3 a { color:#474747; display:table-cell; border:1px solid #c9c9c9; font-size:20px;  text-align:center;  vertical-align:middle; width:9999px;  height:55px; }

.right-layout .section02 .notice-wrap ul {display:none;    position:absolute; top:130px; left:45px;  right:45px;  }
.right-layout .section02 .notice-wrap ul li { width:100%;margin-bottom:13px;  float:left;   }
.right-layout .section02.notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.right-layout .section02 .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; }
.right-layout .section02 .notice-wrap ul li span {float:right; color:#717171;  font-size:15px; }
.right-layout .section02 .notice-wrap .more { display:none;  font-size:30px; color:#333;   position:absolute; top:85px; right:45px;  }
.right-layout .section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:2px solid #000; color:#000;   }
.right-layout .section02 .notice-wrap .notice.active ul  ,.right-layout .section02 .notice-wrap  .notice.active .more { display:block;  }




.right-layout .section02 .baro-go { float:left; background:#6574c7;  width:50%;  height:295px; }
.right-layout .section02 .baro-go ul { height: 100%;}
.right-layout .section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list02 { border-bottom:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list03 { border-right:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li a {display:block;   float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:17px;  background-position:center 40px;background-repeat:no-repeat; padding-top:95px;   }

.right-layout .section02 .baro-go ul li.list01 a { background-image:url(../images/main/ico_001.png) ;  } 
.right-layout .section02 .baro-go ul li.list02 a { background-image:url(../images/main/ico_002.png) ;  } 
.right-layout .section02 .baro-go ul li.list03 a { background-image:url(../images/main/ico_003.png) ;  } 
.right-layout .section02 .baro-go ul li.list04 a { background-image:url(../images/main/ico_004.png) ;  } 
.right-layout .section02 .baro-go ul li a:hover { background-color:rgba(0,0,0,0.25);  }
.right-layout .section02 .professor {width:50%; float:left; height:295px; }
.right-layout .section02 .professor a { display:block; width:100%; height:100%; text-align:center;  position:relative; padding-top:80px; background:url(../images/main/pic_pro.jpg) no-repeat center center;  }
.right-layout .section02 .professor a:before { content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px) ; height:calc(100% - 20px) ;     display:inline-block; border:1px solid rgba(255,255,255,0.3);   } 
.right-layout .section02 .professor h3 { margin-bottom:20px;  font-size:24px; color:#fff;  }
.right-layout .section02 .professor h3 span {  background:rgba(0,0,0,0.5); display:inline-block;  padding:1px 3px;  }
.right-layout .section02 .professor p {font-size:15px; color:#fff;     }
.right-layout .section02 .professor p span { background:rgba(0,0,0,0.5);  padding:1px 3px; display:inline-block; margin-bottom:2px ;    }


.right-layout .section02 .more { display:none;  }

.right-layout .section03 { width:100%;  padding-top:30px; }
.right-layout .section03 ul { width:100%;  }
.right-layout .section03 ul li {  float:left; padding-bottom:25px;  width:25%; text-align:center;  }
.right-layout .section03 ul li a { display:block; width:100%;  float:left;  padding-top:62px; color:#717171; font-size:0.58rem; letter-spacing:-1.5; }
.right-layout .section03 ul li.list05 { clear:both;  }
.right-layout .section03 ul li.list01 a { background:url(../images/main/q_ico_001.png) no-repeat center top;  }
.right-layout .section03 ul li.list02 a { background:url(../images/main/q_ico_002.png) no-repeat center top;  }
.right-layout .section03 ul li.list03 a { background:url(../images/main/q_ico_003.png) no-repeat center top;  }
.right-layout .section03 ul li.list04 a { background:url(../images/main/q_ico_004.png) no-repeat center top;  }
.right-layout .section03 ul li.list05 a { background:url(../images/main/q_ico_005.png) no-repeat center top;  }
.right-layout .section03 ul li.list06 a { background:url(../images/main/q_ico_006.png) no-repeat center top;  }
.right-layout .section03 ul li.list07 a { background:url(../images/main/q_ico_007.png) no-repeat center top;  }
.right-layout .section03 ul li.list08 a { background:url(../images/main/q_ico_008.png) no-repeat center top;  }
.right-layout .section03 ul li.list01 a:hover { background:url(../images/main/q_ico_001_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list02 a:hover { background:url(../images/main/q_ico_002_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list03 a:hover { background:url(../images/main/q_ico_003_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list04 a:hover { background:url(../images/main/q_ico_004_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list05 a:hover { background:url(../images/main/q_ico_005_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list06 a:hover { background:url(../images/main/q_ico_006_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list07 a:hover { background:url(../images/main/q_ico_007_on.png) no-repeat center top;  }
.right-layout .section03 ul li.list08 a:hover { background:url(../images/main/q_ico_008_on.png) no-repeat center top;  }



 
}


@media  (min-width: 721px) and  (max-width: 1320px) {

.right-layout .section02 .calendar-wrap {  position:relative;    border:1px solid #d9d9d9; padding:30px 45px 0 25px ;  height:305px; width:100%; }
.right-layout .section02 .calendar-wrap h3 {  font-size:17px;float:left;  color:#000; position:relative; margin-bottom:10px;   }
.right-layout .section02 .calendar-wrap h3 a {   color:#000;    }
.right-layout .section02 .calendar-wrap .month {float:left;  position:relative; margin-right:50px; width:115px; height:115px; border:1px solid #000; }
.right-layout .section02 .calendar-wrap .month a {position:absolute; top:50%;  font-size:18px; color:#000; margin-top:-10px;    }
.right-layout .section02 .calendar-wrap .month a.prev { left:0px;  }
.right-layout .section02 .calendar-wrap .month a.next {  right:0px;   }
.right-layout .section02 .calendar-wrap .month span.count {text-align:center; width:115px;  height:115px; display:table-cell; vertical-align:middle; }
.right-layout .section02 .calendar-wrap .month span.count  { font-size:16px; color:#929292;  }
.right-layout .section02 .calendar-wrap .month span.count b { font-size:55px; color:#000;  font-weight:normal;  line-height:1; }
.right-layout .section02 .calendar-wrap .calendar   { margin-left:165px; position:relative; height:100%;  }
.right-layout .section02 .calendar-wrap table   {  width:100%; border-collapse:collapse;  }
.right-layout .section02 .calendar-wrap table th { text-align:center; font-size:15px; color:#000; height:30px;  }
.right-layout .section02 .calendar-wrap table td { text-align:center;  font-size:15px; color:#525252; height:30px; }
.right-layout .section02 .calendar-wrap table td.no-date { color:#a09d9d;  } 
.right-layout .section02 .calendar-wrap table td a { color:#000; font-weight:bold;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td a.active { color:#000;  font-weight:bold;  border:1px solid #000;  } 
.right-layout .section02 .calendar-wrap .schedule { position:absolute; bottom:20px; left:20px;  width:365px;font-size:15px; color:#606060;   }
.right-layout .section02 .calendar-wrap .schedule strong { font-weight:normal; color:#000;  }
.right-layout .section02 .calendar-wrap .schedule p:before { content:'·'; display:inline-block; padding-right:5px;  }


}

@media (max-width: 720px) {

.right-layout .section01 {  width:100%; padding-top:0.8rem; height:auto; background-size:cover; margin-bottom:30px;  padding-left:15px; padding-right:15px; }

.right-layout .section01 .main-text {   padding-left:0px;  }
.right-layout .section01 .main-text .class { display:none; border:1px solid #fff; padding:5px 15px; border-radius:30px; font-size:24px; margin-bottom:40px; color:#fff;  }
.right-layout .section01 .main-text .title { font-size: 1rem; color:#fff; margin-bottom:0.3rem; }
.right-layout .section01 .main-text .text {font-weight:bold; font-size:0.6rem; color:#fff; letter-spacing:-1; }
.right-layout .section01   .hot-alime-wrap {height:auto; margin-bottom:-20px;  box-shadow:0px 10px 10px 0px #ccc;    padding:0.8rem 1rem; width:100%;      }
.right-layout .section01   .hot-alime {   position:relative;   }
.right-layout .section01   .hot-alime ul li img { width:100%;  }

.right-layout .section01   .hot-alime .bx-controls  {   top:0.4rem; left:0.4rem;   }

.right-layout .section01   .hot-alime .bx-controls-direction  {    display:none; }



.right-layout .section02 {   width:100%; }
.right-layout .section02 .info-link { padding:15px; height:auto;  }
.right-layout .section02 .info-link h3 {  font-size:0.7rem; color:#000; margin-bottom:0.5rem;  font-weight:400 ;  }
.right-layout .section02 .info-link h3 br { display:none;  }
.right-layout .section02 .info-link p { font-size:0.55rem; color:#717171; padding-right:0px; margin-bottom:0.4rem; }
.right-layout .section02 .info-link  ul { position:relative;top:auto; right:auto;   }
.right-layout .section02 .info-link  ul:after { clear:both; display:table; content:'';  }
.right-layout .section02 .info-link  ul li { margin-bottom:7px;  float:left;  width:100%;}
.right-layout .section02 .info-link  ul li a {display:block; border:1px solid #c9c9c9; text-align:center; width:100%;   height:auto; font-size:0.6rem;   padding:0.3rem 0 ; }
.right-layout .section02 .info-link  ul li a:hover {background:#000; color:#fff; border:1px solid #000; }




.right-layout .section02 .notice-wrap {width:100%;   position:relative;  background:#fff; padding:20px 15px;  height:9.5rem; }
.right-layout .section02 .notice-wrap h3 a { color:#474747; display:block; border:1px solid #c9c9c9; font-size:0.65rem;  height:1.5rem;  text-align:center;  vertical-align:middle; width:100%;  padding:0.3rem 0 ; }
.right-layout .section02 .notice-wrap .notice { position:relative;  }
.right-layout .section02 .notice-wrap ul {display:none;    position:absolute; top:2.8rem; left:0px; width:100%;  }
.right-layout .section02 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;   }
.right-layout .section02 .notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.right-layout .section02 .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; }
.right-layout .section02 .notice-wrap ul li span {float:right; color:#717171;  font-size:0.5rem; }
.right-layout .section02 .notice-wrap .more { display:none; font-size:30px; color:#333;  display:none; position:absolute; top:1rem; right:0px;  }
.right-layout .section02 .notice-wrap .more img { width:1rem;  }
.right-layout .section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:2px solid #000; color:#000;   }
.right-layout .section02 .notice-wrap .notice.active ul  ,.right-layout .section02 .notice-wrap  .notice.active .more { display:block;  }




.right-layout .section02 .baro-go { float:left; background:#6574c7;  width:50%;  height:8rem; }
.right-layout .section02 .baro-go ul { height: 100%;}
.right-layout .section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list02 { border-bottom:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li.list01, .right-layout .section02 .baro-go ul li.list03 { border-right:1px solid #7882cf;  }
.right-layout .section02 .baro-go ul li a {display:block;   float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:0.6rem;  background-position:center 0.9rem;background-repeat:no-repeat; padding-top:2.6rem;   }

.right-layout .section02 .baro-go ul li.list01 a { background-image:url(../images/main/ico_001.png) ;  } 
.right-layout .section02 .baro-go ul li.list02 a { background-image:url(../images/main/ico_002.png) ;  } 
.right-layout .section02 .baro-go ul li.list03 a { background-image:url(../images/main/ico_003.png) ;  } 
.right-layout .section02 .baro-go ul li.list04 a { background-image:url(../images/main/ico_004.png) ;  } 
.right-layout .section02 .baro-go ul li a:hover { background-color:rgba(0,0,0,0.25);  }
.right-layout .section02 .professor {width:50%; float:left; height:8rem; }
.right-layout .section02 .professor a { display:block; width:100%; height:100%; text-align:center;  position:relative; padding-top:2rem; background:url(../images/main/pic_pro.jpg) no-repeat center center;  }
.right-layout .section02 .professor a:before { content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px) ; height:calc(100% - 20px) ;     display:inline-block; border:1px solid rgba(255,255,255,0.3);   } 
.right-layout .section02 .professor h3 { margin-bottom:20px;  font-size:0.8rem; color:#fff;  }
.right-layout .section02 .professor h3 span {  background:rgba(0,0,0,0.5); display:inline-block;  padding:1px 3px;  }
.right-layout .section02 .professor p {font-size:0.58rem; color:#fff;     }
.right-layout .section02 .professor p span { background:rgba(0,0,0,0.5);  padding:1px 3px; display:inline-block; margin-bottom:2px ;    }






.right-layout .section02 .calendar-wrap {  position:relative;    border:1px solid #d9d9d9;  background:#f0f0f0;  padding:0.5rem 0.4rem 2.5rem;  width:100%;  }


.right-layout .section02 .calendar-wrap .month {text-align:center;    }
.right-layout .section02 .calendar-wrap .month a {  font-size:0.65rem;  color:#000; display:inline-block;   margin-top:10px;    }
.right-layout .section02 .calendar-wrap .month span { font-size:0.75rem;  color:#000; display:inline-block;   margin: 0 10px; }
.right-layout .section02 .calendar-wrap .month span br{ display:none; }
.right-layout .section02 .calendar-wrap table   {  width:100%; border-collapse:collapse;  }
.right-layout .section02 .calendar-wrap table th { text-align:center;   font-size:0.6rem;  color:#000; height:30px;  }
.right-layout .section02 .calendar-wrap table td { text-align:center;    font-size:0.6rem;  color:#525252; height:30px; }
.right-layout .section02 .calendar-wrap table td.no-date { color:#a09d9d;  } 
.right-layout .section02 .calendar-wrap table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.right-layout .section02 .calendar-wrap table td a.active { color:#ff0000;  background:#e9e8e8;  } 
.right-layout .section02 .calendar-wrap .schedule { position:absolute; bottom:0.3rem; left:0px;  width:100%; padding-left:0.4rem; padding-right:0.4rem;  font-size:0.6rem;  color:#606060;   }
.right-layout .section02 .calendar-wrap .schedule strong { font-weight:normal; color:#000;  }
.right-layout .section02 .calendar-wrap .schedule p:before { content:'·'; display:inline-block; padding-right:5px;  }



.right-layout .section03 ul li a  {  }




}