@charset "utf-8";
.flexslider{ width:100%; margin:0 auto;height:635px;min-width:1180px}
.slides li{background-repeat:no-repeat; background-position:top center;height:635px}
.slides li a{ display:block; height:100%; width:100%}
.flex-control-nav{ display:block}

.pannel h3{margin-bottom:20px; font-size:18px; position:relative}
.pannel h3 span{ display:block; font-size:12px; color:#a5a5a5; text-transform:uppercase}
.pannel h3 a{height:35px;line-height:35px; font-size:13px; padding:0 30px; display:block; position:absolute; top:0; right:0; border:1px solid #e5e4e4; text-align:center; color:#9b9a9a}

.products div{ margin:0 -10px;}
.products ul{ float:left; width:20%; margin-bottom:20px;}
.products ul dl{ padding:0 10px; height:240px;}
.products dl dt{ border:1px solid #ddd; margin-bottom:10px; height:150px; overflow:hidden}
.products dl dt img{ width:100%; display:block;}
.products dl h4{font-weight:100; font-size:16px; margin-bottom:10px; color:#272727}
.products dl h4 span{ color:#bfbfbf; padding-left:20px;}
.products dl p{ line-height:1.8; font-size:12px;color:#a5a5a5;}

.bg{ background:#faf9f9;padding:50px 0 0}
.tab-tt h3{ width:100px; float:left}
.tab-tt ul{ float:right;}
.tab-tt ul span{ float:left; padding:0 3px; cursor:pointer; margin:0 12px; display:block; line-height:30px; border-bottom:1px solid #d1d0d0; color:#777676}
.tab-tt ul a.more{ background:#282727; padding:0 20px; color:#fff;line-height:30px; text-align:center; float:right}
.case div.tab-ct ul{ float:left; width:25%}
.case div.tab-ct ul img{ width:100%; display:block;}
.case div.tab-ct ul a{ display:block; border-bottom:1px solid #fff;border-left:1px solid #fff}
.case div.tab-ct ul.c0{ width:50%}
.tab-ct{ display:none}