@charset "utf-8";

body {font:normal 12px/24px "微软雅黑", Arial, Helvetica, sans-serif; color:#555;}

a{color:#555; text-decoration:none; }

a:hover{color:#0173bc;}



img {border: 0;-ms-interpolation-mode:bicubic}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}

ul,li{ list-style:none; padding:0; margin:0;}

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

.left{float:left;}

.right{float:right;}

.fl{float:left;}

.fr{float:right;}

.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}

.h{display:none;visibility:visible;}

.fix{*zoom:1;}

.fix:after{clear:both;content:"";display:table;}

.both{ clear:both;}

.center{ text-align:center;}

.over{ overflow:hidden;}



.divbox{margin:0 auto; width:1300px;}

.xcx_7{ padding:50px 0px; border-top:1px solid #ebebeb;}

.xcx_7 dt{ float:left; padding-bottom:30px; width:1300px; text-align:center}

.xcx_7 dd{}



.wrapper {position:relative;}

.cases {}

.cases li{display:inline-block; zoom:1; *display:inline; position:relative; margin:19px; padding:2px; border:1px solid #dddddd; width:278px; height:494px; overflow:hidden; background:#fff; letter-spacing:normal;}

.cases  li p{ position:absolute; left:2px; bottom:0; display:none; width:278px; height:100%; line-height:50px; font-size:16px; color:#fff; text-align:center;background:#212121;background:rgba(0,0,0,0.8);}

.cases  li p img{ margin-top:140px; width:180px; height:180px;}