.cp .p_Product{ width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }
.cp .p_CommonSummaryBoxA{text-align:center; }
.cp .p_MatteIcon .iconfont:before{ content:'\e602'; }
.cp >div{ animation-fill-mode:both; }
.cp .ProductList{ width:100%; overflow:hidden; }
.cp .products{ width:100%; overflow:hidden; }
.cp .list{ position:relative; float:left; width:30%; height:225px; margin:10px; overflow:hidden; margin-bottom:20px; }
.cp .line{ position:absolute; z-index:2; transition:all .5s ease; }
.cp .right{ right:0px; }
.cp .bottom{ bottom:0px; }
.cp .top, .bottom{ width:100%; height:5px; }
.cp .left, .right{ width:5px; height:100%; }
.cp img{ z-index:1; width:100%; height:225px}
.cp{ overflow:hidden; height:225px}
.cp .content{width:100%; height:100%;  margin-top:-45px; z-index:0; position:relative}/*transition:all .5s ease;*/
.cp:hover .content{ margin-top:-225px}
.cp .title_box{ #margin:30px auto; width:100%; height:45px; text-align:center; overflow:hidden; background-color:rgba(30, 81, 163, 0.9); color:#fff; }
.cp .title{#margin:5px auto; width:95%; height:45px; line-height:45px; font-size:18px; #border:solid 1px rgba(255, 255, 255, 0.26); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cp .gy{ width:100%; height:180px; line-height:1.8em; font-size:14px; padding:20px; background-color:rgba(30, 81, 163, 0.7); display:-webkit-box; overflow:hidden; -webkit-line-clamp:8px; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; display:none }
.cp:hover .gy{ display:block}
.cp{ width:32%; float:left; margin-right:1.5%; overflow:hidden}
.cp:nth-child(3n){ margin-right:0}
.pro{ overflow:hidden}