/*新闻列表*/
#list { padding-bottom: 80px; }
#list .wrap { margin-top: 60px; }
#list .topic { width: 16%; }
#list .topic .title { position: relative; }
#list .topic .title .pic { font-size: 0; }
#list .topic .title .pic img { width: 100%; height: 100%; object-fit: cover; }
#list .topic .title .text { position: absolute; top: 40%; left: 10%; font-size: 20px; font-weight: bold; }
#list .topic .item { position: relative; display: block; padding-left: 24px; line-height: 38px; border-bottom: 1px solid #eee; text-decoration: none; }
#list .contant-box { padding: 32px 16px; background: #F9F9F9; }
#list .contant-box span { font-weight: bold; font-size: 24px; color: #00499F; font-style: italic; vertical-align: middle; margin-left: 4px; }
#list .contant-box label { padding-top: 8px; font-weight: bold; font-size: 15px; color: #999; letter-spacing: 0.53em; }


#list .main { width: 80%; }
#list .main .title { }
#list .main .title .fll { font-size: 20px; font-weight: bold; height: 42px; border-bottom: 3px solid #0077dd; }
#list .main .items { padding-bottom: 40px; line-height: 22px; }
#list .main .item { padding: 32px 0px; border-top: 1px solid #eee; }
#list .main .item .info { width: 64%; }
#list .main .item .info .name { display: block; padding-bottom: 4px; font-size: 20px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#list .main .item .info .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 18px 0px 26px 0px; overflow: hidden; text-overflow: ellipsis; color: #666; }
#list .main .item .info .desc:after { content: ""; display: block; width: 52px; height: 1px; background: #bbb; margin-top: 16px; }
#list .main .item .pic { width: 356px; height: 200px; }
#list .main .item .pic img { width: 100%; height: 100%; object-fit: cover; }
/*卡片列表带详情*/
#card { padding-bottom: 80px; }
#card .main .title { padding-bottom: 16px; border-bottom: 1px solid #ddd; font-size: 20px; font-weight: bold; }
#card .main .items { padding-bottom: 40px; }
#card .main .item { float: left; width: 592px; height: 168px; border: 1px solid #eee; margin: 32px 31px 0px 0px; }
#card .main .item:nth-child(2n) { margin: 32px 0px 0px 0px; }
#card .main .item .pic { float: left; width: 224px; height: 100%; border-right: 1px solid #eee; }
#card .main .item .pic img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#card .main .item .info { float: left; width: 303px; padding: 32px; }
#card .main .item .info .name { font-weight: bold; }
#card .main .item .info .desc { margin: 6px 0px; max-height: 60px; line-height: 20px; overflow: hidden; }

/*卡片列表无详情*/
#cardonly { padding-bottom: 80px; }
#cardonly .main .title { padding-bottom: 16px; border-bottom: 1px solid #ddd; font-size: 20px; font-weight: bold; }
#cardonly .main .items { padding-bottom: 40px; }
#cardonly .main .item { float: left; width: 18%; border: 1px solid #eee; margin: 32px 2.5% 0px 0px; text-align: center; padding-bottom: 40px; position: relative; box-sizing: border-box; }
#cardonly .main .item .pic { width: 100%; height: 163px; position: relative; }
#cardonly .main .item .pic img { max-width: 100%; max-height: 100%; }
#cardonly .main .item:nth-child(5n) { margin: 32px 0px 0px 0px; }
#cardonly .main .item .name { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; }