@charset "utf-8";
/* CSS Document */

/*banner*/
#banner img{ width:100%; height:auto;}
body{ background:#f3f3f3;}


#panorama .container{ width: 1180px; padding:0 10px 26px; background: #fff; margin-top: 41px;}
#panorama .post .position { width: 98.5%; }
#panorama .post{ border-bottom: none;}
#panorama .exhibition h3{ text-align: center; font-size:30px; color:#555; font-weight: 400;}
#panorama .exhibition h3 span{ font-size:14px; color:#989898; }

#panorama .exhibitionImg{ border: 8px solid #7d7d7d; position: relative;margin-top: 16px;}
#panorama .exhibitionImg img{ width: 100%; height: auto; }

#panorama .exhibitionImg .D{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 420px; height: 200px; margin: auto;}

#panorama .exhibition{ margin-top: 24px;}

#panorama .exhibitionList{ margin-top: 32px; }
#panorama .exhibitionList h4{ font-size: 20px; color: #555; font-weight: 400;padding-bottom: 22px; background: url(../images/21-bg_xhx.jpg) no-repeat left bottom; padding-left: 3px;}
#panorama .exhibitionList ul{ margin-top: 19px;}
#panorama .exhibitionList ul li{ display: inline-block; position: relative; float: left; margin-right: 33px;}
#panorama .exhibitionList ul li:last-child{ margin-right: 0;}
#panorama .exhibitionList .yyBox{ width: 100%; background: rgba(0,0,0,0.66); position: absolute; top: 0; bottom: 0; margin: auto; height: 116px; text-align: center;}
#panorama .exhibitionList .yyBox h5{ max-width: 270px; font-size: 18px; color: #fff;margin-top: 17px;  margin-bottom: 7px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
#panorama .exhibitionList .yyBox i{ display: block;font-size: 13px; color: #fff;}
#panorama .exhibitionList .yyBox img{ margin-top: 9px;}





















@media (max-width:350px){ 

}