.fl{ float: left;}
.fr{ float: right;}
.clearfix {zoom: 1;clear: both}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.f-18{ font-size: 15px; margin-top:14px; line-height:27px;}
.f-24{ font-size: 24px;padding-top: 5px;}
.f-26{ font-size: 26px;}
.f-30{ font-size: 30px;}
.f-50{ font-size: 50px;}
.letter-sp{ letter-spacing: -3px; }
.wid1200{ width:1200px; margin: auto;}
.hide{ display: none;}
.show{ display: block;}
/*世茂荣誉 start*/
.honorMain{ background:url(../images/honorMainBg.png) no-repeat center 100%  #fdfdfd; padding-top:40px;}
.honor{ width:1200px; height:1700px;  margin: auto;background:url(../images/honorBg.png) no-repeat center 0px; }
.honorTit{ color:#c4985b; }
.honorTit p{ line-height: 1.2; }
.honorInfo{ position: relative; }
.honorList{ width:460px; padding-top:50px;}
.honorList:before{content: ""; position:absolute; top:0; width:163px; height:35px; border-bottom:1px solid #c4985b; }
.honorList .listTop{ color: #c4985b; border-bottom: 1px solid #c4985b; margin-bottom: 25px; overflow: hidden; padding-bottom:15px; }
.honorList .year{ font-size:66px;  line-height: 1; margin-right: 7px;}
.honorList .listNum span{ float: left;letter-spacing: -4px;}
.honorList .listNum em{display: block; font-size: 24px; line-height: 1.3; }
.honorList .listTop img{ float: left;vertical-align: middle; }
.honorList .listTop .listNum{float: left; margin:0 15px; }
.listCentent{ width:460px; position: relative;}
.listCentent .scrollbox{width: 100%;height: 90px;margin-bottom:20px;overflow: hidden;}
.listCentent .scrollbox ul{margin: 0;}
.listCentent .scrollbox li{ padding-left:20px; margin-bottom: 11px; color: #414141; font-size: 13px; background-image: url(../images/honorPoint.png);background-repeat:no-repeat; background-position: left 2.5px; }
.listCentent .honorBtn{width:165px; height:48px; line-height: 48px; background:#f8f6f4; color:#a3a3a3; font-size: 14px;  text-align: center; cursor: pointer;
display: inline-block; }
.listCentent .honorBtn .arrow{display: inline-block; background:url(../images/honorBtn.png) no-repeat left center; padding-left:25px; }
.listCentent .honorBtn .arrow.up{background:url(../images/honorBtnUp.png) no-repeat left center;  }

.honorRight{position: absolute; right:0; }
.honorRight:before{border-right:0px solid #c4985b; left:-70px;}
.honorLeft{ position: absolute; left:0;  }
.honorLeft:before{border-left:0px solid #c4985b; right:-70px;}
.honorLeft .listTop img{ float: right;vertical-align: middle; }
.honorLeft .listTop .listNum{float: right; }
.honorLeft .listCentent{ text-align: right;}
.honorLeft .listCentent .scrollbox li{padding-right:20px;padding-left: 0;  background-position: 99% 2.5px;} 

/*滚动条*/

.small.nano {
	background: #ffa;
	height: 100px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}

.nano .nano-content {
	padding: 0px 20px 0 0;
	overflow: hidden;
}
.nano .nano-pane {
	width: 8px;
	right: 1px;
    margin: 5px;
}

.nano .nano-slider {
	background: #F53F47;
}
.nano > .nano-pane > .nano-slider{
	background: #e9d0ad;
}
.listCentent .scrollbox{
	margin-bottom: 10px;
}

/*.honorLeft .nano .nano-content{ padding-left:0; }*/

.nextPage{width:100%; height:103px; background:url(../images/honorNext.png) no-repeat center #f2f2f2; cursor: pointer;}
/*世茂荣誉 end*/

/*世茂大记事 start*/
.memoryMain{ background:url(../images/memoryMainBg.png) no-repeat center bottom  #fdfdfd;padding-top:40px;}
.memory{background:url(../images/memoryBg.png) no-repeat center;  position: relative; width:1400px;height:980px; margin: auto; }
.listModeInfo{width:1200px;margin:40px auto 5px;}
.listModelList{transition: all .3s;  opacity: 0; height:440px; display: none;}
/*.listModelList{ position: absolute;  width: 100%;  top: -533px; display: none; left:0;}*/
.listModelList .modelTop{ width:1050px;height:235px; padding:20px; margin:auto; border: 1px solid #d7d7d7; border-bottom:15px solid #c4985b; border-radius: 10px; background: #ffffff; position: relative; text-align: left;}
.listModelList .modelTop .memoryTip{ position: absolute; left:7%; bottom:-72px;width:50px; height:70px; background: url(../images/memoryTip.png) no-repeat; }
.listModelList .modelTop li{ font-size: 14px; color:#888;padding-left:20px; background: url(../images/honorPoint.png) no-repeat left 7px; line-height: 26px; margin-top: 10px;}
.listModelList .modelTop .h_tit{ color:#c4985b; font-size: 18px; }
.listModelList .modelText{ color:#c4985b; position: relative; margin-top:50px; display: inline-block;left:0%; }
.listModelList .modelText .text_left{ line-height: 1;}
.listModelList .modelText .text_left span{ font-size: 26px; font-weight:bold}
.listModelList .modelText li{ font-size: 14px;padding-left:20px; background: url(../images/yellowPoint.png) no-repeat left 5px;}
.listModelList .modelText .text_right{margin-top: 5px; margin-left: 10px; position: relative; padding-left: 10px; text-align: left; }
.listModelList .modelText .text_right:after{ content: ""; position: absolute; left:0; top:50%; margin-top:-30px; width:2px; height:60px; background: #c4985b; }

.memoryInfo{  width:1200px;margin: auto; position: relative; padding:0 100px; }
.memoryInfo.current{ display: block;}
.line{ width:100%; height:10px; background:#e9d0ad; position: absolute; left:0; top:22px; z-index: 1;}
.memoryCon{ width:100%; height: 193px; overflow: hidden; position: relative; }
.memoryConUl{ width:2000px;position: absolute; left:0; }

.memoryList{ float: left;width:330px;z-index: 3; cursor: pointer; }
.memoryList .ListTop{ color:#a3a3a3;opacity: 1; transition:all .3s;}
.memoryList:before{content: ""; width:30px; height:30px; display: block; border:1px solid #b48b55; background: #e9d0ad; border-radius: 50%; margin-bottom: 10px; margin-top:10px; position: relative; z-index: 3; }
.memoryList.cur:before{ width:50px; height:50px; background: #b48b55; margin-top: -15px; margin-bottom: 30px;margin-top:0px;}
.memoryList.cur .ListTop{ opacity: 0; }
.memoryList .ListTop p{ line-height: 20px;}
.memoryList .ListTop span{ font-size: 24px;letter-spacing: 0px; font-weight:bold; margin-bottom:-8px;}

.prevBtn,.nextBtn{position: absolute; left:-110px; bottom:120px; width:92px;height:92px;background: url(../images/prevBtn.png) no-repeat; cursor: pointer; }
.nextBtn{left:auto; right:-110px;background: url(../images/nextBtn.png) no-repeat; }
 .listModelList1 .modelText{ left: 20%;}
 .listModelList1 .modelTop .memoryTip{left:25%; }
 .listModelList2 .modelText{ left: 40%;}
 .listModelList2 .modelTop .memoryTip{left:55%; background: url(../images/memoryTipR.png) no-repeat; }
 .listModelList3 .modelText{ left: 65%;}
 .listModelList3 .modelTop .memoryTip{ left:auto; right:5%; background: url(../images/memoryTipR.png) no-repeat;}



/*适配屏幕*/
.min1500 { width:1200px; }
.min1500 .listModeInfo{ width:1000px;}
.min1500 .memoryInfo{ width:900px;}
.min1500 .prevBtn{ left:-100px;}
.min1500 .nextBtn{ right:-100px;}
.min1500 .memoryList{ width:225px;}
/*世茂大记事 end*/