<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.nmain .caselist { padding:25px 0}
.nmain .caselist .item{ float:left; width:32%; margin-right:2%; background-color:#fff; position:relative; margin-bottom:25px;}
.nmain .caselist .item:nth-child(3n){ margin-right:0}
.nmain .caselist .item:nth-child(3n+1){ clear:both;}
.nmain .caselist .item .spic{ position:relative;}
.nmain .caselist .pic{ height:auto; display:block; overflow:hidden;}
.nmain .caselist .pic img, .nmain .caselist .pic video{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.nmain .caselist .item:hover .pic img {transform:scale(1.1);}

.nmain .caselist .item .spic .iv{ position:absolute; right:20px; bottom:20px; width:38px; z-index:99}
.nmain .caselist .item .spic .iv img{ width:38px; height:38px; }

.nmain .caselist .item .spic .wenzi{ position:absolute; left:20px; bottom:0px; z-index:99; color:#fff}
.nmain .caselist .item .spic .wenzi h3{ font-size:16px;}
.nmain .caselist .item .spic .wenzi P{ font-size:16px;}

.nmain .caselist .item:hover .spic .iv img{background-color:#3e64a3; border-radius:50%; }
.nmain .caselist .item .spic .ng{ background-color:rgba(0,0,0,0.3); position:absolute; width:100%; height:100%; top:0}

.nmain .caselist .item .text { padding:20px 20px 30px 20px;transition: all 1.5s;}
.nmain .caselist .item:hover .text { padding:20px 20px 30px 20px;}
.nmain .caselist .item .text h3{ font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; color:#333; margin-bottom:15px;}
.nmain .caselist .item .text p{font-size:15px;color: #999;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.nmain .caselist .item:hover{box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3); }
.nmain .caselist .item:after {content: "";width: 0px;height: 2px;background: #3e64a3;bottom: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.nmain .caselist .item:hover:after {width: 100%;height: 2px;}

.casexiang{ background:url(../images/casexbg.jpg) no-repeat left center; background-size:26% 100%; margin:20px 0}
.casexiang .caseleft{ float:left; width:20%; padding:5% 3%}
.casexiang .caseleft .topimg{ display:block; padding:0 0 20px 0; border-bottom:solid 1px #ddd; margin-bottom:20px;}
.casexiang .caseleft .topimg img{ width:50%; max-width:auto; padding:10px 20px; margin:0 auto; display:block; background:#fff;}
.casexiang .caseleft .center h3 { font-size:18px; line-height:35px; color:#333; margin-bottom:10px;}
.casexiang .caseleft .center p{ color:#666; line-height:30px; margin:0}
.casexiang .caseright{ float:right; width:70%;}
.casexiang .caseright .kconn{ border-bottom:solid 1px #ddd; padding-bottom:25px; margin-bottom:40px}
.casexiang .caseright h3{font-size:18px; line-height:35px; color:#333; margin-bottom:15px;}
.casexiang .caseright p{color:#666; line-height:30px;}
.casexiang .caseright video{ width:100%; height:auto}

</pre></body></html>