@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:770px; background-repeat: no-repeat; background-position:center top;   }

.main-section01 {width:100%; height:770px;   }
.main-section01 .main-text { float:left; padding-top:225px; width:612px;  }
.main-section01 .main-text .title { color:#fff; font-weight:bold; font-size:45px; margin-bottom:10px;  }
.main-section01 .main-text .eng {color:#cecbff; font-size:22px; letter-spacing:10px; margin-bottom:20px; }
.main-section01 .main-text .text {color:#fff; font-size:18;  }

.main-section01 .right { float:left; width:588px; padding-top:80px;   box-shadow:10px 0 15px rgba(0,0,0,0.3); }
.main-section01 .quick-menu { float:left; background:#fff; padding:40px; width:270px; height:305px;  }
.main-section01 .quick-menu h3 { font-size:24px; font-weight:bold; color:#1e7769; margin-bottom:20px;  }
.main-section01 .quick-menu ul  {   }
.main-section01 .quick-menu ul li  { padding:15px 0 ; border-bottom:1px solid #e7e7e7;   }
.main-section01 .quick-menu ul li a  { color:#555; font-size:18px; font-weight:bold;   }

.main-section01 .notice-position {float:left;  padding:40px 35px; height:305px;  width:100%;    background:#fff;   }
.main-section01 .notice-wrap { height:245px;    position:relative;}
.main-section01 .notice-wrap:after { content:''; display:inline-block; width:50px; height:3px; border-top:3px solid #5a54af; position:absolute; right:-58px; top:10px;  }
.main-section01 .notice-wrap h3 {   width:50%; text-align:center; float:left;   font-weight:normal;  position:relative; }
.main-section01 .notice-wrap h3:before { border-left:2px solid #919191; width:2px; height:20px; content:''; display:inline-block; position:absolute; left:0px; top:5px;  }
.main-section01 .notice-wrap .notice:first-child h3:before { border-left:0px;  }
.main-section01 .notice-wrap .notice:first-child h3 {  padding-left:0px; }
.main-section01 .notice-wrap h3 a {  color:#919191; display:block;  font-size:20px;  text-align:center; font-weight:bold; font-size:24px; }
.main-section01 .notice-wrap ul { display:none; position:absolute; top:40px; padding-top:20px;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:13px;  font-size:16px;  font-weight:normal;  padding-left:10px;  float:left; background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section01 .notice-wrap ul li a { float:left; color:#222;  width:100%; 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:#222;  display:none;  }
.main-section01 .notice-wrap .more { display:none;  position:absolute; top:35px; right:0px;  }
.main-section01 .notice-wrap .notice.active h3 a { border:0px; color:#5a54af; text-decoration:none;   }
.main-section01 .notice-wrap .notice.active ul  , .main-section01 .notice-wrap  .notice.active .more { display:block;  }


.main-section01  .hot-alime { float:left;  overflow:hidden;  width:100%; height:305px; position:relative;     }
.main-section01  .hot-alime ul li img { width:588px; height:305px; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-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; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section01  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section01  .hot-alime .bx-controls .bx-start { padding-top:3px;  }



.main-section02 { background:#fff;  height:380px;   }
.main-section02 .program-list { position:relative;  float:left; width:300px; height:480px; margin-top:-145px;  background:url(../images/main/color_box.png) repeat left top; padding:70px 60px 0 60px;  }
.main-section02 .program-list:before {  content:''; display:inline-block; width:50px; height:3px; border-top:3px solid #fff; position:absolute; left:-25px; top:40px;  }
.main-section02 .program-list h3 { color:#fff; font-size:24px; font-weight:bold; margin-bottom:30px;  }
.main-section02 .program-list  ul  {  }
.main-section02 .program-list  li { width:100%;  border-bottom:1px solid rgba(255,255,255,0.2); }
.main-section02 .program-list  li a { display:block; width:100%; padding-top:20px; padding-bottom:20px; font-size:18px; color:#fff; font-weight:bold;}
.main-section02 .baro-go { float:left; width:900px;  }
.main-section02 .baro-go ul { padding-top:40px; padding-bottom:50px; }
.main-section02 .baro-go ul li {  float:left; width:33.3333%;  height:290px;  border-left:2px solid #ddd; text-align:center;  }
.main-section02 .baro-go ul li:first-child {border-left:0px; }
.main-section02 .baro-go ul li a { display:block;  }
.main-section02 .baro-go ul li a .eng {font-size:14px;  color:#5a54af; font-weight:bold; }
.main-section02 .baro-go ul li a .title {font-size:18px;  color:#333; font-weight:bold; margin-bottom:10px;   }
.main-section02 .baro-go ul li a .text {font-size:14px;  color:#666; margin-bottom:10px;  }

.main-section03  {   background:url(../images/main/bottom_bg.jpg) no-repeat center top;  height:115px;   padding-top:30px;  }
.main-section03 .department-office {   position:relative;  }
.main-section03 .department-office h3 { font-size:24px; font-weight:bold; color:#fff; position:relative; padding-top:25px;  }
.main-section03 .department-office h3:before  { width:50px; height:3px; border-top:3px solid #fff; position:absolute; top:0px; left:0px; content:''; display:inline-block; }
.main-section03 .department-office ul { position:absolute; top:25px; right:0px;   }
.main-section03 .department-office ul li { float:left; margin-left:30px; font-size:18px; font-weight:bold; color:#fff; }
.main-section03 .department-office ul li strong{  font-size:16px; font-weight:bold;  }






}

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



.main-section01 .main-text { width:420px;  }
.main-section01 .right { width:540px;  }
.main-section01 .quick-menu { padding:30px 20px; width:200px; height:280px;  }
.main-section01 .quick-menu h3 { font-size:20px;  }
.main-section01 .quick-menu ul li a  { font-size:16px;    }
.main-section01 .notice-position {  padding:30px 15px; height:280px;  width:540px;   }
.main-section01 .notice-wrap h3:before {  height:15px; top:5px;  }
.main-section01 .notice-wrap h3 a {    font-size:20px; }
.main-section01 .notice-wrap:after { right:-42px; }
.main-section01  .hot-alime {   width:540px; height:280px; }	
.main-section01  .hot-alime ul li img {  width:540px; height:280px;}

.main-section02 .program-list {width:220px; padding:70px 30px 0 30px;  }
.main-section02 .baro-go { float:left; width:740px;  }


}



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


.main-section01 { position:relative; width:100%;   padding-left:15px; padding-right:15px;   }

.main-section01 .main-text { padding-top:3rem;   height:15rem; }
.main-section01 .main-text .title { color:#fff; font-weight:bold; font-size:1.4rem; margin-bottom:10px;  }
.main-section01 .main-text .eng {color:#cecbff; font-size:0.8rem; letter-spacing:10px; margin-bottom:20px; }
.main-section01 .main-text .text {color:#fff; font-size:0.6rem;  }


.main-section01 .notice-position {  background:#fff; width:100%; padding:0.4rem;  height:8rem;    background:#fff;    }
.main-section01 .notice-wrap {width:100%;   position:relative; }
.main-section01 .notice-wrap h3 {padding-left:0.4rem; padding-right:0.3rem;  float:left;  height:1.5rem;   font-weight:bold; position:relative;  }
.main-section01 .notice-wrap h3:before { border-left:1px solid #919191; width:1px; height:14px; content:''; display:inline-block; position:absolute; left:0px; top:7px;  }
.main-section01 .notice-wrap .notice:first-child h3:before { border-left:0px;  }
.main-section01 .notice-wrap .notice:first-child h3 {  padding-left:0px; }
.main-section01 .notice-wrap h3 a { color:#919191; display:block;   font-size:0.7rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section01 .notice-wrap ul {display:none;    position:absolute;  padding-top:0.5rem; top:1.2rem;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;  font-weight:normal; font-size:0.58rem; padding-left:10px;  background:url(../images/main/list_b.jpg) no-repeat left 10px; }
.main-section01 .notice-wrap ul li a { float:left; color:#222; width:70%;   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:#222; }
.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:0.7rem;  }
.main-section01 .notice-wrap .notice.active h3 a { border:0px; color:#5a54af;   }
.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-section01  .hot-alime {    overflow:hidden;  width:100%;  position:relative;    }
.main-section01  .hot-alime li img {width:100%; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-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; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section01  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section01  .hot-alime .bx-controls .bx-start { padding-top:3px;  }


.main-section02 {padding:0 15px;   }
.main-section02 .program-list { position:relative;  background:url(../images/main/color_box.png) repeat left top; padding:0.8rem 0.5rem;  }
.main-section02 .program-list h3 { color:#fff; font-size:0.8rem; font-weight:bold; margin-bottom:0.6rem;  }
.main-section02 .program-list h3 br{ display:none; }
.main-section02 .program-list  ul  {  }
.main-section02 .program-list  ul:after { clear:both; display:table; content:'';  }
.main-section02 .program-list  li { width:50%; padding:0 15px; float:left;  }
.main-section02 .program-list  li a { display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);   padding-top:0.5rem; padding-bottom:0.5rem; font-size:0.6rem; color:#fff; font-weight:bold;}


.main-section02 .baro-go {  }
.main-section02 .baro-go ul {  }
.main-section02 .baro-go ul li { width:100%;   border-top:2px solid #ddd; text-align:center;  padding:1rem 0 ; }
.main-section02 .baro-go ul li:first-child {border-top:0px; }
.main-section02 .baro-go ul li a { display:block;  }
.main-section02 .baro-go ul li a .eng {font-size:0.53rem;  color:#5a54af; font-weight:bold; }
.main-section02 .baro-go ul li a .title {font-size:0.6rem;  color:#333; font-weight:bold; margin-bottom:0.3rem;   }
.main-section02 .baro-go ul li a .text {font-size:0.55rem;  color:#666; margin-bottom:0.3rem;  }
.main-section02 .baro-go ul li a .img img { width:120px;  }

.main-section03 {  background:url(../images/main/bottom_bg.jpg) no-repeat center top; background-size:cover;    padding:30px 15px;  }
.main-section03 .department-office {    position:relative;  }
.main-section03 .department-office h3 {  font-size:0.7rem;  font-weight:bold; color:#fff; position:relative; padding-top:10px; margin-bottom:15px;  }
.main-section03 .department-office h3:before  { width:30px; height:3px; border-top:2px solid #fff; position:absolute; top:0px; left:0px; content:''; display:inline-block; }
.main-section03 .department-office ul {   }
.main-section03 .department-office ul li { float:left; width:50%;  font-size:0.6rem; font-weight:bold; color:#fff; }
.main-section03 .department-office ul li strong{  font-size:0.58rem; font-weight:bold;  }





}