@charset "utf-8";

/* CSS Document */



/*banner*/

body{ background:#f3f3f3;}

#banner img{ width:100%; height:auto;}

#team .container{background:#fff;}

.post .position { width: 97%;}



.teamList,.caseList{ width:1155px; padding-left:22px; padding-right:23px;}

.teamList{ margin-top:21px;}

.caseList{ margin-top:6px;}



.teamList .caseText{ float:left;}

.teamList .caseImg{ float:right;position:relative;width: 842px; height: 507px;  overflow: hidden;}
.teamList .caseImg a>img{ width:100%; height:auto;}

.teamList .caseBrief{ width:375px; background:rgba(18,18,18,0.8); height:77px; position:absolute; right:0; bottom:30px;    align-items: center; display: grid;padding-left: 16px; padding-right: 16px;}

.teamList .caseBrief p{ color:#fff; font-size:16px;}

.teamList .caseBrief span{ font-size:18px; display:block; margin-bottom:6px;}

.topImg{ position: absolute; top: 0; left: 0;}



#team{ margin-top:41px;}

#team .caseList li{ float:left; width:268px; border:1px solid #eeeeee;padding-bottom: 16px; margin-right:25px; margin-bottom:32px; position: relative;}

#team .caseList ul{ margin-right:-26px;}

#team .caseList li p{ text-align:center; font-size:16px; color:#555;margin-top: 18px;

    margin-bottom: 7px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

#team .caseList li p:hover{ color:#ff0000;}

#team .caseList li span{ text-align:center; font-size:13px; color:#b8b8b8; display:block;}



.page #pager { margin-top: -6px; margin-bottom: 22px;}

@media (max-width:350px){ 



}