.contentBox[data-v-7a9a2202]{display:flex;flex-wrap:wrap;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;justify-content:stretch;align-items:center}.box[data-v-7a9a2202]{margin-top:20px;height:21vmax;cursor:pointer;position:relative;overflow:hidden}@-webkit-keyframes ImgMove-data-v-7a9a2202{0%{-webkit-filter:opacity(50%);filter:opacity(50%)}to{-webkit-filter:opacity(0);filter:opacity(0)}}@keyframes ImgMove-data-v-7a9a2202{0%{-webkit-filter:opacity(50%);filter:opacity(50%)}to{-webkit-filter:opacity(0);filter:opacity(0)}}.contain[data-v-7a9a2202]{padding:30px;z-index:222;height:100%}.containColor[data-v-7a9a2202]{background-image:linear-gradient(to bottom right,#fff,hsla(0,0%,100%,0));opacity:.8;height:21vmax}.imge-1[data-v-7a9a2202],.imge-2[data-v-7a9a2202]{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}.imge-1[data-v-7a9a2202]{opacity:0}.box:hover .containColor[data-v-7a9a2202]{background-image:none;width:100%;height:100%;background:linear-gradient(90deg,rgba(1,90,156,.4),#015a9c);opacity:.8;position:relative;overflow:hidden}.box:hover .containColor[data-v-7a9a2202],.box:hover .imge-1[data-v-7a9a2202]{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:mymove-data-v-7a9a2202;animation-name:mymove-data-v-7a9a2202;-webkit-animation-iteration-count:1;animation-iteration-count:1}.box:hover .imge-1[data-v-7a9a2202]{opacity:.7}@-webkit-keyframes mymove-data-v-7a9a2202{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mymove-data-v-7a9a2202{0%{transform:translate(100%)}to{transform:translate(0)}}.box:hover .imge-2[data-v-7a9a2202]{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:mymove2-data-v-7a9a2202;animation-name:mymove2-data-v-7a9a2202;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:.7}@-webkit-keyframes mymove2-data-v-7a9a2202{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes mymove2-data-v-7a9a2202{0%{transform:translate(0)}to{transform:translate(-100%)}}.title[data-v-7a9a2202]{margin-top:2vmax;font-size:28px;font-weight:800;color:#015a9c}.box:hover .title[data-v-7a9a2202]{color:#fff}.remark[data-v-7a9a2202]{margin-top:20px;color:#fff;text-align:justify;font-size:13px;opacity:0}.box:hover .remark[data-v-7a9a2202]{opacity:1}.butt[data-v-7a9a2202]{position:absolute;bottom:40px;font-size:13px;width:110px;padding:5px;border:1px solid #fff;text-align:center;border-radius:20px;opacity:0}.box:hover .butt[data-v-7a9a2202]{opacity:1}.butt>span[data-v-7a9a2202],.direacion[data-v-7a9a2202]{color:#fff}.direacion[data-v-7a9a2202]{padding:1px;margin-left:20px;border:1px solid #fff;border-radius:50%;font-size:12px}@media only screen and (max-width:992px){.contentBox[data-v-7a9a2202]{display:block;margin:0}.box[data-v-7a9a2202]{width:100%;height:45vw}.contain[data-v-7a9a2202]{padding:20px}.containColor[data-v-7a9a2202]{height:45vw}.title[data-v-7a9a2202]{font-size:17px}.remark[data-v-7a9a2202]{opacity:1}.butt[data-v-7a9a2202]{opacity:1;position:absolute;bottom:20px}}.backImg[data-v-4ac9feb9]{width:100%}.bread[data-v-4ac9feb9]{background-color:#f6f6f6;padding:15px 20px}.container[data-v-4ac9feb9]{padding:20px}@media only screen and (max-width:768px){.backImg[data-v-4ac9feb9]{width:100%;height:auto}}