/* CSS Document */

/* banner */
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:205px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:205px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/* 您的孩子可能存在这些问题 */
.mdiv1{ widTH:1200px; margin:0 auto; overflow:hidden; margin-bottom:40px; margin-top:30px;}
.mdiv1_left{ widtH:235px; height:214px; float:left; background:url(/template/yh/fengbipc/home/images/bb.jpg) no-repeat; margin-right:8px;}
.wenti{ widtH:210px; margin-left:12px; margin-top:30px; float:left; font-size:30px; text-align:center; font-weight:bold; color:#FFF;}
.qide{ width:222px; height:37px; margin-left:2px; float:left; background:#FFF; border-radius:330px; margin-top:32px; font-size:20px; color: #ff7200; text-align:center; line-height:35px;}
.mdiv1_right{ widtH:957px; float:right;}
.mdiv1_right ul{ width:1100px; overflow:hidden;}
.mdiv1_right ul li{ width:242px; height:115px; float:left; overflow:hidden; display:block;}
.mdiv1_right ul li a{ display:block; width:227px; height:100px; text-align:center; line-height:100px; font-size:28px; color:#FFF; overflow:hidden;}
.Bgc1{ background:#1eb1c7;}
.Bgc2{background:#ff9000}
.Bgc3{background:#2f97b3;}
.Bgc4{background:#d66a6a}
.Bgc5{background:#5a8ec7}
.Bgc6{background:#099316}
.Bgc7{background:#333}
.Bgc8{background:#5a8ec7}
.mdiv1_right ul li a:hover{ background:red}



/* 第二板块学校新闻 */
.mdiv2{ widtH:1200px; margin:0 auto; overflow:hidden; margin-bottom:45px;}

.title{ widtH:391px; float:left; margin-bottom:20px;}
.title2{ widtH:422px; float:left; margin-bottom:20px;}
.title3{ widtH:292px; float:left; margin-bottom:20px;}
.title4{ widtH:1200px; float:left; margin-bottom:20px;}
.title h1,.title2 h1,.title3 h1,.title4 h1{ font-size:22px; color:#333; float: left; line-height:35px;}
.title h1 img,.title2 h1 img,.title3 h1 img,.title4 h1 img{ widtH:24px; height:24px; float:left; margin-top:8px;overflow:hidden; margin-right:8px;}
.more{ widtH:74px; height:24px; background:#ff7200; border-radius:30px; float:right; font-size:13px; text-align:center; line-height:24px; margin-top:6px;}
.more a{ color:#FFF;}
.Schoolnews{ widtH:391px; float:left;margin-right:45px;}
#slideBox {width:391px;height:395px;overflow:hidden;position:relative; float:left;}
#slideBox ul#show_pic {margin:0;padding:0;list-style:none;height:395px;width:4750px;position:absolute;}
#slideBox ul#show_pic li {float:left;margin:0;padding:0;height:395px;}
#slideBox ul#show_pic li img {display:block; widtH:391px; height:395px;}
#iconBall {	position:absolute;bottom:0;right:0;}
#iconBall li {float:left;width:46px;height:48px;line-height:48px;cursor:pointer;text-align:center;font-size:16px;}
#iconBall li.active {background:url(../images/iconbg.png) no-repeat;color:#fff;}
#slideText {width:391px;height:43px;background:rgba(0, 0, 0, 0.7);color:#fff;position:absolute;left:0px;bottom:0px;
*background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);}
#textBall {position:absolute;left:10px;bottom:3px;}
#textBall li {float:left;cursor:pointer;display:none;color:#fff;font-size:14px; line-height:35px;}
#textBall li.active {display:block;}
#textBall li a {text-decoration:none;color:#fff;}




.hootnews{ widtH:422px;float:left;}

.topNe{ width:422px; overflow:hidden; padding:0px; margin:0px; height:100px; border-bottom:1px dashed #f5f5f5;}
.topNe .imgL{ float:left; display:block; width:112px; height:85px; overflow:hidden; padding:0px;}
.topNe .imgL img{width:112px; height:85px;}
.topNe .rTx{ width:300px; overflow:hidden; float:right;}
.topNe .rTx b{ display:block; height:28px; line-height:28px; font-size:16px; overflow:hidden;color:#333333;}
.topNe .rTx p{ display:block; color:#999999; padding:5px 0px 0px 0px}

.ulList{}
.ulList li{ height:32px; line-height:32px; overflow:hidden;}
.ulList li span{}
.ulList li a{ padding-left:5px;}
.nlist{ display:block; height:28px; line-height:28px; overflow:hidden;}


.Ask{widtH:292px;float:right;}
.Ask ul li{ widtH:292px; height:110px; float:left; border-bottom:1px dashed #CCCCCC; line-height:25px; overflow:hidden}
.xiantiao{border-bottom:1px dashed #CCCCCC; height:1px; overflow:hidden;}
.Qutit{ height:25px; overflow:hidden;}
.Qutit .lfspan{ display:block; background:#f45751; color:White; width:18px; height:18px; line-height:18px; text-align:center; float:left; font-size:12px;}
.Qutit .rtSpan{ display:block; width:260px; overflow:hidden; height:22px; line-height:22px; font-size:16px; color:#555555; float:right;}

.QuDesc{ overflow:hidden;}
.QuDesc .lfDiv{ display:block; background:#1faff8; color:White; width:18px; height:18px; line-height:18px; text-align:center; float:left; font-size:12px;}
.QuDesc .rtDiv{ display:block; width:260px; overflow:hidden; line-height:22px; font-size:12px; color:#888888; float:right}


/* 学校简介 */
.jianjie{ widtH:100%; margin:0 auto; background: #f8f8f8; overflow:hidden; padding-top:40px; padding-bottom:40px;  margin-bottom:45px;}
.jianjie_m{ widtH:1200px; margin:0 auto; overflow:hidden;}
.about_lm{ widtH:410px; float:left;}
.lanmu{ widtH:194px; height:155px; float:left; background:#FFF;border:1px solid #f1f1f1; margin-right:8px; margin-bottom:8px;}
.lanmu ul li{widtH:194px; height:135px; padding-top:20px;text-align:center; font-size:20px; line-height:35px; background:url(../images/icon.png) 80px 120px no-repeat;}
.lanmu ul li p{ widtH:47px; height:43px; text-align:center; margin:0 auto; margin-bottom:10px;}
.lanmu ul li span{ widtH:23px; height:23px; text-align:center; margin:0 auto;}
.lanmu ul li:hover a{widtH:194px; height:155px; display:block; color:#FFF;background:url(../images/icon_hover.png) 80px 45px no-repeat;}
.lanmu ul li:hover{ background:#090; display:block; color:#FFF;}
.lanmu ul li .linkBg1{ background:url(../images/icon_01.png) no-repeat;}
.lanmu ul li .linkBg2{ background:url(../images/icon_02.png) no-repeat;}
.lanmu ul li .linkBg3{ background:url(../images/icon_03.png) no-repeat;}
.lanmu ul li .linkBg4{ background:url(../images/icon_04.png) no-repeat;}
.lanmu ul li .linkBg5{ background:url(../images/icon_05.png) no-repeat;}
.lanmu ul li .linkBg6{ background:url(../images/icon_06.png) no-repeat;}
.lanmu ul li:hover .linkBg1{ background:url(../images/icon_011.png) no-repeat;}
.lanmu ul li:hover .linkBg2{ background:url(../images/icon_022.png) no-repeat;}
.lanmu ul li:hover .linkBg3{ background:url(../images/icon_033.png) no-repeat;}
.lanmu ul li:hover .linkBg4{ background:url(../images/icon_044.png) no-repeat;}
.lanmu ul li:hover .linkBg5{ background:url(../images/icon_055.png) no-repeat;}
.lanmu ul li:hover .linkBg6{ background:url(../images/icon_066.png) no-repeat;}

.about{ widtH:750px; float:right;}
.about_tb{ font-size:18px; color:#090; height:60px; line-height:40px;}
.about_tx{ font-size:16px; float: left; line-height:32px; padding-bottom:30px;}
.about_pic img{ widtH:750px; height:268px; overflow:hidden; float:left;}


/* 成长教学*/
.jiaoxue{ widtH:1200px; margin:0 auto; overflow:hidden;margin-bottom:70px;}
.teaching{ widtH:1200px; float:left;}
.tabox2 .hd{width:204px; float:left;}
.tabox2 .hd li{ width:204px; height:54px;line-height:50px; float:left; text-align:center; color:#333; font-size:18px; background:#ededed; margin-bottom:16px;}
.tabox2 .hd li.on{ background:#099316;line-height:54px; color:#fff;}
.tabox2 .hd li.on a{ color:#fff;}
.tabox2 .bd{border-top:0;}
.tabox2 .lh{widtH:960px; overflow:hidden; float:right;}
.tabox2 .czjx{ widtH:960px; height:216px; float:left; margin-bottom:15px; border-bottom:1px dashed #CCCCCC; overflow:hidden;}
.tabox2 .czjx dl dt img{ widtH:280px; height:196px; float:left; margin-right:20px; overflow:hidden;}
.tabox2 .czjx dl dd{ widtH:597px; float:left; line-height:35px; margin-bottom:15px; font-size:15px; color:#666;}
.tabox2 .jxtxt ul{}
.tabox2 .jxtxt ul li{ width:480px; float:left; line-height:38px; font-size:15px;}
.date{ widtH:110px; float:right;}
.xw-zit{ font-size:18px; color:#333; font-weight:bold;}
.NtMs{ height:30px; padding-top:10px; overflow:hidden;}
.NtMs .tags{ padding-right:50px;}
.NtMs .tags a{ background:#d2dbe4; padding:2px 5px 2px 5px; margin-left:5px;}


/* 教学模式 */

.jxUl{ width:1300px; overflow:hidden;}
.jxUl li{ float:left; width:415px; overflow:hidden; height:490px;}
.jxUl li .jxDivInsi{ width:373px; overflow:hidden;}
.jxUl li strong{ display:block; height:60px; line-height:60px; font-size:18px; text-align:center; width:100%;}
.jxUl li img{widtH:373px; height:280px; overflow:hidden;}

.jxUl li p{ display:block; font-size:14px; line-height:28px; overflow:hidden; padding:0px 0px 15px 0px; margin:0px;}
.jxUl li .lkM{ height:40px; overflow:hidden; border-top:1px dashed #f5f5f5;}
.jxUl li .lkM span{float:left; line-height:45px; padding-left:15px;}
.jxUl li .lkM a{ float:right; line-height:45px; padding-right:15px;}
.jxUl li .lkM:hover{ background:#090; color:White;}
.jxUl li .lkM:hover a{ color:White;}

.jxms{widtH:373px; float:left; margin-bottom:30px;}
.jxms ul li{ float:left;}
.jxms ul li img{ widtH:373px; height:280px; float:left; overflow:hidden; margin-bottom:10px;}
.jxms ul li{ widtH:373px; line-height:35px; margin-bottom:10px; text-align:center; font-size:20px;}
.jxms ul li a{ color:#333;}
.jxms p{ widtH:373px; height:55px; overflow:hidden; float:left; line-height:30px; margin-bottom:20px; color:#999;}
.sek{ widtH:369px; height:63px; float:left; overflow:hidden; border-top:1px solid #ebebeb;} 
.left{ float:left; margin-top:20px; margin-left:15px;}
.right{ float:right;margin-top:20px; margin-right:15px;}
.sek a:hover{ widtH:369px; height:63px;display:block; background:#090; color:#FFF;}
.jxdiv{ widtH:40px; height:470px; float:left;}


/* 启德师资 */
.picbox {margin:0 auto;width: 1200px;}
.picbox li {float:left; margin-right:2px;}
.shape {width:238px;height:286px;position: relative;}
.shape:hover {cursor: pointer;}
.shape:hover .bg {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;display:block;}
.shape:hover .details {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;z-index:450;display:block;	}	
.shape .bg, .shape .details {position: absolute;width:238px;height:286px;display:table-cell;vertical-align:middle;text-align:center;top:0;left:0;opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display:none;  }		
.shape .bg {background: #4b5a78;}
.shape .base img{ width:238px; height:286px; overflow:hidden;}
.shape .details p {color:#fff;width:90%;font-size:14px;margin:0 auto; line-height:30px;margin-top:60px;}
.shape a.button {padding:5px 15px;font-size:12px;border-radius: 20px;background: #2f3644;color:#fff;display:block;width:50px;margin:0 auto;text-align:center;margin-top:15px;}
.shape a.button:hover {background: #090;color:#fff;}

.shizi{ widtH:1200px; float:left;}
.shizi_tt{ widtH:233px; height:50px; float:left;background:#FFF;margin-right:2px; padding-top:15px; padding-left:5px; font-size:16px; text-align:center; overflow:hidden;}
.shizi_tt a{ color:#666;}


/* 启德相册*/
.xianc{ widtH:1200px; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.Album{ widtH:1300px; float:left;}
.Album ul li{ float:left; width:305px; height:230px; overflow:hidden; }
.Album ul li div{ widtH:285px; height:233px;  overflow:hidden; text-align:center; line-height:35px; font-size:12px;position:relative;}
.Album ul li img{widtH:285px; height:200px; overflow:hidden; border-radius:5px;}
.Album ul li a{ position:relative;z-index:999;top:-40px;background-color:#000;background-color:rgba(0,0,0,0.5); color:White; height:40px; line-height:40px; display:block; width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

.youqinglianjie{ width:1200px; margin:0 auto; overflow:hidden; border:1px solid #f5f5f5}
.youqinglianjie span{ float:left; display:block; height:65px; background:#198e24; text-align:center; line-height:65px; width:120px; color:White; font-size:18px; font-weight:bold;}
.youqinglianjie div{ float:right; width:1070px; padding-left:10px; line-height:65px;}
.youqinglianjie div a{ padding-left:8px;}

.news_box {
    background-color: #f8f8f8;
    padding-bottom: 50px;
    min-width: 1200px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.h2title {
    padding: 40px 0 30px;
}

.h2title .h2 {
    padding: 0 0 10px;
    line-height: 34px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.h2title .h2::after,
.h2title .h2::before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 16px;
}

.h2title .h2::after {
    background-image: url(../images/bg_t1.png);
    left: 20%;
}

.h2title .h2::before {
    background-image: url(../images/bg_t2.png);
    right: 20%;
}

.cat_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cat4:last-child,
.cat3:last-child {
    margin-right: 0;
}

.cat4 {
    flex: 1;
    padding: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 280px;
}

.cat_box:last-child {
    margin-right: 0;
}

.news_slide {
    width: 100%;
    text-align: left;
}

.news_slide .hd {
    margin-top: 8px;
    height: 30px;
    line-height: 30px;
    background: #f0f3f9;
    position: relative;
}

.news_slide .hd ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_slide .hd ul li {
    flex: 1;
    cursor: pointer;
    text-align: center;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
}

.news_slide .hd ul li:last-child a {
    border-right: 0;
}

.news_slide .hd ul li a {
    border-right: 1px solid #ccc;
    line-height: 18px;
    display: block;
    font-size: 16px;
    width: 100%;
}

.news_slide .hd ul li.on a,
.news_slide .hd ul li:hover a {
    font-weight: bold;
    color: #000;
}

.news_slide .bd ul {
    zoom: 1;
}

.news_list li {
    background-image: url(/template/yh/fengbipc/home/images/bg_dot.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #ccc;
    padding-left: 15px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.news_list li span {
    float: right;
    color: #999;
}

.cat3 {
    flex: 1;
    padding: 20px 18px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.headline {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 18px;
    height: 18px;
}

.headline h4 {
    border-left: 5px solid #df3034;
    padding-left: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.headline a.more,
.headline span {
    font-size: 14px;
    font-weight: lighter;
    color: #999;
}

.img_news {
    position: relative;
    padding-left: 180px;
    margin-bottom: 5px;
}

.img_news .img {
    position: absolute;
    width: 170px;
    height: 106px;
    overflow: hidden;
    left: 0;
}

.img_news .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.img_news .info h2 {
    line-height: 20px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.img_news .info p {
    margin-top: 6px;
    line-height: 20px;
    height: 80px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
}