/***内容顶部***/
#content-header .bg{height:560px;width:100%;}
#content-header .bg2{height:235px;width:100%;}
#content-header .row{text-align:center;height:100%;color:#868686;margin: 0;}
#content-header .h1, .h2, .h3, h1, h2, h3{margin-top:10px;}
#content-header .row .col-xs-6.col-xs-offset-3{height:100%;padding:0px 50px;}
#content-header .row .col-xs-6.col-xs-offset-3 table{height:100%;width:100%}
#content-header .row .col-xs-6.col-xs-offset-3 table tr{height:100%;width:100%;text-align:center;vertical-align:center;}


/***关于和乐***/
#content-header .bg.about{background: url(../images/about/bg.png) no-repeat;background-position:center;background-size: 100% 560px;}
#content-header  .row h3{font-size:38px;color:#fff}
#content-header  .row p{margin-top:40px;font-size:16px;line-height:35px;color:#fff}
/*公司介绍*/
#content-header .bg2.about_recommend{background: url(../images/about/about_recommend.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*校园分区*/
#content-header .bg2.about_campus{background: url(../images/about/about_campus.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*教育理念*/
#content-header .bg2.about_idea{background: url(../images/about/about_idea.jpg) no-repeat;background-position:center;background-size: 100% 235px;}


/***和乐产品***/
#content-header .bg.product {background: url(../images/product/product.png) no-repeat;background-position:center;background-size: 100% 560px;}
#content-header .product .row h3{font-size:38px;color: #fff;}
#content-header .product .row p{margin-top:40px;font-size:16px;line-height:35px;color: #fff;}
/*和乐美国国际学校*/
#content-header .bg2.product_international{background: url(../images/product/product_international.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*和乐青少年宫*/
#content-header .bg2.product_teenagers{background: url(../images/product/product_teenagers.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*和乐幼儿园*/
#content-header .bg2.product_kindergarten{background: url(../images/product/product_kindergarten.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*和乐早教中心*/
#content-header .bg2.product_early{background: url(../images/product/product_early.jpg) no-repeat;background-position:center;background-size: 100% 235px;}


/***和乐公益***/
#content-header .bg.welfare{background: url(../images/welfare/bg.png) no-repeat;background-position:center;background-size: 100% 560px;}
/*和乐中国*/
#content-header .bg2.welfare_china{background: url(../images/welfare/welfare_china.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*梦想艺术课堂*/
#content-header .bg2.welfare_dream{background: url(../images/welfare/welfare_dream.jpg) no-repeat;background-position:center;background-size: 100% 235px;}
/*艺术夏令营*/
#content-header .bg2.welfare_summercamp{background: url(../images/welfare/welfare_summercamp.jpg) no-repeat;background-position:center;background-size: 100% 235px;}


/***和乐资讯***/
#content-header .bg.information{background: url(../images/information/information.png) no-repeat;background-position:center;background-size: 100% 560px;}
#content-header .information .row h3{font-size:38px;color: #333333;}
#content-header .information .row p{margin-top:20px;font-size:16px;line-height:35px;color: #333333;}


/***联系和乐***/
#content-header .bg.connect{background: url(../images/connect/lxhl.png) no-repeat;background-position:center;background-size: 100% 560px;}
#content-header .connect .row h3{font-size:38px;color: #333333;}
#content-header .connect .row p{margin-top:20px;font-size:16px;line-height:35px;color: #333333;}


/***导航条***/
#navli{background-color: #F6F6F6;border-bottom: 1px solid #eee;}
#navli .breadcrumb{padding: 8px 0;font-size:12px;margin-bottom: 0;}
#navli .breadcrumb a{color: #000;text-decoration:none;}
#navli .breadcrumb > li + li:before{padding: 0 5px;content: "\003e";color:#666}
#navli .breadcrumb > li.active a{color:#4D608A}


/***新闻***/
.new .item{height:415px;border:1px solid #b8b8b8;position:relative}
.new .item .img-box{text-align: center;height: 165px;vertical-align: middle;background: #fff;overflow:hidden}
.new .item .img-box img{width: 100%;vertical-align: middle;font-size: 11px;overflow: hidden;display: inline-block;}
.new .content-box{width: 100%;padding:0px 10px;padding-top:10px;}
.new .content-box h3{font-size:18px;}
.new .content-box .time{float:right;padding-right:5px;font-size:16px;color:#929292;letter-spacing:2px;}
.more {height:45px;width:100%;margin-top:45px;margin-bottom:30px;background: url(../images/index/unfold2.png) no-repeat;background-size: 30px;background-position: 50%;cursor: pointer;background-color: rgba(0,28,88,0.1);}
.more2  {height:45px;width:100%;margin-top:45px;margin-bottom:30px;}
.new .item .type{position:absolute;bottom:-10px;color:#fff;right:0px;display:block;width:60px;height:25px;line-height:25px;text-align:center}
.new .item .type.video{background-color:#cf2660;border:1px solid #cf2660;}
.new .item .type.picture{background-color:#63b8d0;border:1px solid #63b8d0;}
.new .row .col-xs-3{margin-top:20px;}
.new .row .col-xs-3 h3{color:#000}
.new .row .col-xs-3 .content-box p{color:#8c8c8c}
.new .row .col-xs-3 .content-box p.time{position:absolute;bottom:40px;text-align:right;width:100%;right:10px;}
.new .item a{display:block}
.new .item p.newcontet{height: 100px; overflow: hidden; text-overflow: ellipsis;    overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new .item:hover{box-shadow: 1px 1px 8px #CCCCCC;}