@charset "utf-8";

/* CSS Document */
.content{margin-top: 20px;}
.side{float:right; width:300px; height: 274px;}


/*焦点图 S*/
.focusBox { width: 430px; height: 340px; float: left; margin-right: 20px; }
.focusBox .bd ul li {width: 430px; height: 340px;}
.focusBox .bd .pic img {width: 430px; height: 340px;}

/* 校园要闻 */
.box-xyyw { width: 430px; background-color: #fff; height: 340px; float: left; }
.box-xyyw .hd { background-color: #d39123; }
.box .bd .infoList li {background-position: 0 -438px;}

/* 教师风采 */
.box-jsfc .hd { background-color: #b069b9; }

/* 通知公告 */
.box-tzgg { height: 340px; }
.box-tzgg .hd { background-color: #be3e20; }

/* box-main */
.box-main { float: left;margin-right: 20px; height: 274px; width: 430px; }

/* 德育时空 */
.box-dysk .hd { background-color: #e05757; } 

/* 教学园地 */
.box-jxyd .hd { background-color: #f1c905; } 

/* 党建工团 */
.box-djgt .hd { background-color: #2b83b5; } 

/* 学校概况 */
.box-xxgk .hd { background-color: #5c8808; } 


/* 图片中心 */
.box-photo { width: 100%; height: 210px; background-color: #fff;}
.box-photo .hd {height:44px;line-height: 44px;padding:0 15px; background: #85468a; overflow: hidden;}
.box-photo .hd h3 { float: left; font-size: 20px; background: url(../../base/img/bdb1.png) no-repeat left center; padding-left: 15px;}
.box-photo .hd h3 a {color: #fff;}
.box-photo .hd a.more {font-size: 12px;color: #fff;}
.box-photo .bd { padding: 15px; }
.box-photo .bd li { width: 150px; float: left; margin-right: 15px; height: 140px; }
.box-photo .bd li img { width: 150px; height: 110px; }
.box-photo .bd .tempWrap { width: 1170px !important; }

/* 科研之窗 */
.box-kyzc .hd { background-color: #7482e3; } 

/* 办学特色 */
.box-bxts .hd { background-color: #adbe20; } 

/* 学校博客 */
.box-xxbk .hd { background-color: #e46565; } 


/* 数字校园 */
.box-szxy .hd { background-color: #2bb5a2; } 
.box-szxy .bd li{float: left;width: 128px;height: 40px;line-height: 42px;margin: 5px;background: #f6ead2; overflow: hidden; *display: inline;}
.box-szxy .bd li a .icon i{display:block;float: left;width: 21px;height: 21px;margin:10px 12px 0;background: url(../../base/img/icon.png) no-repeat 0 -47px;cursor: pointer;}
.box-szxy .bd li.li2 a .icon i{background-position:0px -90px;}
.box-szxy .bd li.li3 a .icon i{background-position:0px -134px;}
.box-szxy .bd li.li4 a .icon i{background-position:0px -177px;}
.box-szxy .bd li.li5 a .icon i{background-position:0px -221px;}
.box-szxy .bd li.li6 a .icon i{background-position:0px -261px;}
.box-szxy .bd li.li7 a .icon i{background-position:0px -305px;}
.box-szxy .bd li.li8 a .icon i{background-position:0px -346px;}
.box-szxy .bd li:hover .icon{display: block;
  -webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 transition: all 0.4s linear;
 -webkit-animation: moveFromBottom 0.3s ease;
 -moz-animation: moveFromBottom 0.3s ease;
 -o-animation: moveFromBottom 0.3s ease;
 -ms-animation: moveFromBottom 0.3s ease;
 animation: moveFromBottom 0.3s ease;
}
.box-szxy .bd a:hover .icon i{width: 24px;height: 24px;background-position:-46px -47px;}
.box-szxy .bd li.li2 a:hover .icon i{background-position:-46px -90px;}
.box-szxy .bd li.li3 a:hover .icon i{background-position:-46px -135px;}
.box-szxy .bd li.li4 a:hover .icon i{background-position:-46px -178px;}
.box-szxy .bd li.li5 a:hover .icon i{background-position:-46px -223px;}
.box-szxy .bd li.li6 a:hover .icon i{background-position:-46px -263px;}
.box-szxy .bd li.li7 a:hover .icon i{background-position:-46px -306px;}
.box-szxy .bd li.li8 a:hover .icon i{background-position:-46px -348px;}

@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
 to {
   -webkit-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
    -moz-transform: translateY(0%) scale(1);
    opacity: 1;        
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -ms-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-o-keyframes moveFromBottom {
  from {
    -o-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -o-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}