.main{}

/*分区*/
.section{ width: 100%; height: auto; overflow: hidden; position: relative; border-top: 1px solid #252526;}
.section .st_main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}

/*馆内资讯-导航*/
.st_title{ width: 100%; height: 50px;}
.st_title a{ float: left; font-size: 14px; line-height: 50px;}
.st_title span{ float: left; padding: 0 20px; font-size: 14px; line-height: 50px; color: #000;}


/*列表*/
.st_list{ width: 100%; height: auto; margin: 0 auto; padding: 35px 25px; overflow: hidden;}

/*相关内容*/
.st_list .left{ float: left; width: 770px; height: auto;}
.st_list .left>.title{ margin-bottom: 20px;}
.st_list .left>.title span{ display: inline-block; border-bottom: 4px solid #C2103E; font-size: 18px; line-height: 36px;}
.st_list .left ul{}
.st_list .left ul li{ width: 100%; height: 180px; margin-bottom: 20px; padding-left: 280px; position: relative;}
.st_list .left ul li .img{ width: 250px; height: 180px; overflow: hidden; position: absolute; top: 0; left: 0;}
.st_list .left ul li .img img{ display: block; width: 100%; height: 100%; transition: transform .2s ease-out 0s;}
.st_list .left ul li .img img:hover{ transform: scale(1.1);}
.st_list .left ul li .word{ width: 100%; height: 180px; border-bottom: 1px solid rgba(20,20,20,0.3);}
.st_list .left ul li .word a.title{ font-size: 18px; line-height: 150%;}
.st_list .left ul li .word p{ margin-top: 20px; font-size: 14px; line-height: 150%; color: rgba(20,20,20,0.7);}
.st_list .left ul li a.link{ display: block; width: auto; height: auto; position: absolute; bottom: 10px; right: 0; font-size: 14px; line-height: 200%; color: #EC414D;}
.st_list .left ul li .word a.link:hover{ font-weight: bold;}

.st_list .left .page{ text-align: center;}


/*相关视频*/
.st_list .right{ float: right; width: 330px; height: auto;}
.st_list .right .title{ height: 36px; margin-bottom: 20px;}
.st_list .right .title span{ float: left; display: inline-block; border-bottom: 4px solid #C2103E; font-size: 18px; line-height: 36px;}
.st_list .right .title a{ float: right; font-size: 14px; line-height: 36px;}

.st_list .right .firstimg{ display: block; width: 330px; height: 190px; overflow: hidden; position: relative;}
.st_list .right .firstimg img{ display: block; width: 100%; height: 100%; transition: transform .2s ease-out 0s;}
.st_list .right .firstimg:hover img{ transform: scale(1.1);}
.st_list .right .firstimg:before{ display: none; content: " "; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.1);}
.st_list .right .firstimg:hover:before{ display: block;}
.st_list .right .firstimg:after{ display: block; content: " "; width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%); border-radius: 50%; background: url(../img/bg12.png) center center / 100% 100% no-repeat;}


.st_list .right ul{ padding: 10px 0;}
.st_list .right ul li{ width: 100%; height: 32px; padding-left: 15px; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis;}
.st_list .right ul li:before{ display: block; content: " "; width: 0; height: 0; position: absolute; top: 12px; left: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #000;}
.st_list .right ul li a{ font-size: 16px; line-height: 32px;}