/* list-case.css */
.banner, .banner ul, .banner ul li { height:200px; }
.banner li a { margin-left: -750px; }

.list { width: 880px; }
.aside { width: 180px; }
.main { padding: 20px 0; background: #fff; }
/* case-cls */
.case-cls { height: 90px; margin-left:-10px; }
.case-cls li { position: relative; float: left; width: 76px; height: 70px; margin-left: 10px; background: #f2f2f2; text-align: center; font-size: 14px; }
.case-cls li i { display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; font-size: 40px; }
.case-cls .now { background: #ff6b8b; }
.case-cls .now a { color: #fff; }
.case-cls .now:before { content: ''; position: absolute; left: 50%; bottom: -16px; width: 0; height: 0; margin-left: -8px; border-style: solid; border-width: 8px; border-color:#ff6b8b transparent transparent transparent; }

/* list-con */
.list-con { overflow: visible; }
.list-con li { padding: 15px; margin-bottom:-1px; border: 1px solid #e6e6e6; overflow: hidden; transition: all .2s linear .2s; }
.list-con li:hover { box-shadow: 0 0 10px rgba(0,0,0,.2); transition: all .2s linear .2s; }
.list-con li .pic { width: 300px; height: 150px; overflow: hidden; }
.list-con li .txt { width: 530px; color: #999; line-height: 2; }
.list-con li .txt h4 { font-size: 15px; }
.list-con li .txt .intro { height: 96px; overflow: hidden; }
.list-con li .txt .ft { overflow: hidden; }

/*  */
.hot-item { margin-top: -30px; margin-bottom: 20px; }
.hot-item h4 { font-size: 14px; line-height: 30px; }
.hot-item li { margin-bottom: 10px; }
.hot-item li img { width: 180px; }

/* contact */
.contact {}
.contact h4 { line-height: 30px; background: #ff7c99; color: #fff; text-align: center; font-size: 14px; border-radius: 3px 3px 0 0; }
.contact .bd { border: 1px solid #f2f2f2; padding: 10px; }
.contact .bd img { width: 160px; }