.banner_wrap{ width: 95%;  max-width: 1200px; margin: 0 auto;position: relative; padding-bottom: 40px;}
.banner{ width: 100%; height: 540px; position: relative;}
/*banner*/
#banner{ text-align:center; position:relative; max-width:1200px; margin-left:auto; margin-right:auto; height:auto;background:url(../image/loading.gif) center no-repeat;}
#banner img{ width:100%; max-width:1200px;}
#banner  .caption{  position: absolute; left: 0; bottom: 0px; width: 100%; height: 60px; line-height: 60px;
  
 background:rgba(0,0,0,0.7); text-align:left; font-size:20px; color:#fff; font-family:Microsoft YaHei;}
#banner  .caption .date{ width:120px; line-height:50px; position:absolute; bottom:0; right:0; text-align:center; font-size:20px;color: #fff; vertical-align:bottom; overflow:hidden;}
#banner  .caption a{ display: block; color:#fff; font-size: 24px; height: 60px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  padding: 0 130px 0 2%; overflow: hidden;}
#calender{ position: absolute;left: 0; bottom: 0; width: 100%; background: #e2462e;  box-sizing:border-box;
 line-height:40px; height: 40px; position:relative; padding-left:30px; color:#eea098; font-family:Microsoft YaHei;}
#prevMouth,#nextMouth{ color:#fff; position:absolute; text-align:center; padding-left:20px; padding-right:20px; font-weight:bold; font-family: "SimSun";}
#prevMouth{ left:0;}#nextMouth{right:0;}
#days{ padding-left:10px;}
#days a,#days span{ padding:5px 9px 5px 9px; font-size:14px;}
.Mouth{ font-size:18px; color:#EEE;}
#days a{color:#fff;}
#days a.cur{color:#ffd72d;}
#days a:hover{background:rgba(0,0,0,0.5);}


#banner .prev,#banner .next{ position:absolute; top:50%;width:40px; line-height:40px; margin-top:-20px;  width: 44px; height: 50px; background: url(../image/spirit_icon.png) no-repeat left -40px; text-indent: -999em;}

#banner .next{ right:-64px; background: url(../image/spirit_icon.png) no-repeat -44px -40px;}
#banner .prev{ left:-64px;}

#banner .page{ background:#e2462e;}
#banner  .caption .date{ background:#e2462e;}
#mainImage{  display: block;position: relative; padding-bottom: 500px; overflow: hidden;height: 0;width: 100%;}
#mainImage img{ position: absolute; left: 0; top: 0;width: 100%; height: 100%;}


@media only screen and (max-width: 1260px) {
#banner .prev{left: 0;}
#banner .next{right: 0;}
}


@media only screen and (max-width: 1200px) {
#mainImage{ padding-bottom: 41.67%;}
#calender{ display: none;}
.banner{ height: auto;}
.banner_wrap{ padding-bottom: 0;width: 100%;}
#banner .prev, #banner .next{ width: 22px;height: 25px;line-height: 25px;text-align: center;color: #fff; font-weight:bold; font-family: "SimSun"; font-size: 16px; background: rgba(0,0,0,0.4);text-indent: 0em;}

#banner  .caption{ height: 30px; line-height: 30px;}
#banner  .caption a{    font-size: 14px;
    height: 30px;
    line-height: 30px;
    display: block;}
#banner  .caption .date{ display: none;}
}