.block-region-middle-second .block{
  margin:0;
}
.region-middle-first,.region-third{
  margin-top:40px;
  margin-bottom:30px;
}
.block-region-middle-first-left,.region-top-third{
  padding-bottom:30px;
}
@media screen and (min-width: 992px){
.block-region-middle-first-right {
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #ECECEC;
}
.block-region-middle-third-right {
  margin-left: 40px;
}
}
.block-region-bottom-third {
    margin: 0 auto;
}
@media screen and (min-width:992px){
.block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{
    height: 350px !important; position:relative; z-index:0;
}
}
@media screen and (min-width:1170px){
.block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{
    height: 470px !important;
}
}
@media screen and (min-width:1400px){
.block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 {
    height: 520px !important;
}
}
@media screen and (min-width:1600px){
.block-region-top-first.swiper-55-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 {
    height: 620px !important;
}
}
/********** top region  applylink ********/
#main .field-body .apply-links div{
  line-height:100%;
}
.apply-links {
    z-index: 10;
    background-color:rgba(1, 73, 36, 0.1);
    position: relative;
}
#main .field-body div.al-title {
    transition: all 0.8s;
}
#main .field-body div.al-title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 21%;
    text-align: right;
    background-color: #0A3B8A;
    height: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 16px;
    margin-right: 32px;
}
#main .field-body div.course-category-lists {
    width: 100%;
    height: 54px;
    line-height: 54px;
    position: relative;
}
#main .field-body div.course-category-lists .text{
    padding-right: 40px;
    margin-right: 30px;
    height: 54px;
    line-height: 54px;
    background: url(../images/arrow.png) no-repeat right;
}
#main .field-body .course-category-lists  div.course-category-child {
    position: absolute;
    right: -20px;
    top: 8px;
    background-color: #0A3B8A;
    width: 41px;
    height: 41px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.al-menu {
    overflow: hidden;
    margin-left: 26%;
    margin-top: 0;
}
.al-menu li {
   list-style:none;
    transition: width 3s;
    -webkit-transition: width .3s;
    float: left;
    margin: 15px 0px 15px 30px;
    line-height:54px;
}
/********** dean *********/
#main .field-body div{
  line-height:100%;
}
.dean-message{
  background:url(../images/deambg.png) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.dean-message .inner{
  padding-top:0;
  padding-bottom:0;
}
#main .field-body div.dean-message .dean-title{
   margin:60px 0 20px 0;
    color: rgba(1, 73, 36, 0.7);
    font-size: 25px;
    font-weight: 800;
}
.dean-title span{
  color: rgba(0,0,0, 0.3);
  margin-left:20px;
}
#main .field-body div.dean-message .dean-info{
      color: #666;
    font-size: 16px;
    margin: 10px 0px 20px;
    text-indent: 2em;
    line-height: 200%;
}
.language-en #main .field-body div.dean-message .dean-info{
    text-indent: 0em;
}
.deanpic {
    text-align: right;
    height:380px;
}
.deanpic img{
  height:380px;
}
.morebtn a{
     position: relative;
    animation: shake111 1s ease-in-out infinite alternate;
    -webkit-animation: shake111 2s ease-in-out infinite alternate;
    -moz-animation: shake111 2s ease-in-out infinite alternate;
    -ms-animation: shake111 2s ease-in-out infinite alternate;
    -o-animation: shake111 2s ease-in-out infinite alternate;
    color: #014924;
    font-size: 16px;
}
/********** noticeregion *******************/
.noticeregion{
  background:#005826;
  padding: 10px 0 10px 0;
}
.noticeregion ul{
  margin:0;
  overflow:hidden;
}
.noticeregion ul li{
  list-style:none;
  float:left;
  width:20%;
  text-align:center;
  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
  margin-top:20px;
}
.noticeregion ul li a{
  color:#FFF;
}
.noticeregion ul li img{
  height:60px;
  margin-bottom:10px;
}
.noticeregion ul li:hover{
    opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
}
.noticetitle{
    font-size: 26px !important;
    color: #f4cd64;
    padding: 20px 0px;
}
@media screen and (max-width: 990px){
  .noticeregion ul li{
  width:33%;
}
}

/************** lists ***********/
.block .block-title{
    font-size: 26px;
   
	  color: #0A3B8A;
    margin: 10px 0 20px 0;
    border-bottom: 0;
	border-bottom:1px solid #0A3B8A;
}
.block .block-title .outside{
  padding-right:0;
  line-height:20px;
  font-size:16px;
}

.list-1 a {
    font-size: 16px;
}
.list-1 a.btn.btn-base-outline.btn-radius {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    animation: shake111 1s ease-in-out infinite alternate;
    -webkit-animation: shake111 2s ease-in-out infinite alternate;
    -moz-animation: shake111 2s ease-in-out infinite alternate;
    -ms-animation: shake111 2s ease-in-out infinite alternate;
    -o-animation: shake111 2s ease-in-out infinite alternate;
    color: #014924;
    font-size: 16px;
}
/***** tab ********/
ul.menu.tab-nav.tab-nav-3 {
    padding: 0px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}
.panel-tabs .tab-nav-3 li {
    border-bottom: 0;
    border-left:1px solid #dfdfdf;
}
.panel-tabs .tab-nav-3 li:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left:0;
}
.panel-tabs .tab-nav-3 li:last-child{
   border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.panel-tabs .tab-nav-3 li a {
    color: #375141;
    font-size: 18px;
}

.panel-tabs .tab-nav-3 li.active a {
    color: #f4cd64;
    margin-left: 0;
}
.tab-nav.tab-nav-3 {
  margin-bottom: 16px;
}
.tab-content .list .list-item a{
  font-size:16px;
}
.tab-pane.active .outside.f-r a{
  position: relative;
    animation: shake111 1s ease-in-out infinite alternate;
    -webkit-animation: shake111 2s ease-in-out infinite alternate;
    -moz-animation: shake111 2s ease-in-out infinite alternate;
    -ms-animation: shake111 2s ease-in-out infinite alternate;
    -o-animation: shake111 2s ease-in-out infinite alternate;
    color: #014924;
    font-size: 16px;
}
.tab-content .list .list-item-line{
  border:0;
}
/******************* event *************************/
.region-top-third .col-xs-12.col-md-8 {
    width: 100%;
}
.region-top-third a.more-link{
      border: 0;
    margin: 0;
    padding: 0;
    color: #014924;
    font-size: 16px;
}
.event-list.event-list-4 .event-content .event-left {
    display: table-cell;
    vertical-align: top;
    padding: 5px;
}
.event-list.event-list-4 .event-content .event-right {
    padding: 10px;
    display: table-cell;
    vertical-align: top;
}
.event-list.event-list-4 .event-content .event-left .event-time .event-day {
    font-size: 30px;
    font-weight: 600;
    font-family:Times,Helvetica,sans-serif;
        text-align: center;
}
.event-years{
  font-size:12px;
}
.event-list.event-list-4 .event-content .event-left .event-time {
  background-color: #3F77D6;
        margin-top: 10px;
        border-radius: 5px;
}
.block-region-bottom{
  padding-left:14px;
  padding-right:14px;
}
.event-list.event-list-4 {
  border-bottom:0;
}
.event-list li a, .event-list ul li a {
    color: #000;
}
.event-list.event-list-4  .event-content .event-left .event-time {
    padding: 8px;
    line-height: 22px;
    color:#f4cd64;
}
.event-title a{
  color:#000;
}
@media only screen and (min-width: 768px){

.event-list.event-list-4 .event-content .event-right .event-title {
    -webkit-line-clamp: 4;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
}

.event-list.event-list-4 p,.event-right p{
  color:#666;
  font-size:13px;
  overflow:hidden;
}
.event-right p span{
  display:inline-block;
  float:left;
  width:80%;
  color:#999;
}
.event-right p strong{
  float:left;
  width: 18%;
}
}
@media only screen and (max-width: 767px){
.event-right p{

}
.event-list ul li{
  float:none;
  width:auto;
}


#main .field-body div.al-title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;

    margin-right: 0px;
}
#main .field-body div.course-category-lists {
    width: 100%;
    height: 54px;
    line-height: 54px;
    position: relative;
}
#main .field-body div.course-category-lists .text{
	width:0; display:none;
}
#main .field-body .course-category-lists  div.course-category-child {
    position: absolute;
    right: -20px;
    top: 8px;
    background-color: #0A3B8A;
    width: 0px;
    height: 0px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.al-menu {
    overflow: hidden;
    margin-left: 15%;
    margin-top: 0;
}
.al-menu li {
   list-style:none;
    transition: width 3s;
    -webkit-transition: width .3s;
    float: left;
    margin: 15px 0px 15px 30px;
    line-height:54px;
}


}
/********************** jijin ***********/

@media only screen and (min-width: 768px){
.block-region-bottom div.block:last-child {
    width: 100%;
    float: left;
}
.block-region-bottom div.block:first-child {
    width: 0%;
    margin-right:2%;
    float: left;
}
}
@media only screen and (min-width: 992px){
.block-region-bottom div.block:last-child {
    width: 100%;
    float: left;
}
.block-region-bottom div.block:first-child {
    width: 0%;
    margin-right:4%;
    float: left;
}
}
@media only screen and (max-width: 991px){
.list-image img{
  display:none;
}
.list-image{
  background:#F1f1f1;
}
}
.list-image{
  border-radius:5px;
  color:#999;
  line-height:150%;
  color:#999;
  margin-bottom:20px;
}
.list-image:hover{
  box-shadow: 0px 4px 28.8px 1.2px rgba(0,0,0,0.15);
}
.list-image img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
h5 a{
  font-size:16px;
  color:#333;
}
.front-duty{
  background-image: url(template_files/2/sht.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position:relative;
    min-height:260px;
    border-radius:5px;
    margin-bottom:30px;
}
.front-duty .vc-text{
    bottom: 20px;
    width: 80%;
    padding: 20px;
    position: absolute;
    background: rgba(255,255,255,0.9);
    font-weight:bold;
}
/************* videoregion *******/
.region-bottom-third{
    background: #22529E; 
    padding: 20px 0px;
}
.region-footer-first{
   background: #22529E; 
   margin-bottom: -30px;
   padding-bottom:30px;
}
.region-bottom-third .block .block-title{
  color:#FFF;
  text-align:center;
  margin-bottom: 10px;
}
.region-bottom-third .block .photosummary{
  color:#FFF;
  text-align:center;
}
@media (min-width: 768px){
.block-region-bottom-third {
    width: 750px;
}}

@media (min-width: 992px){
.block-region-bottom-third {
    width: 970px;
}}
@media (min-width: 1200px){
.block-region-bottom-third  {
    width: 1170px;
}}
#block-xueyuanyinghua h2 {
  font-size: 24px;
  color: white;
}
.vcside{
  position:relative;
  padding:5px;
  background:rgba(255,255,255,1);
    margin: 10px;
}
.vcside img{
  z-index:10;
  position:relative;
}
.vcside img:hover{
  opacity:0.8; filter:alpha(opacity=80);
}
.vcside span{
    display: inline-block;
    position: absolute;
    bottom: 2%;
    left: 1%;
    font-weight: bold;
    color: #000;
    z-index: 99;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 16px;
}
.block-region-bottom-third{
  overflow:hidden;
}
.block-region-bottom-third .block {
    margin: 0 2%;
    padding: 1%;
}

.block-region-bottom-third .block .video-column{
    padding: 10px;
    background: rgba(255,255,255,0.8);
    overflow: hidden;
    border-radius: 0px;
}

@media (max-width: 992px){
.block-region-bottom-third  .block {
    float: none;
    width: 94%;
    margin: 5px auto;
    padding: 1%;
}
  .vcside{
    width: max-content;
  }
}

@media (max-width:576px){

  .vcside{
    width:auto;
  }
}