.cat-service{display:flex}@media only screen and (max-width: 1120px){.cat-service{display:block}}.cat-service .main-service{width:100%}.title_services span{font-weight:700}.contents_cat_services{display:flex;flex-wrap:wrap;row-gap:70px;margin:0px}@media only screen and (max-width: 1120px){.contents_cat_services{row-gap:30px}}@media only screen and (max-width: 768px){.contents_cat_services{margin:0 -10px 30}}@media only screen and (max-width: 500px){.contents_cat_services{margin:0px -10px}}.contents_cat_services .item{width:calc(33% - 20px);padding:0 10px}@media only screen and (max-width: 1500px){.contents_cat_services .item{width:calc(50% - 20px);padding:0 10px}}@media only screen and (max-width: 1120px){.contents_cat_services .item{width:calc(33% - 20px);padding:0 10px}}@media only screen and (max-width: 990px){.contents_cat_services .item{width:calc(50% - 20px);padding:0 10px}}.contents_cat_services .item .img{height:245px;width:100%;margin-bottom:17px;overflow:hidden;border-radius:20px}@media only screen and (max-width: 990px){.contents_cat_services .item .img{height:unset}}.contents_cat_services .item .img a{display:grid}.contents_cat_services .item .img a img{width:100%;border-radius:20px;transition:1s}.contents_cat_services .item .img a img:hover{transform:scale(1.1)}.contents_cat_services .item .cat-service-date{margin-bottom:14px;color:#8d8d8d}.contents_cat_services .item .cat-service-title{font-size:23px;line-height:28px;font-weight:500;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;max-height:60px}@media only screen and (max-width: 500px){.contents_cat_services .item .cat-service-title{font-size:18px}}.contents_cat_services .item .cat-service-title:hover a{color:var(--main-color)}.contents_cat_services .item .cat-service-summary{font-size:16px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}@media only screen and (max-width: 500px){.contents_cat_services .item .cat-service-summary{font-size:14px}}.contents_cat_services .item .cat-service-summary a{color:#767676}.contents_cat_services .wapper-page-cat .item{border-bottom:1px solid #E3E3E3;margin-bottom:20px;padding:0 0 20px}.contents_cat_services .wapper-page-cat .item.last-item{border-bottom:none;margin-bottom:0}.contents_cat_services .wapper-page-cat .frame_img{float:left;width:23%;margin-right:15px}.contents_cat_services .wapper-page-cat .title_content{margin-bottom:8px}.contents_cat_services .wapper-page-cat .details{text-align:justify}@media all and (min-width: 560px){.contents_cat_services .wapper-page-cat .details{float:left;width:calc(77% - 15px)}}.contents_cat_services .wapper-page-cat .title_content a{color:#333;font-size:17px;font-weight:600}.contents_cat_services .wapper-page-cat .title_content:hover a{color:#27A885}.contents_cat_services .wapper-page-cat .updated_time{color:#7C7C7C;margin-bottom:6px}.contents_cat_services .wapper-page-cat .item-sum{margin-bottom:6px}.contents_cat_services .wapper-page-cat .read_more{background:url("../images/icon_details.png") no-repeat scroll 0 center;color:#0067BE;padding-left:16px;display:none}@media screen and (max-width: 560px){.contents_cat_services .wapper-page-cat .frame_img{width:100%}.contents_cat_services .wapper-page-cat .title_content a{font-size:16px}}.cat-services{margin:0;width:100%}.cat-services .cat-services-banner{width:100%}.cat-service .contents_cat_services{column-gap:20px;row-gap:30px}@media screen and (max-width: 514px){.cat-service .contents_cat_services{row-gap:20px}}@media screen and (max-width: 450px){.cat-service .contents_cat_services{column-gap:10px;row-gap:15px}}.cat-service .main__list--item{position:relative;box-sizing:border-box;transition:all .3s ease;padding:45px 30px 40px;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;display:block;background:#fff;width:calc(100%/4 - 15px);margin-bottom:20px}@media screen and (max-width: 1366px){.cat-service .main__list--item{padding:40px 30px 40px}}@media screen and (max-width: 1024px){.cat-service .main__list--item{padding:40px 30px 30px}}@media screen and (max-width: 768px){.cat-service .main__list--item{padding:30px 20px 20px;width:calc(100%/3 - 13.333px)}}@media screen and (max-width: 514px){.cat-service .main__list--item{width:calc(100%/2 - 10px);padding:20px 10px 20px}}@media screen and (max-width: 450px){.cat-service .main__list--item{width:calc(100%/2 - 5px)}}.cat-service .main__list--item .item__bg{transition:all .3s ease;position:absolute;content:"";width:100%;height:100%;left:0;top:0;opacity:0 !important;background-position:center;background-size:cover;background-repeat:no-repeat}.cat-service .main__list--item .item__svg{position:relative;box-sizing:border-box;width:68px;height:68px;z-index:1}@media screen and (max-width: 1366px){.cat-service .main__list--item .item__svg{width:65px;height:65px}}@media screen and (max-width: 1024px){.cat-service .main__list--item .item__svg{width:60px;height:60px}}@media screen and (max-width: 768px){.cat-service .main__list--item .item__svg{width:55px;height:55px}}@media screen and (max-width: 514px){.cat-service .main__list--item .item__svg{width:50px;height:50px}}.cat-service .main__list--item .item__svg svg{width:100%;height:auto;fill:var(--main-color)}.cat-service .main__list--item .item__svg:after{position:absolute;content:"";bottom:0;right:-20px;height:52px;width:52px;background-color:var(--main-color);opacity:.1}.cat-service .main__list--item .item__title{transition:all .3s ease;position:relative;font-size:24px;margin:28px 0px 19px 0px;line-height:1.7;font-weight:800;color:#242424;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;z-index:1}@media screen and (max-width: 1366px){.cat-service .main__list--item .item__title{font-size:22px;margin:28px 0px 18px 0px}}@media screen and (max-width: 1024px){.cat-service .main__list--item .item__title{font-size:20px;margin:20px 0px 10px 0px}}@media screen and (max-width: 768px){.cat-service .main__list--item .item__title{font-size:18px}}@media screen and (max-width: 514px){.cat-service .main__list--item .item__title{font-size:16px}}.cat-service .main__list--item .item__summary{font-size:16px;margin:0;color:#666666;z-index:1;position:relative;transition:all .3s ease;line-height:1.9;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;z-index:1}@media screen and (max-width: 1024px){.cat-service .main__list--item .item__summary{font-size:15px}}@media screen and (max-width: 768px){.cat-service .main__list--item .item__summary{font-size:14px}}.cat-service .main__list--item .item__btn{position:absolute;right:20px;bottom:-20px}.cat-service .main__list--item:after{transition:all .5s ease;position:absolute;content:"";top:0;left:0;right:0;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0);background-color:#242424;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cat-service .main__list--item:hover .item__bg{transition:all .3s ease;opacity:.1 !important;z-index:1}.cat-service .main__list--item:hover .item__svg{transition:all .5s ease;transform:scale(0.9)}.cat-service .main__list--item:hover .item__title{color:#fff}.cat-service .main__list--item:hover .item__summary{color:#949494}.cat-service .main__list--item:hover .item__btn{border:1px solid var(--main-color);background-color:var(--main-color)}.cat-service .main__list--item:hover .item__btn svg{fill:#fff !important}.cat-service .main__list--item:hover .item__btn svg path{fill:#fff !important}.cat-service .main__list--item:hover:after{transition:all .5s ease;-webkit-transform:scaleY(1);transform:scaleY(1)}.pos3__services{margin-top:40px}@media screen and (max-width: 514px){.pos3__services{margin-top:30px}}
/*# sourceMappingURL=cat.css.map */