@charset "UTF-8";

#headerContainer{
 border-bottom:3px solid #f7ae00;
}

#homepageSlide{
 position:relative;
 min-height:400px;
 background:url(../images/bg_color1.jpg) 50% 50% no-repeat;
 background-size:cover;
 padding:85px 0 115px;
 overflow:hidden;
}
 #homepageSlide:before{
  content:"";
  display:block;
  position:absolute; left:0; top:0;
  width:100%; height:100%;
  background-color:#f7ae00;
  opacity:.15;
 }
.slidePictures{
 height:380px;
 position:relative;
}
 .slidePictures .owl-stage-outer,
 .slidePictures .owl-stage,
 .slidePictures .owl-item,
 .slidePictures .item,
 .slidePictures .item figure{
  height:100%;
 }
 .slidePictures .owl-stage-outer{
  overflow:initial;
 }
 .slidePictures .center{
  z-index:50;
 }
 .slidePictures .item{
  position:relative;
  opacity:.4;
  transition:.5s;
 }
 .slidePictures .center .item{
  opacity:1;
  transform:scale(1.2);
 }
  .slidePictures .item figure{
   margin:0;
   background-position:50% 50%;
   background-repeat:no-repeat;
   background-size:cover;
   overflow:hidden;
  }
  .slidePictures .center .item figure{
   box-shadow:0 5px 15px rgba(0,0,0,.3);
   border:10px solid #fff;
  }
  .slidePictures .item .picDesc{
   margin:0 auto;
   text-align:center;
   position:absolute; bottom:-2.5em; left:15px; right:15px; z-index:10;
   font-size:85%;
  }


#information{
 background:url(../images/bg_m.png) no-repeat 50% 0 #fff;
 min-height:300px;
}
 #information > .wrapper{
  min-height:300px;
  padding:0 15px;
 }
 .homeTitle{
  position:relative;
  margin:0;
  font-size:30px;
  color:#000;
 }
  .homeTitle font{
   font-weight:400;
  }
 a.btnMore{
  font-size:85%;
  padding:6px 12px;
  position:absolute; right:0; top:60px;
 }
  a.btnMore:before{
   display:inline-block;
   content:"";
   width:1em;
   border-bottom:2px solid #f7ae00;
   position:absolute; right:100%; top:50%;
   transform:translateY(-50%);
   transition:.2s;
  }
  a.btnMore:hover:before{
   width:0;
  }
 
#news{
    width: 980px;
    float: left;
    padding: 60px;
    position: relative;
    }
 #news a.btnMore{
  
 }
 #news .newsTypeTabs{
  border-bottom:3px solid #ddd;
  margin-top:5px;
 }
 
#news .newsTypeTabs a{
    font-size: 16px;
    color: #777000;
    text-align: center;
    display: inline-block;
    padding-top:8px;
    padding-right:8px;
    margin: 3px;
    border-bottom: 2px transparent;
    }
  #news .newsTypeTabs a:hover{
   color:#f7ae00;
   border-bottom:3px solid #f7ae00;
  }
  #news .newsTypeTabs a.active{
   color:#000;
   border-bottom:3px solid #f7ae00;
  }
 .listWrap{
  position:relative;
  margin-top:15px;
 }
  .newsList{
   list-style:none; margin:0; padding:0;
   background-color:rgba(255,255,255,.7);
   display:block;
   opacity:0;
   position:absolute; top:0; z-index:0;
   width:100%;
   transition:.3s;
  }
  .newsList.active{
   display:block;
   opacity:1;
   position:relative; z-index:10;
  }
   .newsList li{
    position:relative;
    padding:10px 70px 10px 85px;
    border-bottom:1px solid #e3e3e3;
   }
    .newsList time{
     font-size:14px;
     color:#777;
     position:absolute; left:0;
    }
    .newsList a{
     position:relative;
     color:#000;
     transition:.2s;
    }
    .newsList a:hover{
     color:#007edf;
    }
    .newsList .sticky a:before{
     content:"*";
     display:inline-block;
     color:FireBrick;
     position:absolute; top:0; left:-8px;
    }
    .newsList .view{
     position:absolute; right:0; top:10px;
 
     background-size:16px 16px;
     padding-left:22px;
     font-size:14px;
     color:#777;
    }




#teacher{
 position:relative;
 min-height:300px;
 background:url(../images/bg_color2.jpg) 50% 50% no-repeat;
 background-size:cover;
 padding:60px 0;
}
 #teacher:before{
  content:"";
  display:block;
  position:absolute; left:0; top:0;
  width:100%; height:100%;
  background-color:#f7ae00;
  opacity:.15;
 }
 #teacher > .wrapper{
  padding:0 15px;
 }
 #teacher a.btnMore{
  top:0; right:15px;
 }
.slideTeachers{
 height:235px;
 position:relative;
 margin-top:15px;
 padding:0 40px;
}
 .slideTeachers .owl-stage-outer,
 .slideTeachers .owl-stage,
 .slideTeachers .owl-item,
 .slideTeachers .item{
  height:100%;
 }
 .slideTeachers .item{
  text-align:center;
  padding-top:5px;
 }
  .slideTeachers .item .photo{
   margin:0 auto;
   width:150px; height:150px;
   overflow:hidden;
   border-radius:50%;
   background-color:#fff;
   box-shadow:0 5px 20px rgba(0,0,0,.3);
  }
   .slideTeachers .item .photo img{
    display:block;
    width:100%;
   }
  .slideTeachers .item .intro{
   margin-top:15px;
   line-height:1.3;
  }
   .slideTeachers .item .intro .title{
    color:#111;
    font-size:90%;
    opacity:.5;
   }
   .slideTeachers .item .intro .goTMUview{
    position:relative;
   }
    .slideTeachers .item .intro .name{
     color:#000;
     font-size:125%; font-weight:400;
    }
    html:lang(en) .slideTeachers .item .intro .name{
     font-size:110%;
    }
    .slideTeachers .item .intro .goTMUview:hover .name{
     color:#a62e37;
    }
    .slideTeachers .item .intro .goTMUview:before{
     content:"";
     display:inline-block;
     width:8px; height:8px;
     background:url(../images/icon_blank_tmu.png) no-repeat 100% 0;
     background-size:8px 8px;
     position:absolute; right:-12px; top:0;
    }
 .slideTeachers .owl-nav{
  
 }
  .slideTeachers .owl-nav button.owl-prev,
  .slideTeachers .owl-nav button.owl-next{
   margin:0;
   display:inline-block;
   width:24px; height:24px;
   position:absolute; top:75px;
  }
  .slideTeachers .owl-nav button.owl-prev{
   border-top:5px solid #f7ae00; border-left:5px solid #f7ae00;
   transform:rotate(-45deg);
   left:5px;
  }
  .slideTeachers .owl-nav button.owl-next{
   border-top:5px solid #f7ae00; border-right:5px solid #f7ae00;
   transform:rotate(45deg);
   right:5px;
  }
   .slideTeachers .owl-nav button span{
    opacity:0;
    display:none;
   }

#division{
 min-height:200px;
 background-color:#fff;
}
 #division ul{
  list-style:none;
  padding:50px 0;
 }
  #division ul li{
   float:left;
   width:14.2%;
   text-align:center;
   font-size:14px;
   padding:0 15px;
  }
   #division ul li a{
    color:#000;
   }
   #division ul li a:hover{
    color:#007edf;
   }
    #division ul li img{
     display:block;
     margin:0 auto 10px;
    }


@media screen and (max-width:1600px){
 
 .slidePictures{
  height:340px;
 }
}
@media screen and (max-width:1366px){
 
 .slidePictures{
  height:290px;
 }
}
@media screen and (max-width:1280px){
 
 .slidePictures{
  height:270px;
 }
}
@media screen and (max-width:1024px){
 
 .slidePictures{
  height:230px;
 }
  .slidePictures .item .picDesc{
   font-size:80%;
  }
}
@media screen and (max-width:812px){
 
 #homepageSlide{
  margin-top:70px;
  min-height:300px;
  padding:55px 0 90px;
 }
  .slidePictures{
   height:180px;
  }
   .slidePictures .center .item{
    transform:scale(1.3);
   }
    .slidePictures .center .item figure{
     border-width:8px;
    }
 
 #information{
  background-size:cover;
 }
  #information > .wrapper{
   padding:0;
   height:auto;
  }
   a.btnMore{
    top:50px; right:30px;
   }
 
 #news{
  float:none;
  width:100%;
  padding:50px 30px;
  position:relative;
 }
 
 #calendar{
  float:none;
  width:100%;
  padding:50px 30px;
  position:relative;
  background-color:rgba(245,245,245,.7);
 }
  #calendar a.btnMore{
   right:30px;
  }
  #calendar .calMark li{
   float:left;
   width:33.33333%;
  } 
 
 #teacher{
  padding:50px 0;
 }
  #teacher > .wrapper{
   padding:0 30px;
  }
   #teacher a.btnMore{
    right:30px;
   }
  .slideTeachers{
   height:auto;
  }
   .slideTeachers .item .photo{
    width:138px; height:138px;
   }
   .slideTeachers .owl-nav button.owl-prev,
   .slideTeachers .owl-nav button.owl-next{
    top:65px;
   }
 
 #division ul{
  padding:30px 0;
  text-align:center;
 }
  #division ul li{
   float:none;
   display:inline-block;
   vertical-align:top;
   width:24%;
   box-shadow:1px 0 0 #e3e3e3;
   font-size:14px;
   padding:0 20px;
   margin:10px 0;
  }
  #division ul li:nth-child(4n),
  #division ul li:last-child{
   box-shadow:none;
  }
   #division ul li img{
    max-width:100%;
   }
}
@media screen and (max-width:768px){
 
 .slidePictures{
  height:170px;
 }
  .slidePictures .item .picDesc{
   font-size:75%;
   transform:scale(.85);
  }
 
 
 #calendar .calMark li{
  width:50%;
 } 
 
 .slideTeachers .item .photo{
  width:128px; height:128px;
 }
}
@media screen and (max-width:736px){
 
 .slidePictures{
  height:162px;
 }
  .slidePictures .center .item{
   transform:scale(1.4);
  }
   .slidePictures .center .item figure{
    border-width:5px;
   }
 
 .slideTeachers .item .photo{
  width:120px; height:120px;
 }
  .slideTeachers .owl-nav button.owl-prev,
  .slideTeachers .owl-nav button.owl-next{
   top:50px;
  }
}
@media screen and (max-width:667px){
 
 .slidePictures{
  height:146px;
 }
 
 a.btnMore{
  top:40px; right:20px;
 }
 
 #news{
  padding:40px 20px;
 }
 
 #calendar{
  padding:40px 20px;
 }
  #calendar a.btnMore{
   right:20px;
  }
 
 #teacher > .wrapper{
  padding:0 20px;
 }
  #teacher a.btnMore{
   right:20px;
  }
  .slideTeachers .item .photo{
   width:114px; height:114px;
  }
}
@media screen and (max-width:640px){

}
@media screen and (max-width:568px){
 
 #homepageSlide {
  min-height:270px;
 }
  .slidePictures{
   height:125px;
  }
 
 #news .newsTypeTabs a{
  padding:8px 5px;
 }
 
 #division ul li{
  padding:0 10px;
 }
}
@media screen and (max-width:414px){
 
 #homepageSlide{
  padding:40px 0 60px;
 }
 .slidePictures{
  height:220px;
 }
  .slidePictures .center .item{
   transform:scale(1);
  }
  .slidePictures .item{
   opacity:1;
   padding:0 20px;
  }
   .slidePictures .item figure{
    box-shadow:0 5px 15px rgba(0,0,0,.3);
    border:10px solid #fff;
   }
   .slidePictures .item .picDesc{
    font-size:100%;
   }
 
 
 #news .newsTypeTabs{
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  position:relative;
  padding-bottom:3px;
  border-bottom:0;
  box-shadow:inset 0 -3px #ddd;
 }
 
  #news .newsTypeTabs a{
   padding:10px 10px;
   position:relative; z-index:1;
  }
 .newsList li{
  padding:10px 0;
 }
  .newsList time{
   font-size:85%;
   left:auto; right:0; bottom:10px;
  }
  .newsList .view{
   display:block;
   position:static;
   margin-top:5px;
   font-size:85%;
  }
 
 #calendar .calMark li{
  font-size:13px;
  padding-left:12px; padding-right:20px;
 }
  #calendar .calMark li i{
   position:absolute; left:0; top:5px;
  }
 
 .slideTeachers{
  padding:0 15px;
 }
  .slideTeachers .item .photo{
   width:90px; height:90px;
  }
  .slideTeachers .item .intro .name{
   font-size:120%;
  }
  .slideTeachers .owl-nav button.owl-prev,
  .slideTeachers .owl-nav button.owl-next{
   top:40px;
  }
  .slideTeachers .owl-nav button.owl-prev{
   left:-5px;
  }
  .slideTeachers .owl-nav button.owl-next{
   right:-5px;
  }
 
 #division{
  min-height:auto;
 }
  #division ul{
   padding:30px 0;
  }
   #division ul li{
    width:32.5%;
    text-align:center;
    font-size:90%;
    padding:5px 10px;
    box-shadow:none;
    margin:0;
   }
   #division ul li:nth-child(2n),
   #division ul li:last-child{
    background-color:#f7f7f7;
   }
}
@media screen and (max-width:375px){
 
 .slideTeachers .item .photo{
  width:110px; height:110px;
 }
  .slideTeachers .item .intro .name{
   font-size:125%;
  }
  .slideTeachers .owl-nav button.owl-prev,
  .slideTeachers .owl-nav button.owl-next{
   top:50px;
  }
}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
 
 .slidePictures{
  height:180px;
 }
  .slidePictures .item figure{
   border:5px solid #fff;
  }
 
 .slideTeachers .item .photo{
  width:100px; height:100px;
 }
 .slideTeachers .owl-nav button.owl-prev,
 .slideTeachers .owl-nav button.owl-next{
  top:46px;
 }
}