@charset "utf-8";
.page-poster{background-image: url(../images/fineCase_poster_bg.jpg);width: 100%;height: 195px;background-repeat: no-repeat;background-size: cover;background-position: center;line-height: 195px;text-align: center;}
.page-poster .slogan{width: 252px}

.system{text-align: center;}
.img-title{height: 25px}

.system{padding: 32px 36px 40px;background-image: url(../images/system_bg.png);background-size: initial;background-repeat: no-repeat;background-position: bottom;}
.system .img-title{padding-bottom: 25px}
.system ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.system li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;text-align: center;margin-top: 9px}
.system li:last-of-type{margin-left: 17px}
.system li img{width: 100%}

.new-case{background-image: url(../images/newCase_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.new-case .title{text-align: center;padding: 28px 0;position: relative;}
.new-case .title img{height: 25px}
.new-case .title .more{color: #fff;font-size: .667em;height: 16px;width: 45px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 16px;position: absolute;right: 18px}
.new-case .new-case-swipe{padding: 0 18px}
.new-case .new-case-swipe img{max-width: 100%}
.new-case .case-intro{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;color: #fff;padding-bottom: 20px}
.new-case .case-intro .left{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;text-align: left;}
.new-case .case-intro .left h1{font-size: 1.667em;padding: 18px 0 10px}
.new-case .case-intro .left p{font-size: .917em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-case .case-intro .right{width: 84px;text-align: right;position: relative;}
.new-case .case-intro .right .see-details{display: inline-block;height: 20px;width: 78px;line-height: 20px;text-align: center;background: #fff;color: #8c0000;font-size: .75em;margin-top: 80px;border-radius: 5px;position: absolute;right: 0;bottom: 0}

.new-case .small-swiper{background: #fff;padding: 10px}
.new-case .wrapper {position:relative;width: 100%;overflow: hidden;margin:0 auto;height: 113px;padding-top: 10px}
.new-case .small-swiper .scroller {position:absolute;}
.new-case .small-swiper .scroller li {width: 147px;height: 113px;float: left;}
.new-case .small-swiper .scroller li a{display:block;}
.new-case .small-swiper .scroller li img{width: 140px;opacity: 0.4;height: 85px}
.new-case .small-swiper .scroller li.cur{position: relative;margin-top: -3px}
.new-case .small-swiper .scroller li p{height: 28px;line-height: 28px;text-align: center;font-size: 1em}
.new-case .small-swiper .scroller li.cur img{opacity: 1;border: 3px solid #961b1e;}
.new-case .small-swiper .scroller li.cur i{border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #961b1e;position: absolute;top: -10px;left: 50%;margin-left: -6px;z-index: -1}

.fine-case{background-image: url(../images/fineCase_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom;padding: 0 18px 25px}
.fine-case .title{text-align: center;padding: 28px 0 20px;position: relative;}
.fine-case .title img{height: 25px}
.fine-case .title .more{color: #961b1e;font-size: .667em;height: 16px;width: 45px;border: 1px solid #961b1e;border-radius: 5px;text-align: center;line-height: 16px;position: absolute;right: 0}
.fine-case ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;margin-top: 8px}
.fine-case li:last-of-type{margin-left: 10px}
.fine-case li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;border: 1px solid #434343}
.fine-case li img{width: 100%;height: 120px}
.fine-case li .info-tro{padding: 8px 6px 6px}
.fine-case li h1{font-size: .917em;color: #000;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 600;padding-bottom: 8px}
.fine-case li p{font-size: .792em;color: #000;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.fine-case-news{background-image: url(../images/fineCaseNews_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom;padding: 0 18px 25px}
.fine-case-news .title{text-align: center;padding: 28px 0 5px;position: relative;}
.fine-case-news .title img{height: 25px}
.fine-case-news .title .more{color: #961b1e;font-size: .667em;height: 16px;width: 45px;border: 1px solid #961b1e;border-radius: 5px;text-align: center;line-height: 16px;position: absolute;right: 0}
.fine-case-news dl{margin-top: 15px;border: 1px solid #434343;text-align: center;}
.fine-case-news dt img{width: 172px;height: 112px}
.fine-case-news dd h1{font-size: .833em;font-weight: 600;padding: 14px 11px 10px}
.fine-case-news dd p{font-size: .792em;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding: 0 11px}
.fine-case-news dd a.see-more{background: #d9d9d5;color: #000;height: 17px;line-height: 17px;width: 56px;letter-spacing: 2px;display: inline-block;font-size: .75em;margin-top: 8px}