@charset "utf-8";
/* CSS Document */

.gk01{ float:left; overflow:hidden;  width:100%; background:#fff url(gk.jpg) repeat-x 0 0; }
.gk01 h3{ width:100%; float:left; overflow:hidden;  box-sizing:border-box;  height:66px; background:url(b_01.jpg) no-repeat -120px 0px; float:left; font-size:18px; color:#e6d1b3; font-weight:normal; line-height:66px; text-indent:80px}

.gk02{ width:100%; padding:50px 20px 20px;  border:1px solid #e1bf91; box-sizing:border-box; border-top:none; display:flex; flex-wrap:wrap;justify-content:space-between}
.gk02 dl{ width:15%; margin:0 0.5% 30px; background:rgba(142,96,37,.8); box-sizing:border-box; border-radius:8px; transition: all 0.5s;}
.gk02 dl:nth-child(even){ background:rgba(142,96,37,.3)}

.gk02 dl dd{ width:100%; float:left; overflow:hidden; text-align:center;  padding:50px 0 30px}
.gk02 dl dd img{ height:70px;  margin:0 auto}
.gk02 dl dd img:last-child{ display:none}
.gk02 dl dt{ width:100%; float:left; overflow:hidden;}
.gk02 dl dt a{ display:block; float:left; width:100%; color:#fff; background: rgba(142,96,37,.3); border-radius:0 0 8px 8px; font-size:16px; line-height:60px; text-align:center; transition: all 0.5s;}

.gk02 dl:nth-child(even) dt a{ background:#c7a477}
.gk02 dl:hover dd img:last-child{ display:block;}
.gk02 dl:hover dd img:first-child{ display:none}

.gk02 dl:hover:nth-child(even){ background:rgba(142,96,37,.8)}
.gk02 dl:hover:nth-child(even) dt a{ background:#9e7644}

.gk02 dl:hover:nth-child(odd){ background:rgba(142,96,37,.3)}
.gk02 dl:hover:nth-child(odd) dt a{ background:#c7a477}

.gk02 dl:hover{ border-radius:15px}
.gk02 dl:hover dt a{ border-radius:0 0 15px 15px}