@charset "UTF-8";

body {overflow-x: hidden;font-family: "Microsoft YaHei";}
ul {padding: 0;margin: 0;}
ul li {list-style: none;}
/*a {color: #fff;text-decoration: none;}*/
h1, h2, h3, h4, h5 {margin: 0;}
a:focus,a:hover {color: #cd2616;text-decoration: none;}
a:focus {outline: none;outline-offset: -2px;}
P {margin-bottom: 0;}

.xyin-case-item .case-main-bot ul:after, {content: "";display: table;clear: both;}
.xyin-case-item .case-main-bot ul li h5, {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* xyin-case */
.xyin-case {padding: 70px 0;}
.xyin-case-sort {margin:0  auto; text-align:center}
.xyin-case-sort ul{display: inline-block;}
.xyin-case-sort li {margin-bottom: 7px;line-height: 44px;background: #fff;text-align: center; float: left;border:#dedede 1px solid;margin:0 2px;padding:0 8px;position: relative;height: 44px;width:120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.xyin-case-sort li a {vertical-align: middle;color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }
.xyin-case-sort li:hover, .xyin-case-sort li.on {background: #cd2616;position: relative;color: #fff;cursor: pointer;}
.xyin-case-sort li:hover a, .xyin-case-sort li.on a {color: #fff;}
.xyin-case-item {overflow: hidden;padding: 0px;width: 100%;}
.xyin-case-item .case-main-top {background: #f5f5f5;display: table;margin-bottom: 20px;position: relative;float: left;width: 50%;}
.case_item{float: left;width: calc(32.9% - 3px);margin:3px 3px;position: relative;}
.xyin-case-main{margin:10px -11px;}
/*.case_item h3{position: absolute;background: rgba(0,0,0,0.5);font:400 14px/43px "Microsoft Yahei";color: #fff;width: 100%;z-index: 9999;bottom: 0px;left:0px;padding-left:30px;}
.case_item h3 a{color: #fff;}*/
.xyin-case-main img{width: 100%;height: auto;}
.xyin-case-item .case-main-top .img {width: 100%;display: table-cell;vertical-align: middle;}

@media only screen and (max-width:900px){
.xyin-case{display:none}
}