﻿@charset "utf-8";
/* CSS Document */
.rowClear:after {content:"."; display:block;height:0; overflow:hidden;clear:both; visibility:hidden;} 
.rowClear{zoom:1;}

#Tbody{
	width:100%;
	margin:0 auto;
}

.tbody{
	width:100%;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
	    position: relative;}	
.layout,.lyout {
	
	
	height:auto;
	}
.rowClear:after {
    content:"."; 
    display:block;
    height:0; 
	overflow:hidden;
    clear:both; 
    visibility:hidden;
}
.rowClear{
	zoom:1;
    margin: 0 auto;
  
    background: #fff;
}
.rowClear+.rowClear{background:#f5f5f5;}
.rowClear+.rowClear+.rowClear{
    background: url(../images/bg1.jpg);
    background-size:100% 100%; 
}
.ui-sortable {margin:0 auto !important;}
#layout1 {
padding-top: 40px;
    width:1200px;
margin:0px auto;

}
#layout2 .wordTitleUl {
    width: 70%;
    padding-left: 300px;
}

#layout4 {
	margin-left: auto;
	margin-right: auto;
    width: 1200px;
    height: 150px;
    margin-top: 20px;
}


#layout5 {

width:1200px;
height:374px;
margin:0px auto;
background:#fff;
overflow:hidden
}
#layout6 {
position: absolute;
left:957px;
top:100px;
width:220px;height:345px;

}
#layout7 {
position: absolute;
left:1193px;
top:100px;
width:220px;height:345px;

}
#layout2 {

        width:1200px;
	height: 311px;
	margin: 0 auto;
}
.detail .detailImg {
    text-align: center;
    overflow: hidden;
    width: 142px;
    float: left;
}
/* 公共的模块头部样式 */

.spanMore{
        display: block;
    width: 58px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 50px;
      background: url(../images/more.png) no-repeat;display:none}
.spanTitle{
    font-size: 26px;
    font-family: "方正舒体";
    color:#b81d23;
    background: url(../images/s.jpg) left 70% no-repeat;
        padding-left: 10px;}
  #layout2      .spanTitle{
   
        padding-left: 0px;}

.spanDate{
	color:#666666;}
.spanDetail a{
    color: #FB8F03;}
.spanDetail a:hover{
	
	text-decoration:underline;}

/* 栏目样式 */
.contentUl li label a {
    color: #7C1310;
}
.wordList .wordContent{
    padding: 5px 0 0;
    width: 100%;
    margin: 0 auto;}
.wordList .contentUl{ }
.wordList .contentUl li{
    height: 33px;
    line-height: 32px;
    padding-left: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    background: url(../images/li2.png) 30px 50% no-repeat;
}
.contentUl li a{
	color: #070606;text-decoration:none;}
.contentUl li a:hover{
	color: #FF5400;text-decoration:none;}
.contentUl li label{
	color:#7a140f}
	
.wordRoll{
	background-color:#fdf7f6;}
.wordRoll marquee .contentUl{
	height:100%;}
.wordRoll .contentUl li{
	height:26px;
	line-height:26px;}


.wordLink_H{
	height:100%;
	overflow:hidden;
	padding:0px;}
.wordLink_H .wordLinkTitle{
	height:30px;
	line-height:30px;
	letter-spacing:2px;
	color:#096d9f;
	padding-left:75px;}
.wordLink_H .wordLinkContent{
	zoom:1;
	margin:0px;
	padding:0;
	border:0;}
.wordLink_H .wordLinkContent:after {
	content:"."; 
	display:block;
	height:0; 
	overflow:hidden;
	clear:both; 
	visibility:hidden;} 
.wordLink_H .wordLinkContent .contentUl{
	height:100%;
	background:none;
	border:none;}
.wordLink_H .contentUl li{
	overflow:hidden;
	line-height:25px;
	padding-right:9px;
	padding-left:9px;
	white-space:nowrap;
	text-overflow:ellipsis;}
.wordLink_H .contentUl li a{
	color:#222222;
	display:bolck;
	padding:0px 10px}
.wordLink_H .contentUl li a:hover{
	color: #FF5400;
	text-decoration: none;}
.wordLink_V{}
.wordLink_V .wordLinkTitle{
	height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #B90700;
    padding-left: 20px;
    background: url("../images/title.png") left center no-repeat;}
.wordLink_V .wordLinkContent{}
.wordLink_V .wordLinkContent a{
	color:#222222;}
.wordLink_V .contentUl{
	width:98%;
	padding:0px 5px}
.wordLink_V .contentUl li{
    height: 26px;
    line-height: 26px;
    padding-left: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    background: url(../images/22.png) 0 50% no-repeat;
    border-bottom: 1px dotted #CCCCCB;}


.imageList .imageListContent{
	padding:10px 0px;}
.imageList .contentUl li{
	float: left;
    width: auto;
    margin: 14px 14px 0;    position: relative;}
.imageList .contentUl li .imageBorder{ }
.imageList .imageListText{
	width: 100%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url("../images/tbg.png") left bottom repeat-x;}
.imageList .imageListText a{
	width: 100%;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    color: #ffffff;
    text-align: center;}
.imageList .imageListDetail{
    display: none;
	text-indent:2em;
	line-height:18px;}

.imageRoll{
    width: 100%;
   
    overflow: hidden;
    position: relative;
    margin:  0;}
.imageRollTitle{
    width: 100%;
    height: 55px;
    line-height:55px;
    background: url("../images/title_bg2.png") left top no-repeat;
}
.imgListMHTitle{
    line-height: 55px;
    font-size: 24px;
    padding-left: 0px;
    color: #abcd05;
    font-weight: bold;}
.imageRoll .imageRollContent{
	    width: 100%;
    padding: 0px;}
.imageRoll_div {
	margin:0 auto;
	white-space: nowrap;
	position:relative;
	overflow:hidden;
	margin:0px;}
.imageRoll_div li{
	margin:0px 4px;
	overflow:hidden;}
.imageRoll_div .imageBorder{
    overflow: hidden;
    
    margin-top: 3px;}
.imageRoll_div .imageBorder a{
	display:block;
    overflow: hidden;}
.imageRoll_div img{
    width: 191px;
    height: 138px;}
.imageRoll_div p{
	    color: #000;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    background:rgba(255, 255, 255, 0.5)!important;
filter:Alpha(opacity=50); background:#ffff;
    
    position: relative;
    top: -40px;
    left: 0px;}
.imageRoll_div p a{
	position:relative;
	color: #3c3c3a; }
.imageRoll_div p a:hover{
	color:#3c3c3a; }

.videoList .contentUl{
	width:99%;}
.videoList .contentUl li{
	width:100%;
	padding:15px 0 15px ;
	border-bottom:1px dashed #999999;}
.videoList .videoListImg{
	float:left;
	min-width:100px; 
	border:1px solid #CCCCCC;
	padding:2px;
	background-color:#FFFFFF;
	margin-left:10px;}
.videoListImg img{
	width:100px;
	height:75px;}
.videoListTitle{
	height:20px;
	line-height:20px;
	overflow:hidden;}
.videoList .videoListText{
	margin-left:125px;}
.videoListTStyle{
	height:28px; 
	line-height:28px;
	overflow:hidden;}
.videoListTText{
	height:40px; 
	line-height:20px; }
.videoListTStyle span{
	margin-right:10px;}

.imageLink{
	overflow:hidden;}
.imageLink .wordTitleUl li{
	line-height: 27px;
	position: relative;
}
.imageLinkContent{
	margin:0px;}
.imageLink .contentUl{
	width:100%;}
.imageLink .contentUl li{margin: 16px 0 0 10px;}
.imgLinkHDiv img{
	display:block;
	margin:0px auto;}

.hotUnfoldContent{    padding: 10px;  float: left;     padding-left: 20px;height: 325px;}
#layout1 .hotUnfoldContent{
	height:auto
}
.hotUnfoldImgText{
       width: 260px;
    float: left;
    height:366px;
    margin: 0;
    margin-right: 10px;
    text-align: left;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;}

.hotUnfoldImgText .hotImg{
    margin-right: 5px;
        float: none !important;
            margin-bottom: 8px;
	}
.hotUnfoldImgText .hotImg img{
 width: 260px;
    height: 176px;

}
.img-slide .hd{display:none}

.hotUnfoldImgText .hotUnfoldText{
	margin-bottom:2px;}
.hotUnfold .wordTitleUl{
	width:97%;
	height:60px;
	background: url(../images/line.png) bottom left no-repeat;
	 }
.hotUnfold .wordTitleUl li{
	
}
.hotUnfold .wordTitleUl li:before{
	content:"The school published";
	font-size:12px;
	color:#999;
	display: block;
	
}
.hotNewsTitle{
    height: 34px;
    line-height: 34px;
	overflow:hidden;
  }

.hotUnfold .textUl{ }
.hotUnfold .textUl li{
	 height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #fff;}
.hotUnfold .textUl li .wordListDate{
	float:right;}
.hotUnfold .textUl li a{
    color: #fff;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    display: block;
    float: left;}
.hotUnfold .textUl li a:hover{
	color: #F3903D;
	text-decoration: none;}	
.hotUnfoldTText{
display: block;
    text-indent: 2em;
    overflow: hidden;
    color: #333;
    height: 87px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
font-size: 14px;}
.hotUnfoldBrief{
	width:96%; 
	margin:0 auto; 
	overflow:hidden;}
.hotUnfoldTStyle span{
	margin-right:10px;}
.spanDetail{
    display:inline;
}


 #layout4 .spanDetail {
   
    display: none !important;
}
#layout4 img{width:160px !important; height:70px !important}


#layout4 .imageList .contentUl li {
    float: left;
    width: auto;
    width: 170px;
    margin: 14px 14px 0;
    position: relative;
}


.enclosureDL .enclosureDLContent .contentUl{
	width:99%;
	background:#fff;}
.enclosureDL .contentUl li{
	width:150px;
	height:40px;
	line-height:15px;
	overflow:hidden;
	padding:10px;}
.enclosureDL .fileStyle {
	vertical-align:top;}
.enclosureDLText{
	display:-moz-inline-box;
	display:inline-block;
	height:45px;
	overflow:hidden;}

.audioList .wordContent{
	padding-bottom:10px;
	padding-top:15px;}
.audioList .contentUl{
	width:100%;}
.audioList .contentUl li{
	width:100%;}
.audioList .audioTitle{
	width:100%;
	height:22px;
	border-bottom:1px solid #CFEDB0;}
.audioList .audioTitle li{
	padding-left:4px;
	width:14%;
	height:22px;
	line-height:22px;
	border-right:1px solid #CFEDB0;}
.audioList .audioContent{
	height:25px;
	width:100%;}
.audioList .audioContent li{
	padding-left:4px;
	height:25px;
	width:14%;
	line-height:25px;}
.audioList .audioOrder{
	width:40%;}
.videoPlayer .videoPlayerContent{
	padding-bottom:10px;
	padding-top:5px;}
.videoPlayer .videoImg{
	width:100%;}
.videoPlayer .videoText{
	height:40px; 
	line-height:40px;
	padding:0 15px;
	overflow:hidden;}

.detail .detailContent{

    width: 100%;
    height: 100%;
   
    
    background: url("../images/bg3.jpg") no-repeat;}
    .detail .wordTitle {

    margin-top: 50px;
  
}
#layout5 .bd{margin-top:15px;}
#layout5 .detail .wordTitle {

    margin-top: 30px;
  
}
    .detail .wordTitle:after {

content:"IB world school";
    width: 70%;
    color: #000;
    padding-left: 300px;
}
  #layout2  .spanTitle {
    font-size: 26px;
    font-family: "方正舒体";
    color: #000;
    background: none;
    width: 100%;
    text-align: center;
    height: 50px;
    display: inline-block;
}
#layout2 .detail{display:block;padding-top:2px}

.detail .detailText{
	line-height: 30px;
    text-align: left;
    font-size: 14px;
    font-family: "微软雅黑";
    width: 780px;
    margin-left: 344px;
    margin-top: 20px;
    padding-top: 30px;
    color: #000;
    text-indent: 2em;}
    .detail .detailImg {
          text-align: center;
    overflow: hidden;
    width: 250px;
    float: left;
    height: 250px;
    margin-left: 50px;
        margin-top: -84px;
		display:none
 
}
.detail .detailContent a{ 
    color: #000;
    font-family: "微软雅黑";}
.detail .detailContent a:hover{
    text-decoration: underline;    
    color: #FF5400;
}
.imagePlay .imagePlayContent{}

.wordContent{
	padding-bottom:10px;}
.wordTitleUl{
	width:100%;}

.wordListDate{
    color: #7E7D7D;
    display: block;
    font-style: italic;
    font-size: 12px;}
#layout2 .wordListDate{display:none;}
/* 友情链接 */
/*.selectLinks{
	width: 967px;
    height: 78px;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    background: url("../images/bg_b_cent.png") 0px 31px repeat-y;
}

.selectLinkTitle .spanTitle{
	height: 24px;
    line-height: 24px;
    text-align: left;
    color: #C50A03;
    font-weight: bold;
    display: block;
    width: 917px;
    margin: 0 auto;
    padding-left: 0;
    background: url("../images/yqlj_line.png") left bottom no-repeat;}
.selectLinkContent{
	height:36px;
	line-height:36px;
    width: 917px;
    margin: 0 auto;}
.selectLinkContent select{
    margin-right: 8px;
    width: 170px;}
*/
.wordLinkContent a{
	color:#222222;}
.wordLinkContent a:hover{
	text-decoration:underline;
	color:#CC0003;}

.imageListText a{
	color:#222222;}
.imageListText a:hover{
	color:#FF5400;}



.videoListTitle a{
	text-decoration:underline;
	font-weight:bold;
	color:#222222;}
.videoListTitle a:hover{
	color:#028207;}

.hotNewsTitle a{
	color: #b81d23;
    font-weight: bold;
    font-size: 14px;
    text-align: left;}
.hotNewsTitle a:hover{
	color: #000;}
.hotNewsSmallTitle a{
	color:#0a2bf2;}

.enclosureDLText a{
	text-decoration:underline;
	color:#0449BE;}
.enclosureDLText a:hover{
	color:#FF5400;}

.detailContent{
	font-size:14px;}

#layout5 .detailTitle{
	
	font-size:22px;
        background:#b81d23;
        height:75px;
        width:280px;
        line-height:75px;
        border-radius: 10px 10px 0px 0px;
        display:block;
        pointer-events:none;
}
.detailTitle{
	display:none;
	font-size:16px;
	font-weight:bold;}
#layout5 .detailTitle a{color:#fff;}

.titlePublish{
	font-size:12px;
	font-family:"宋体";
	color:#333333;}

.wordLinkVLink a{
	font-size:14px;
	text-decoration:underline;}

.imgWord{
	color:#000000;}
.videoText a{
	color:#000000;
	font-weight:bold;}

.videoPlay{
	overflow:hidden;}
.videoPlay .videoPlayContent{
	margin:0px 5px 5px 5px;
	background:#FFF}
.videoPlay .videoPlayContent .contentUl{
	width:99%;
	padding-top:8px;}
.videoPlay .videoImg{
	width:100%;
	text-align: center;}
.videoPlay .videoImg img{
	width:249px;
	height:187px;}
.videoPlay .videoText{
	height:30px; 
	line-height:30px;
	overflow:hidden;}

/*组合模块*/
.combination .wordTitle{
	display:block;}
.combination  .wordTitleUl{
	width:100%;}
.combinationContent{
	min-height:200px;}
.combination .contentRight .contentDiv{ 
	width:100%}
.combination .contentLeft{
	float:left; 
	margin:0px}
.combination .contentRight{
	margin-left:322px;}
.combination .contentRight li{
	/* width:100%; */
	background:url(../images/imgli.gif) 0px 50% no-repeat;
	padding-left:10px;}
.contentDiv .contentUl span{ 
	float:right;
	padding-right: 10px;}

.tab{
	position:relative;
	zoom:1;}
.tab .tab-nav{
	margin:0;
	zoom:1;
	float:left;
    }
.tab-nav:before,.tab-nav:after{
	content:"";
	display:table}
.tab-nav:after{clear:both}
.tab .tab-nav li{
        width: 45px;
    height: 344px;
    line-height: 45px;
    list-style: none;
    float: left;
background:url(../images/tabdef.png) 100% 100% no-repeat;}
.tab .tab-nav li:first-child {    margin-left: 0px;}
.tab .tab-nav li a{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    padding-top: 50px;
    font-size: 24px;
    text-align: center;}
.tab .tab-nav li.tab-default{
    width: 45px;
    height: 344px;
    line-height: 45px;}
.tab .tab-nav li.tab-active{
    color: #fff;
    text-align: center;
 
    background:url(../images/tabact.png) 100% 100% no-repeat;}
.tab .tab-nav li.tab-active a{
    color: #fff;}
.tab .layout{width:1020px;float:left;overflow: visible !important;}
.tab .wordTitle,.tab .wordTitleUl,.tab .hotUnfold .wordTitleUl li,.tab .spanMore{
	 display: block !important;
}
.tab .spanMore{
top: -20px;   
}


.tab-nav>span a {
         display: none !important;
   }
   
  
#layout5 .detail .detailContent {
    width:280px !important;
    height:218px;
    float:left;
    box-shadow: 0 0 6px #ccc;
    margin-left:10px;
    margin-right:10px;
  
}

#layout5 .detail .detailImg img {
	width: 228px;
	height: 171px;
}
#layout5 .spanTitle{background:none;font-size:28px;}
#layout5 .detail .wordTitle:after{content:"" !important;}
#layout5 .detail .wordTitleUl li{text-align:center !important;}
#layout5 .detail .detailText {
	
	line-height: 30px;
	text-align: left;
	font-size: 14px;
        text-align:center;
        margin:0px;
        padding:0px;
        text-indent:0px;
        width:250px;
        margin-top:20px;
        margin-left:15px;
        color:#666
}
#layout5 .detailText a{color:#666 !important;display:none !important;}
#layout5 .hd{text-align:center;position: absolute;top: 305px;left: 48.5%;margin: -10px 0 0 -10px;}
#layout5 .detail.picScroll-left{position: relative;}
#layout5 .hd ul li{width:20px;height:20px;color:transparent;background:#f0686d;float:left;
margin-left:10px;cursor:pointer}
#layout5 .hd ul li.on{background:#b81d23}
#layout5 .detail .detailContent a {
	
	color: #fff;
	text-decoration:none;
}
#layout5 .detail .detailContent a:hover{color:#fff}
#layout5  .lb {
	width: 665px;
	height: 310px;
	position: relative;
}

#layout5 .lb .swipers {
	position: absolute;
	width: 3315px;
	float: left;
}

#layout5 .lb .swipers .wrap-datil {
	width: 665px;
	float: left;
}
#layout5 .slideTxtBox {
	width: 450px;
	border: 1px solid #ddd;
	text-align: left;
}

#layout5 .slideTxtBox .hd {
	height: 30px;
	line-height: 30px;
	background: #f4f4f4;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#layout5 .slideTxtBox .hd ul {
	float: left;
	position: absolute;
	left: 20px;
	top: -1px;
	height: 32px;
}

#layout5 .slideTxtBox .hd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
}

#layout5 .slideTxtBox .hd ul li.on {
	height: 30px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 2px solid #fff;
}

#layout5 .slideTxtBox .bd ul {
	padding: 15px;
	zoom: 1;
}

#layout5 .slideTxtBox .bd li {
	height: 24px;
	line-height: 24px;
}

#layout5 .slideTxtBox .bd li .date {
	float: right;
	color: #999;
}

#layout5 .silde-icon {
	margin-top:460px;
	margin-left:27px;
}


#layout5 .prev {
	
	background:url(../images/btn3.png) #d17172 center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	display: inline-block;
	float:left !important;
	margin-right:10px;
	position:relative;
	margin-left:0px;
	left:0px;
	top:0px;
}

#layout5 .next {
	
	background:url(../images/btn4.png) #b21e1e center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	display: inline-block;
	position:relative;
	margin-left:20px;
	left:0px;
	top:0px;
}
#layout5 .slides{overflow:visible !important;}
#layout5 .tempWrap{overflow:visible !important;}

   
   
#layout2 .detail .wordTitle:after {
    content: "IB world school";
    width: 70%;
    color: #000;
    padding-left: 300px;
}

#layout2 .detail .detailText {
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    font-family: "微软雅黑";
    width: 780px;
    margin-left: 344px;
    margin-top: 20px;
    padding-top: 30px;
    color: #000;
    text-indent: 2em;
}
   
