.publicTop{ background-image:url(../images/case_bg.jpg)  }



/*石材样板 yab520*/
.TabTitle{margin:0 24px 24px;  overflow:hidden;  background:#ffc301;}
.TabTitle ul{ display:table;text-align: center; margin:0 24px }
.TabTitle li{ float:none; overflow:hidden; display:inline-block;cursor:pointer;line-height:350%;text-align:center;position:relative; padding:0 24px; width:auto}

.TabTitle li:after{position:absolute;top:50%;right:0;content:"";display:inline-block;vertical-align:top;width:1px;height:20px;margin-top:-10px;background:#333;}
.TabTitle li:last-child:after{opacity:0;display:none}
.TabTitle li a{ font-size:16px; color:#333;}





/*响应式*/

@media screen and (max-width:639px) {

/*石材样板*/
.TabTitle{margin:0 12px 12px;  }
.TabTitle ul{ display:flex; }
.TabTitle li{ display:inline; padding:0 12px}
.TabTitle li a{font-size:12px}



}
@media screen and (min-width:640px) and (max-width: 779px) {

/*石材样板*/
.TabTitle{margin:0 12px 12px;  }
.TabTitle ul{ display:flex; }
.TabTitle li{ display:inline; padding:0 12px}
.TabTitle li a{font-size:14px}


}

@media screen and (min-width:780px) and (max-width: 1079px) {

/*石材样板*/
.TabTitle{margin:0 12px 12px;  }
.TabTitle ul{ display:table; }
.TabTitle li{ display:inline; padding:0 12px}
.TabTitle li a{font-size:14px}


}
@media screen and (min-width:1080px) and (max-width: 1399px) {

/*石材样板*/
.TabTitle{margin:0 18px 18px;  }
.TabTitle ul{ display:table; }
.TabTitle li{ display:inline; padding:0 18px}
.TabTitle li a{font-size:14px}

}