.casess{width:100%;height: auto;overflow: hidden;margin: 20px auto 0;padding: 0px 0;}
.casess ul li{width: 100%;height: auto;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.casess ul li .img{width: 23%;float: left;height: 170px;overflow: hidden;border:1px solid #cecfd4;}
.casess ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out;}
.casess ul li:hover .img img{transform: scale(1.1);}
.casess ul li .text{width: 77%;float: left;padding: 0 10px 0 35px;}
.casess ul li .text h4{font-size: 20px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.casess ul li:hover .text h4{color: #0045AA;}
.casess ul li .text h5{font-size: 14px;color: #444;line-height: 24px;min-height: 72px;margin-top: 10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; text-align: justify;}
.casess ul li .text h6{font-size: 14px;color: #999;line-height: 24px;padding-top: 10px;}
.casess ul li .text2{width: 100%;float: left;padding: 0 10px 0 0;}
.casess ul li .text2 h4{font-size: 20px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.casess ul li:hover .text2 h4{color: #0045AA;}
.casess ul li .text2 h5{font-size: 14px;color: #444;line-height: 24px;min-height: 72px;margin-top: 10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.casess ul li .text2 h6{font-size: 14px;color: #999;line-height: 24px;padding-top: 10px;}


.case-detail{width: 100%;height: auto;margin: 0 auto;overflow: hidden;padding: 0px 0;}
.case-detail-left{float: left;width: 100%;background-color: #f8f8f8;padding: 60px 50px;}
.case-detail-left-title{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #efefef;padding-bottom: 14px;}
.case-detail-left-title h4{font-size: 24px;color: #333;text-align: center;}
.case-detail-left-title h1{font-size: 24px;color: #333;text-align: center;}
.case-detail-left-title h5{font-size: 14px;color: #999;text-align: center;padding-top: 14px;}
.case-detail-left-title h5 span{display: inline-block;padding: 0 10px;}
.case-detail-text{width: 100%;height: auto;padding: 10px 0;font-size: 16px;color: #666666;line-height: 36px;text-align: justify;}
.case-detail-text img{text-align: center;max-width: 100%;height: auto;}
.case-detail-text h6{text-align: center;}
.case-detail-share{width: 100%;border-top: 1px solid #efefef;padding: 10px 0;}
.case-detail-share-left{float: left;}
.case-detail-share-left h4{font-size: 14px;color: #666;padding-bottom: 10px;}
.case-detail-share-left .fa{font-size: 20px;color: #000;}
.bdshare-button-style0-16 a{padding-left: 0 !important;padding-right: 10px;background: none !important;}
.bdshare-button-style0-16 .bds_tsina,.bdshare-button-style0-16 .bds_sqq,.bdshare-button-style0-16 .bds_weixin{background: none;}
.bdshare-button-style0-16 a:hover{opacity: 1 !important;}
.case-detail-share-left  a{position: relative;}
.case-detail-share-left  a p{position: absolute;width: 140px;height: 160px;bottom: 34px;left: 50%;margin-left: -30px;z-index: 10;transition: all 0.5s ease-in-out;padding: 10px 14px 10px 14px;border: 1px solid #e5e5e5;background-color: #fff;font-size: 12px;text-align: center;display: none;opacity: 1;}
.case-detail-share-left  a p img{width: 100%;}
.case-detail-share-left  a:hover p{display: block;opacity: 1;}

.case-detail-share-right{float: right;margin-top: 20px;}
.case-detail-share-right a{padding: 10px 20px;background-color: #0045AA;font-size: 14px;color: #fff;}
.case-detail-share-right .fa{color: #fff;font-size: 16px;padding-right: 10px;}
.case-detail-right{float: left;width: 95%;padding-left: 22px;}
.case-detail-right1{width: 100%;height: auto;padding-top: 0px;}
.case-detail-right1 h4{font-size: 18px;color: #0045AA;padding-left: 15px;border-left: 4px solid #0045AA;}
.case-detail-right1 ul{margin-top: 30px;overflow: hidden;}
.case-detail-right1 ul li{width: 100%;height: auto;padding-bottom: 20px;margin-bottom: 20px;box-shadow: 0px 2px 10px #eee;}
.case-detail-right1 ul li .img{width: 50%;height: 92px;;float: left;overflow: hidden;padding-right: 10px;}
.case-detail-right1 ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.case-detail-right1 ul li .text{width: 50%;overflow: hidden;padding-left: 10px;}
.case-detail-right1 ul li .text h5{font-size: 14px;color: #333;font-weight: bold;line-height: 22px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case-detail-right1 ul li .text h6{font-size: 12px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 4px;}
.case-detail-right1 ul li:hover .text h5{color: #0045AA;}
.case-detail-prev{width: 100%;height: auto;padding-top: 10px;}
.case-detail-prev h4{font-size: 18px;color: #0045AA;}
.case-detail-prev h4 a{font-size: 18px;color: #0045AA;}
.case-detail-prev h5 a:hover{color: #0045AA;}