@charset "utf-8";
/* 

 * 常州幼儿师范学校首页样式表
 
 */

 /*清除浮动*/
 .slide-banners .slides:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
 .slide-banners .slides{*zoom:1;}

/*字体大小*/
.f15,.home-col-item .sys-txt-list li{font-size: .9735em;}


/*------------------轮播------------------*/
.arrow-left-light,.slide-banners .flex-prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA6AgMAAAChR8PdAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAnRSTlMAEoUqvHAAAAAwSURBVCjPY4CCAA0YizFgBYzJ6rQAxhTlaoAxQ7RGlTKgMhEKENoQho0qRlWMSHIAUbgqxzksyQwAAAAASUVORK5CYII=);}
.arrow-right-light,.slide-banners .flex-next{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA6AgMAAAChR8PdAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAnRSTlMAEoUqvHAAAAAxSURBVCjPY2BqCGCAAqYFIQwwsEIUztRidYAxuRpHFaMrRjARChDaEIaNKoUxEUkOADAFK3tQIn6AAAAAAElFTkSuQmCC);}
.slide-banners-wrap {margin:0 auto 5px;width:100%;min-height: 200px;position:relative;overflow:hidden;}
.slide-banners,.slide-banners .slides,.slide-banners .slides li,.slide-banners .slides img{ display:100%;overflow:hidden;}
.slide-banners .slides img,.slide-banners .flex-nav-prev,.slide-banners .flex-nav-next{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.slide-banners .slides img{display: block;min-height:160px;-webkit-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.slide-banners{position:relative;overflow:hidden;background-image:url(../img/loading.svg);background-position:center center;background-repeat:no-repeat;-webkit-background-size: auto 50px;background-size: auto 50px;}
.slide-banners .slides{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.slide-banners .slides .flex-active-slide img{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.slide-banners .slide-item{position:relative;overflow:hidden;}
.slide-banners .slide-item img{width:100%;height:auto;}
.slide-banners .flex-nav-prev,.slide-banners .flex-nav-next,
.slide-banners .flex-prev,.slide-banners .flex-next{display:block;width:80px;height:80px;background-repeat:no-repeat;background-color:transparent;background-position: center;}
.slide-banners .flex-prev,.slide-banners .flex-next{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.slide-banners .flex-nav-prev,.slide-banners .flex-nav-next{border: 2px solid #fff;border-radius:50%;position:absolute;top:0;opacity:0;filter:alpha(opacity=0);z-index:333;text-indent:-9999em;overflow:hidden;position: absolute;top: 50%;margin-top: -42px;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.slide-banners .flex-nav-prev{left:30px;}
.slide-banners .flex-nav-next{right:30px;}
.slide-banners .flex-nav-prev{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px);}
.slide-banners .flex-nav-next{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);-o-transform:translateX(-50px);transform:translateX(-50px);}
.slide-banners:hover .flex-nav-prev,.slide-banners:hover .flex-nav-next{opacity:1;filter:alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.slide-banners .flex-nav-prev:hover,.slide-banners .flex-nav-next:hover{background-color: rgba(24,124,210,.6);}
.slide-banners .flex-control-paging{width: 100%;position: absolute;left: 0;bottom: 5px;z-index: 3;text-align: center;display: none;}
.slide-banners .flex-control-paging li{display: inline;padding: 0 3px;line-height: 5px;}
.slide-banners .flex-control-paging a{display: inline-block;width: 12px;height: 12px;background-color: rgba(0,0,0,.2);border-radius: 50%;text-indent: -9999px;overflow: hidden;}
.slide-banners .flex-control-paging a.flex-active{width: 11px;height: 11px;background-color: rgba(255,255,255,.9);border: 1px solid rgba(0,0,0,.2);}



/*------------------热门推荐------------------*/
.home-hot-layer {width: 100%;position: absolute;left: 0;bottom: 0;z-index: 3;}
.home-hot-items{margin-left: -2px;margin-right: -2px;}
.home-hot-items .sys-col{padding-bottom: 0;}
.home-hot-items .hot-item{display:block;position:relative;margin-left: 2px;margin-right: 2px;margin-top: 4px;}
.home-hot-items .hot-item a{color:#fff;}
.home-hot-items .hot-item .item-title,.home-hot-items .hot-item .item-time{display:block;height:1.5em;line-height:1.5em;overflow:hidden;}
.home-hot-items .hot-item .item-title{white-space: nowrap;text-overflow: ellipsis;font-weight:normal;}
.home-hot-items .hot-item .item-title,.home-hot-items .hot-item .item-time{cursor:pointer;}
.home-hot-items .hot-item .item-time{margin-top: .4em;}
.home-hot-items .hot-item .item-img{width:100%;position:absolute;left:0;bottom:70px;opacity:0.2;filter:alpha(opacity=20);bottom:-300px;-webkit-transition: none;-o-transition: none;transition: none;}
.home-hot-items .hot-item .item-img img{display:block;width:100%;height:auto;}
.home-hot-items .item-info{display:block;padding: 8px 15px;position:relative;background-color:#2468ba;/*background:url(img/info-bg.png) 0 0 repeat;*/background:rgba(36,104,186,0.6);z-index:6;	}
.home-hot-items .bg-red{background-color: #c13057!important;background-color: rgba(193,48,87,.7)!important;}
.home-hot-items .bg-green{background-color: #228e05!important;background-color: rgba(34,142,5,.7)!important;}
.home-hot-items .bg-orange{background-color: #ed5c01!important;background-color: rgba(237,92,1,.7)!important;}
.home-hot-items .bg-purple{background-color: #633dbe!important;background-color: rgba(99,61,190,.7)!important;}

/*------------------栏目------------------*/
.home-main-layer{padding-bottom: 15px;}
.home-main-layer .sys-row{margin: 0 -2px;}
.home-col-item .sys-col-wrap{margin-left: 2px;margin-right: 2px;}
.home-col-item  .sys-col-bd{border: 0;padding: 0 5px 10px 15px;}
.home-col-item .sys-txt-list li a{width: 100%;padding: 0;margin: 0;}
.home-col-item .sys-txt-list li a:before{display: none;}
.home-col-item .sys-img-txt-cell{padding-top: 6px;padding-bottom: 6px;}
.home-col-item .sys-img-txt-cell+.sys-txt-list{border-top: 1px solid #ddd;padding-top: 1px;}



@media screen and (min-width: 1440px){
.page-home .layout{width: 95%;max-width: 1500px;}
}

@media screen and (max-width: 1280px){
}

@media screen and (max-width: 1200px){
	.home-col-item .sys-col-bd{padding-left: 8px;}
}
@media screen and (max-width: 1024px){
/*.page-home .layout{width: auto;padding-left: 15px;padding-right: 15px;}*/
}

@media screen and (max-width: 950px){
.home-col-item{width: 50%;}	
}

@media screen and (max-width: 768px){
.page-home .layout{width: auto;padding-left: 10px;padding-right: 10px;}
.slide-banners .flex-direction-nav{display: none;}
.slide-banners .flex-control-paging{display: block;}
.slide-banners .flex-control-paging a{width: 7px;height: 7px;}
.slide-banners .flex-control-paging a.flex-active{width: 6px;height: 6px;}
.sys-col-hd{background-color: #187cd2;}
.sys-col-hd .hd-title{padding-left: 10px;}
.sys-col-hd.bd-green{background-color: #228e05;}
.sys-col-hd.bd-red{background-color: #c13057;}
.sys-col-hd.bd-orange{background-color: #ed5c01;}
.sys-col-hd.bd-purple{background-color: #633dbe;}
.sys-col-hd.bd-purple-light{background-color: #8f0098;}
.sys-col-hd.bd-gray{background-color: #868695;}
.sys-col-hd.bd-pink{background-color: #af3a86;}
.home-hot-layer{position: static;padding: 6px 0;}
.home-hot-items .sys-col{width: 50%;}
.home-hot-items .hot-item{overflow: hidden;}
.home-hot-items .hot-item .item-img{bottom: 0!important;opacity: .5;z-index: 0;}
.home-hot-items .hot-item .item-info{position: relative;z-index: 2;padding: 10px;}
.home-hot-items .hot-item .item-title{font-size: .8571em;}
.home-col-item{width: 100%;}
.home-col-item .sys-col-bd{padding: 5px 10px;}
.home-hot-items .hot-item .item-time{font-size: .7143em;}
.home-col-item .sys-img-txt-cell+.sys-txt-list{padding-top: .3em;}
}