﻿/** 
 * 模版页面样式文件
 * @author: Yongbo Peng <pengyongbo@kcdns.com>
 *blog:http://blog.901web.com/;
 *date:2015-04-15;
 */
body{font-family: 'Microsoft Yahei';background:url(../../images/school/bg.jpg) repeat-x;}
.wrapper{width:1300px;margin:0 auto; zoom:1; overflow:hidden; }
.left_sidebar{width:250px;background: #3377cf;}
.logo h1{padding-top:32px;padding-bottom:20px;padding-left:18px;}
.nav ul{}
.nav ul li{padding-left:65px;height:62px;line-height: 46px;position:relative;background: url(../../images/school/nav_libg.png) repeat-x;border-bottom:2px solid #4487da;}
.nav ul li a{color:#fff;font-size:14px;font-family: 'Microsoft Yahei';display:block;}
.nav ul li a span{position: absolute;top:18px;left:65px;color:#81b8ff;}

.nav ul li:hover{background: #4487da;}
.nav ul li:hover a{color:#fffc43;}
.nav ul li.active{background: #4487da;}
.sub_menu{display: none;width:142px;}
.sub_menu li{text-align:center;height:64px;line-height: 64px;background: url(../../images/school/sub_menu.png) repeat-x;border-bottom:1px solid #cac00d;margin-top:-1px;}
.sub_menu li.last{border-bottom:none;}
.sub_menu li a{display: block;height:64px;line-height: 64px;color:#000;}

/*中间banner大图切换部分**/
.banner{width:812px;float:left;background: #edecda;}
.banner_tab{width:812px;height:402px;margin:0px auto;overflow: hidden;position: relative;margin-bottom:8px;}
.banner_tab .tabsnav {position: absolute;bottom:15px;right: 42%;}
.banner_tab .tabsnav div{background: #fff;width: 12px;height: 12px;display: block;float: left;border-radius: 50%;margin:0 5px;cursor: pointer;border:2px solid #fff;}
.banner_tab .tabsnav div:hover, .banner .tabsnav div.current{background: none;cursor: pointer;}
.banner_tab .prev,.banner .next{display:none;z-index: 10}
.banner_tab:hover .prev,.banner_tab:hover .next{display:block;}
.banner_tab .prev{position: absolute;top:45%;left: 10px;width: 40px;height: 40px;background: url(../../images/school/icon-1.png) -2px -67px no-repeat;cursor: pointer;} 
.banner_tab .next{position: absolute;top:45%;right: 10px;width: 41px;height: 41px;background: url(../../images/school/icon-1.png) -42px -67px no-repeat;cursor: pointer;} 
.banner_tab .prev:hover{background-position: -84px -67px !important;cursor: pointer;}
.banner_tab .next:hover{background-position: -125px -66px !important;cursor: pointer;}
.list_part{padding-bottom:19px;}
.list_part .part{float:left;width:405px;margin-bottom:12px;}
.part .title{margin-bottom:15px;}
.part .title h2{padding-left:14px;}
.part .title h2.b_l{float:left;width:85px;border-bottom:3px solid #eec800;font-size:16px;font-weight: normal;line-height: 26px;color: #eec800;}
.part .title span.b_r a.link{float:right;color:#898a82;margin-right:10px;}
.part .title span.b_r{float:left;border-bottom:3px solid #898a82;color:#898a82;width:280px;line-height: 26px;}
.part .info{width:380px;text-align: justify;}
.part .info p{padding:5px 15px;line-height: 24px;text-indent: 2em;font-family:'Microsoft Yahei'; }
.join{float:right!important;width:379px!important;}
.join .info p{line-height: 18px!important;text-indent:0;}

.right_list{width:208px;background:#3377cf;padding:10px 15px;height:780px;overflow:hidden;}
.top_right_sc ul{float:right;padding:15px 0px;}
.top_right_sc ul li{float:left;}
.top_right_sc ul span.line{float:left;padding:0 4px;color:#7ab5ff;}
.top_right_sc ul li a{color:#7ab5ff;}

.search{padding-bottom:20px;border-bottom:1px solid #4487da;overflow: hidden;}
.search form{overflow: hidden;height:34px;}
.search .ss{width:150px;border:none;background: #4487da;padding:8.8px 3px;color:#fff;float:left;margin-top:1px;}
.search .btn{text-indent: -9999px;background: url(../../images/school/search_btn.png) no-repeat left center;border:none;display:block;
width:37px;height:34px;cursor: pointer;float:left;overflow: hidden;}
.news{margin-top:20px;}

.h_tit{margin:14px 0px;}
.h_tit h2{font-weight: normal;color:#fff;border-left:2px solid #fffc40;padding-left:12px;}
.h_tit h2 a.more{float:right;font-weight: normal;color:#fff;font-size:14px;margin-top:2px;}

.new_content{margin-top:16px;padding-bottom:12px;border-bottom:1px solid #4487da;}

.new_content ul{overflow: hidden;}

.new_content ul li{width:195px;height: 24px;line-height: 24px;float:left;background: url(../../images/school/news_li.png) no-repeat left center;padding-left:14px;margin-bottom:2px;}
.new_content ul li span.sj{float:right;color:#fff;}
.new_content ul li a{color:#fff;float:left;}

.notice_content{padding-bottom:12px;border-bottom:1px solid #4487da;}
.notice_content ul{overflow: hidden;}
.notice_content ul li{width:195px;height: 24px;line-height: 24px;float:left;background: url(../../images/school/notice_arr.png) no-repeat left center;padding-left:14px;margin-bottom:2px;}
.notice_content ul li a{color:#fff;float:left;}


.f_contact{padding-top:25px;}
.f_contact .tel{background: url(../../images/school/tel.png) no-repeat left center;padding-left:42px;margin-bottom:15px;}
.f_contact .tel span{font-weight: bold;color:#fff;}
.f_contact .tel h2{color:#fff;margin-top:5px;}


.footer_link{padding:13px 0px;text-align: center;overflow: hidden;}
.footer_link a{color:#fff;}
.footer_link span.line{color:#fff;}

.left_footer{/*height:212px;padding-top:30px;*/padding-top: 42px;padding-bottom: 11px;}

.bg_music{padding-left:12px;color:#5c92d8;}
.bg_music h3{font-size:14px;font-weight: normal;}
.bg_music h3 img{margin-left:5px;}
.share{overflow: hidden;}
.sharelist{padding:28px 0 21px 18px;width:100px;float:left;overflow: hidden;}
.sharelist ul li{float:left;margin-right:16px;margin-bottom:15px;}
.sharelist ul li a.list{width:42px;height:40px;display:block;background: url(../../images/school/share.png) no-repeat;}
.sharelist ul li a.txwb{background-position:-52px -42px; }
.sharelist ul li a.qqkj{background-position:-107px  -42px;}
.sharelist ul li a.xlwb{background-position:-52px  -95px;}
.sharelist ul li a.txwx{background-position:-107px  -95px;}
.left_footer p{color:#fff;text-align: center;line-height: 24px;}

/**about us内页关于我们部分样式**/
.page_bgpic{width:240px;height:800px;float:left;/*background:url(../../images/school/page_bg.png) no-repeat left center;*/}
.about_top{height:176px;background: url(../../images/school/about_top.png) no-repeat left top;}
.aboutus{height:800px;width:810px;background: url(../../images/school/about_middle.png) no-repeat left bottom;overflow: hidden;}

.position{padding-top:30px;}
.position h3{background: url(../../images/school/site.png) no-repeat 33px center;padding-left:52px;font-size:12px;font-weight: normal;color:#7d7d7d;}
.position h3 a{color:#7d7d7d;}
.page_title{padding-left:116px;padding-top:20px;color:#3377cf;font-size: 27px;font-family: "Impact"}
.page_title span{display:block;font-size:26px;font-family: "Microsoft Yahei";}

.pagecontent{width:736px;margin:0 auto;padding-top:30px;}
.pagecontent p{color:#7d7d7d;line-height: 28px;text-indent: 2em;margin-bottom:15px;}
.pagecontent p.last{width:76%;}
.pabout{background: url(../../images/school/page_ft.png) no-repeat right bottom;padding-bottom:10px;}

/*新闻列表页面样式部分*/
.newslist{padding-top:0px;padding-left:12px;overflow: hidden;}
.news_list{overflow: hidden;}
.news_list ul li{border-bottom: 1px dashed #b1b1b1;height: 86px;overflow: hidden;margin-bottom:6px;}
.news_list ul li .thumb{float:left;width:136px;height:74px;margin-right:18px;}
.news_list ul li .thumb a{display: block;}
.news_list ul li .descripation{float:left;width:580px;}
.news_list ul li .descripation h2{line-height: 18px;margin-bottom:6px;}
.news_list ul li .descripation h2 a{font-size:16px;line-height:22px;font-weight: normal;margin-bottom: 12px;color:#7d7d7d;}
.news_list ul li .descripation h2 span{font-size: 12px;float:right;font-weight: normal;color:#a6a6a6;}
.news_list ul li .descripation h2 a em.keyword{font-style: normal;color:#3377cf;}
.news_list ul li .descripation h2 a:hover{color:#3377cf;}
.news_list ul li .descripation p{line-height: 26px;margin-bottom:5px;}
#searchresult ul li .descripation{float:left;width:auto;}

.pages{margin:10px 0 15px 255px;float:right;}
.pages a{display:block;float:left;width:26px;height:28px;border:1px solid #e2e2e2;line-height:28px;text-align:center;color:#7d7d7d;margin-right:5px;}
.pages .current{color:#fff;background:#3377cf;display:block;float:left;}
.pages span{/*float:left;width:20px;height:28px;line-height:22px;text-align:center;margin-right:5px;*/color:#fff;background:#3377cf;display:block;float:left;width:28px;height:30px;line-height:30px;text-align:center;margin-right:5px;}
.pages .all,.pages a.a1{display:block;float:left;width:76px;height:28px;border:1px solid #e2e2e2;background:#f8f8f8;line-height:26px;text-align:center;margin-right:5px;}
.pages .prev{width:76px;height:28px;border:1px solid #e2e2e2;background:#f8f8f8;}
.pages .next{width:76px;height:28px;border:1px solid #e2e2e2;background:#f8f8f8;margin-right:0px;}
.pages span.current{color:#fff;background:#3377cf;display:block;float:left;}

/**新闻详情页面样式**/
.newsdetail{padding-top:0px;padding-left:12px;overflow: hidden;}
.news_detail .new_tit{text-align: center;}
.news_detail .new_tit h3{font-size:16px;color:#7d7d7d;line-height: 28px;margin-bottom:10px;}
.news_detail .author_date{text-align: center;font-size: 12px;color:#a6a6a6;padding-bottom:16px;border-bottom:1px dashed #b1b1b1;}
.news_detail .news_content{padding-top:20px;}

.news_detail .go_back{text-align: center;padding-top:10px;}
.news_detail .go_back a{color:#7d7d7d;}

/**关于我们**/
.address_info h2{color:#3377cf;font-size: 18px;font-family: 'Microsoft Yahei';line-height: 24px;margin-bottom: 12px;}
.add_tel{margin-top:15px;}
.add_tel p{line-height: 24px;text-indent: 0;margin-bottom:5px;}
.add_tel p span{margin-left:65px;}
.add_tel p span.cz{margin-left:52px;}
.map{padding-bottom:8px;margin-top:25px;width:580px;height:350px;border:#ccc solid 1px;}

/**我们的校园**/
.schoollist{padding-top:5px;padding-left:14px;overflow: hidden;background: #fff!important;}
.school_list{overflow: hidden;}
.school_list ul li{float:left;width:231px;overflow: hidden;border:1px solid #e5e5e5;margin-bottom:15px;margin-right:17px;}
.school_list ul li.no_mr{margin-right:0px;}
.school_list ul li .thumb{width:231px;height:148px;}
.school_list ul li .thumb a{display: block;}
.school_list ul li .descripation{border-bottom: 1px solid #e5e5e5;padding:5px 2px;}
.school_list ul li .descripation h2.title{line-height: 22px;margin:2px auto;font-size: 14px;font-weight: 600;color:#7d7d7d;}
.school_list ul li .descripation h2 a{font-size:16px;line-height:22px;font-weight: normal;margin-bottom: 12px;color:#7d7d7d;}
.school_list ul li .descripation h2 span{font-size: 12px;float:right;font-weight: normal;color:#a6a6a6;}
.school_list ul li .descripation h2 a:hover{color:#3377cf;}
.school_list ul li .descripation p{line-height: 20px;margin-bottom:5px;text-indent: 0em!important;width:230px;}
.school_list ul li a.more{color:#3377cf;margin-left:6px;padding:3px 0;display:block;text-align:center;}

.school_list ul li:hover{background: #3377cf;}
.school_list ul li:hover *{color:#fff!important;}


/**我们的校园,子网站首页**/
.top_banner{position: relative;}
.intro{position: absolute;top: 22px;width: 96%;height: 80%;left: 12px;}
.mod-bg{z-index: 5;position: absolute;height: 100%;width: 100%;opacity: 0.5;filter:alpha(opacity=50);background:#000;top: 0;}
.caspum_info{left: 30px;width: 88%;height: 68%;padding: 12px 15px;z-index: 33;position: absolute;}
.caspum_info h2.name{font-size:16px;line-height: 24px;color:#fff;}
.caspum_info p{margin-bottom:0px;color:#fff!important;text-align: justify;}
.mod_box{}
.mod_box .news_tit{margin-bottom:12px;}
.chead{height:30px;line-height: 30px;overflow: hidden;margin:5px auto;}
.rightlink{float: right;}
.mod_box .news_tit h2{float: left;}
.fcnew_list ul{margin-right:-50px;height:112px;overflow: hidden;}
.fcnew_list ul li{float:left;width:352px;border:2px solid #b4d5ff;margin-right:15px;height:108px;}
.fcnew_list ul li div.date{float:left;width:60px;color:#3377cf;background: #f4f9ff;height:68px;border-right:2px solid #b4d5ff;padding:20px 10px;}
.fcnew_list ul li div.date span.fbig{font-size:26px}
.fcnew_list ul li div.date span.mon_year{margin-top:20px;}
.fcnew_list ul li div.info{float:right;width:240px;padding:5px 10px;}
.fcnew_list ul li div.info p{line-height: 24px;clear: both;margin-bottom: 0px;}
a.more{color:#3377cf;}

.cooperate{width:732px;height:152px;overflow: hidden;}
.cooperate .title{color:#3377cf;font-size: 16px;font-weight: bold;float: left;line-height:26px;}
.cooperate .title a{color:#3377cf;}
.cooperate .arrbtn{float: right;}
.cooperate .arrbtn i{font-style: normal;padding:2px;color:#3377cf;font-size:16px;cursor:pointer;}
.cooperate .arrbtn i:hover{font-style: normal;padding-left:2px;}
.cooperate .coocont{width:732px;}

#fc_list{height:210px;}
.fc_list ul{float:left;height:168px;overflow: hidden;}
.fc_list ul li{float:left;width:235px;margin-right:10px;height:166px;text-align:center;border:1px solid #fff;}
.fc_list ul li:hover{border:1px solid #b4d5ff;}
.fc_list ul li a{display: block;height:136px;}
.fc_list ul li a img{display: block;width:235px;}
.fc_list ul li span.fc_tit{line-height:24px;color:#7d7d7d;}
.fc_list ul li.no_mr{margin-right:0px;}
.address_map{margin-top:5px;padding-left:40px;font-family: "Microsoft Yahei";font-size:14px;}

.address_map p{color:#3377cf;font-size:14px;font-weight:bold;}
.address_map p a{color:#3377cf;float:right;margin-right:45px;letter-spacing: 1px;}
.ft_pic{background: url(../../images/school/page_ft.png) no-repeat right bottom;}
.ft_pic ul li{float:left;margin-right:12px;}
.ft_pic ul li a{display:block;}
.ks-switchable-nav{display: none;}

.smenu1_pop,.smenu2_pop{display: none;}
.small_tip{float: right;width:50px;height:11px;background:#ffffff;position: absolute;top:-10px;right:-10px;}
.pop_content{width:600px;background:#ffffff;border:1px solid #c6c6c6;padding:8px 10px 5px;}
.pop_content .app_down{width:105px;margin-right:15px;float:left;}
.pop_content .app_down h3{font-size:12px;color:#e1b74a;margin-bottom:10px;}
.pop_content .app_down a{display:block;margin-bottom:12px;}
.pop_content .wx_pic img{margin-top:18px;margin-bottom:5px;}

.sub_div2 .small_tip{float: right;width:50px;height:12px;background:#ffffff;position: absolute;top:368px;right:-10px;background: url(../../images/school/icon-arrow-down.png) no-repeat;}
.sub_div2 .pop_content{width:480px;padding:10px;background:#ffffff;border:1px solid #c6c6c6;}
.sub_div2 .pop_content img{display: block;margin-bottom:5px;}
.sub_div2 .pop_content span.wz_info{display:block;text-align:center;height:24px;line-height:34px;color:red;}

.content .aLink{ margin: 50px 0; text-align: center;}
.content .aLink a{ display: inline-block; padding:10px 30px; background-color: #e95922; border-radius: 3px; color: #fff; font-size: 12px; text-decoration: none;}
.content .aLink a:hover{ background-color: #f3612a;}

/*jiathis分享按钮添加修改**/
.jiathis_style_24x24 .list{display: block;width: 24px;float: left;margin-bottom: 10px;border-radius: 5px;border: 1px solid hsl(0, 100%, 100%);margin-right: 18px;}

/**添加背景音乐按钮**/
#bg_music{width:156px!important;height:10px!important;opacity:0.1;filter:alpha(opacity=10);overflow: hidden;margin-left:80px;margin-top:-12px;float:left;cursor:pointer;}
.wxpic{float:left;margin-top:12px;}
.sitemap{padding-left:45px;}
.sitemap h2{clear: both;margin:12px auto;font-size: 18px;font-family: 'Microsoft Yahei';}
.sitemap h2 a{padding-top:10px;color: #00649d;}
.sitemap h2 a:hover{color:#F40;}
.sitemap ul{padding-left:25px;}
.sitemap ul li{padding-right: 8px;float:left;margin-bottom:15px;}
.sitemap ul li a{color: #00649d;}
.sitemap ul li a:hover{color:#F40;}

/* 发展历程 */
.detail {overflow: hidden;}
.development{padding-top:12px;}
.development p{color:#3377cf;margin-bottom:0;text-indent:0;}
.company-process {overflow: hidden;padding-top:10px;width: 740px;}
.company-process .step {
    position: relative;
    width: 290px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: #bfdcff;
}
.company-process .step .arrow {
    position: absolute;
    top: 24px;
    right: -8px;
    width: 10px;
    height: 20px;
    background: url(../../images/school/arrow_r.png) no-repeat;
}
.company-process .r .step .arrow {
    left: -8px;
    background: url(../../images/school/arrow_l.png) no-repeat;
}
.company-process .step8 .arrow {
    top: 36px;
}
.company-process .step7 .arrow {
    top: 20px;
}
.company-process .step1 .arrow {
    top: 36px;
}
.company-process .l .step {
    text-align: right;
}
.company-process .step strong {
    display: block;
    color: #3377cf;
}
.company-process .l,
.company-process .m,
.company-process .r {
    display: inline;
    float: left;
    width: 300px;
}

.company-process .m {
    position: relative;
    width: 52px;
    height: 656px;
    overflow: hidden;
    margin: 13px 32px 0;
}
.company-process .m .line {
    z-index: 0;
    position: absolute;
    width: 2px;
    height: 100%;
    left: 25px;
    top: 51px;
    background-color: #3377cf;
}

.company-process .m .circle {
    position: relative;
    z-index: 1;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 36px;
    height: 20px;
  	left:17px;
  	margin-bottom:25px;
    background:url(../../images/school/month_circle.png) no-repeat left center;
    color: #fff;
    text-align: center;
}
.company-process .m .year15,.company-process .m .year14,.company-process .m .year13{width:52px;height:52px;line-height:52px;left:0px;background:url(../../images/school/year_circle.png) no-repeat left center;}
.company-process .r .year {
    color: #c68903;
}
.company-process .r .year2015 {
    margin-top: 23px;
}
.company-process .step8 {
    margin-top: 52px;
}
.company-process .step6 {
    margin-top: 32px;
}
.company-process .step4 {
    margin-top: 32px;
}
.company-process .r .year2014 {
    margin-top: 32px;
}
.company-process .step2 {
    margin-top: 32px;
}
.company-process .step0 {
    margin-top: 38px;
}
.company-process .r .year2013 {
    margin-top: 34px;
}
.company-process .step9 {
    margin-top: 2px;
}
.company-process .step7 {
    margin-top: 35px;
}
.company-process .step5 {
    margin-top:35px;
}
.company-process .step3 {
    margin-top: 35px;
}
.company-process .step1 {
    margin-top: 35px;
}
/**家长学堂列表页面模板**/
.pbox{margin-bottom:12px;margin-top:5px;}
.pbox .pdes{color:#7d7d7d;padding-left:15px;}
.pbox .title{background: #dfedfe;cursor: pointer;padding:5px 3px;}
.pbox .title h2{float:left;font-size:14px;font-weight: normal;color:#7d7d7d;line-height: 22px;color:#3377cf;background: url(../../images/school/arrow_c.png) no-repeat 8px center;padding-left:28px;}

.pbox .title h2.kai{background: url(../../images/school/arrow_d.png) no-repeat 8px center;}
.pbox .title span.date{float: right;}

.pbox .c_info{ 
	text-indent: 2em;
	overflow:hidden; clear:both; font-size:1.17em; line-height:1.8em;
	font-size:14px; color:black; padding:12px 15px 12px 15px;
	background-color:#ffffff;
	display:none;
}