@font-face { font-family: 'fz'; src: url("../font/FZLBK.ttf") format("truetype"); src: url("../font/FZLBK.eot") format("embedded-opentype"), url("../font/FZLBK.woff") format("woff"), url("../font/FZLBK.ttf") format("truetype"), url("../font/FZLBK.svg") format("svg"); font-weight: normal; font-style: normal; }

.content { padding-top: 32px; padding-bottom: 64px; }

.content .list-title { margin-bottom: 0; }

.content .introduction { padding: 32px 16px 0; }

.content .introduction .case { margin-bottom: 32px; padding-bottom: 32px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.content .introduction .case .case-list { margin-bottom: 32px; }

.content .introduction .case li { width: 31.33%; margin-left: 1%; margin-right: 1%; margin-bottom: 16px; float: left; background: #f5f5f5; }

.content .introduction .case .case-img { width: 100%; height: 178px; background: no-repeat center; background-size: contain; }

.content .introduction .case .case-desc { padding: 12px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.content .introduction .case .case-name { font-size: 14px; font-weight: normal; line-height: 1.8em; color: #666; padding: 8px 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.content .introduction .case .case-name:hover { color: #0e9a95; }

.content .introduction .case .case-name:hover a { border-bottom: 1px solid transparent; }

.content .introduction .case .case-txt { margin-bottom: 24px; font-size: 14px; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; display: none; }

.content .introduction .case .case-update-date { font-size: 12px; color: #666; display: none; }

.content .introduction .case .case-update-date span { color: #444; font-weight: bold; }

.content .introduction .case-list.list-type li { width: 100%; background: none; padding: 12px 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #eee; }

.content .introduction .case-list.list-type li:last-child { border-bottom-color: transparent; }

.content .introduction .case-list.list-type li .case-img { width: 259px; height: 178px; margin-right: 32px; float: left; overflow: hidden; }

.content .introduction .case-list.list-type li .case-img img { width: 100%; height: auto; }

.content .introduction .case-list.list-type li .case-desc { width: 468px; text-align: left; float: left; }

.content .introduction .case-list.list-type li .case-desc .case-name { font-size: 16px; color: #444; font-weight: bold; }

.content .introduction .case-list.list-type li .case-desc .case-name:hover { color: #0e9a95; }

.content .introduction .case-list.list-type li .case-desc .case-name:hover a { border-color: #0e9a95; }

.content .introduction .case-list.list-type li .case-desc .case-txt, .content .introduction .case-list.list-type li .case-desc .case-update-date { display: block; }



.content .introduction .case1 { margin-bottom: 32px; padding-bottom: 32px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.content .introduction .case1 .case-list { margin-bottom: 32px; }

.content .introduction .case1 li { width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 16px; float: left; background: #f5f5f5; }

.content .introduction .case1 .case-img { width: 100%; height: 178px; background: no-repeat center; background-size: contain; }

.content .introduction .case1 .case-desc { padding: 12px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.content .introduction .case1 .case-name { font-size: 14px; font-weight: normal; line-height: 1.8em; color: #666; padding: 8px 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.content .introduction .case1 .case-name:hover { color: #0e9a95; }

.content .introduction .case1 .case-name:hover a { border-bottom: 1px solid transparent; }

.content .introduction .case1 .case-txt { margin-bottom: 24px; font-size: 14px; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; display: none; }