.main{}


/*banner*/
.banner{ width: 100%; height: auto; padding-top: 38%; overflow: hidden; position: relative; background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}


/*分区*/
.section{ width: 100%; height: auto; margin-top: 30px; overflow: hidden; position: relative;}
.section .st_main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.st_title{ width: 100%; height: 60px; position: relative; border-bottom: 1px solid #7b7b7b;}
.st_title a.title{ float: left; display: inline-block; height: 62px; border-bottom: 6px solid #C2103E; font-size: 22px; line-height: 60px;}
.st_title a.more{ float: right; font-size: 15px; line-height: 60px;}
.st_list{ margin-top: 20px;}

/*基本陈列-列表*/
/*.st_list.jbcl ul{ display: flex; justify-content: space-between; width: 100%; height: auto; position: relative;}*/
.st_list.jbcl ul{ width: 100%; height: auto; position: relative;clear: both;overflow: hidden}

.st_list.jbcl ul li{ width: 32%; height: auto;float: left;margin:0 10px 10px 0;overflow: hidden}
.st_list.jbcl ul li:last-child{margin: 0}
.st_list.jbcl ul li .img{ width: 100%; height: 484px; overflow: hidden;text-align: center;}
.st_list.jbcl ul li .img img{ display: block; width: 100%; height: 100%; transition: all .2s ease-out 0s;}
.st_list.jbcl ul li .img img:hover{ transform: scale(1.1);}
.st_list.jbcl ul li .title{ margin-top: 10px; white-space: nowrap; text-overflow: ellipsis;}
.st_list.jbcl ul li .title a{ font-size: 18px; line-height: 200%;ext-align: center;}

/*临时展览-列表*/
.st_list.lszl{ width: 100%; height: auto;}
.st_list.lszl .img{ width: 100%; height: 600px; overflow: hidden;}
.st_list.lszl .img img{ display: block; width: 100%; height: 100%; transition: all 5s ease-out 0s;}
.st_list.lszl .img img:hover{ transform: scale(1.1);}
.st_list.lszl .title{ margin-top: 15px;}
.st_list.lszl .title a{ font-size: 18px; line-height: 150%;}
.st_list.lszl .intro{ font-size: 14px; line-height: 150%;}

/*馆外展览-列表*/
/*.st_list.gwzl ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; position: relative;}*/
.st_list.gwzl ul{  width: 100%; height: auto; position: relative;clear: both;overflow: hidden}
.st_list.gwzl ul li{ width: 50%; height: 287px; margin-bottom: 15px; position: relative;float: left}
.st_list.gwzl ul li .img{ width: 228px; height: 287px; overflow: hidden; position: absolute; top: 0; left: 0;}
.st_list.gwzl ul li .img img{ display: block; width: 100%; height: 100%; transition: all .2s ease-out 0s;}
.st_list.gwzl ul li .img img:hover{ transform: scale(1.1);}
.st_list.gwzl ul li .right{ width: 240px; height: 287px; padding-top: 20px; position: absolute; top: 0; left: 258px;}
.st_list.gwzl ul li .right .title{    min-height: 77px;
    display: block;
    overflow: hidden;
    height: 77px;}
.clamp2{    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.st_list.gwzl ul li .right .title a{ font-size: 18px; line-height: 200%;display: block;padding: 0 0 2px 0;}
/*.st_list.gwzl ul li .right .title a:hover{ border-bottom: 1px solid #000; color: #000;}*/
.st_list.gwzl ul li .right .title a:hover{text-decoration: underline;}

.st_list.gwzl ul li .right .info{ margin-top: 50px;}
.st_list.gwzl ul li .right .info p{ font-size: 15px; line-height: 150%;}
.st_list.gwzl ul li .right .status{ width: 86px; height: 35px; margin-top: 20px; border-radius: 5px;  background-color:#C2103E;font-size: 16px; line-height: 35px; color: #fff; text-align: center;}
.st_list.gwzl ul li .right .status_end{
    background-color: #A7A7A7;

}
/*展览回顾-列表*/
.st_list.zlgh ul{ display: flex; justify-content: space-between; width: 100%; height: auto; padding-bottom: 50px; position: relative;}
.st_list.zlgh ul li{ width: 290px; height: auto;}
.st_list.zlgh ul li .img{ width: 290px; height: 290px; overflow: hidden;}
.st_list.zlgh ul li .img img{ display: block; width: 100%; height: 100%; transition: all .2s ease-out 0s;}
.st_list.zlgh ul li .img img:hover{ transform: scale(1.1);}
.st_list.zlgh ul li .title{ padding: 0 10px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden}
.st_list.zlgh ul li .title a{     display: block;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 48px;
    overflow: hidden;}
.st_list.zlgh ul li .title:hover{ background-color: rgba(0,0,0,0.7);}
.st_list.zlgh ul li .title:hover a{ color: #fff;}