.top_title { justify-content: space-between; }

.top_title .title { text-align: left; }

.product_container .row { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }

.product_container .col-md-4 { flex: 1; margin: 0 30px 30px 0; width: calc((100% - 60px) / 3); min-width: calc((100% - 60px) / 3); max-width: calc((100% - 60px) / 3); }

.product_container .col-md-4:nth-child(3n) { margin-right: 0; }

.product_container .item-box a { display: block; }

.product_container .item-box .img-box { position: relative; overflow: hidden; }

.product_container .item-box .img-box img { width: 100%; -webkit-transition: opacity 1s, transform 1s; transition: transform 1s; display: block; }

.product_container .item-box .img-box:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: transparent; transition: all 0.5s; }

.product_container .item-box .img-box:after { position: absolute; content: ""; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; background: url(/images/icon_79.png); transform: translate(0, -100%); transition: all 0.3s ease; opacity: 0; }

.product_container .item-box .txt-box { position: relative; height: 140px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; background-color: #e6e6e6; }

.product_container .item-box .txt-box .txt-centent { padding-top: 30px; position: relative; z-index: 2; }

.product_container .item-box .txt-box .txt-centent h3 { font-size: 16px; color: #4c4c4c; font-weight: 400; margin-bottom: 5px; }

.product_container .item-box .txt-box .txt-centent p { position: relative; padding-bottom: 10px; }

.product_container .item-box .txt-box .txt-centent p span { font-size: 14px; color: #808080; display: inline-block; margin-right: 15px; }

.product_container .item-box .txt-box .txt-centent p:before { position: absolute; content: ""; width: 30px; height: 1px; background: #bfbfbf; bottom: 0; }

.product_container .item-box .txt-box:before { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 0; background: #0046d1; transition: all 0.3s ease; }

.product_container .item-box:hover .img-box img { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

.product_container .item-box:hover .img-box:before { background: rgba(0, 0, 0, 0.6); z-index: 9; }

.product_container .item-box:hover .img-box:after { transform: translate(0, 0); transition: all 0.3s ease; opacity: 1; z-index: 10; }

.product_container .item-box:hover .txt-box:before { height: 100%; }

.product_container .item-box:hover .txt-box .txt-centent h3 { color: #fff; }

.product_container .item-box:hover .txt-box .txt-centent p span { color: #fff; }

.product_container .item-box:hover .txt-box .txt-centent p:before { background: #fed900; }

.active { color: #eb6a6c; }

#Culture, #Philosophy, #Value, #About { position: relative; top: -70px; }