.service-container{width:100%}.service-image{object-fit:cover;object-position:bottom;width:100%;height:700px}.service-image-container{justify-content:center;align-items:center;display:flex;position:relative}.title-and-desc{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:14rem}.service-title{color:#fff}.service-desc,.last-word{color:#fff;font-size:18px}.discover-btn{color:#fff;background-color:gray;margin-top:1.5rem;padding:.2rem 1.9rem}.discover-btn:hover{background-color:red}
.the-whole-container{width:100vw;max-width:1400px;margin:0 auto}.the-container{margin:3rem 10rem}.this-is-the-desc-of-title{font-size:17px}
.ye-hai-service-card-main-container{background-color:#fafbfc;justify-content:center;max-width:1400px;margin:0 auto;padding:40px 0;display:flex}.service-cards{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.service-single-card{background:#fff;border-radius:0;width:350px;min-height:580px;transition:box-shadow .25s;position:relative;overflow:visible;box-shadow:0 4px 16px rgba(39,44,54,.06)}.service-card-image{transition:transform .6s}.white-area{clip-path:polygon(10px 0%,100% 0%,100% 100%,0% 100%);background-color:#fff;width:75px;height:15px;position:absolute;bottom:0;right:-1px}.service-single-card:hover .service-card-image{transform:scale(1.06)}.service-single-card:after{content:"";z-index:2;transform-origin:100% 0;background:#dedede;width:10px;transition:background .25s,transform .25s;position:absolute;top:15px;bottom:-9px;right:-10px;transform:skewY(10deg)}.service-single-card:before{content:"";z-index:2;transform-origin:0 100%;background:#e4e6ea;height:10px;transition:background .25s,transform .25s;position:absolute;bottom:-10px;left:15px;right:-9px;transform:skew(10deg)}.service-single-card:hover:after{background:#c5252a;transform:skewY(10deg)}.service-single-card:hover:before{background:#c5252a}.service-card-image-container{background:#e4e6ea;border-radius:0;width:100%;height:270px;position:relative;overflow:hidden}.service-card-image{object-fit:cover;object-position:bottom;width:100%;height:100%;display:block}.service-card-icon-img{z-index:4;background:#c5252a;border-radius:0;width:60px;height:60px;padding:7px;transition:all .5s;position:absolute;top:16px;box-shadow:0 2px 8px rgba(197,37,42,.1)}.service-single-card:hover .service-card-icon-img{transform:rotateY(360deg)}.service-card-title{color:#212326;letter-spacing:.01em;margin:32px 24px 12px;font-size:1.2rem;font-weight:900;line-height:1.25}.service-card-desc{color:#656d78;margin:0 24px 32px;line-height:1.6}.service-single-card .service-card-icon-img{position:absolute;top:16px;left:24px}.service-single-card .service-card-icon-img img{object-fit:contain;width:100%;height:100%}.service-single-card a,.service-single-card .service-read-more{color:#c5252a;letter-spacing:.03em;margin-left:24px;font-size:1.08rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block}.service-single-card a:hover,.service-single-card .service-read-more:hover{color:#b41c23}@media (max-width:1200px){.service-cards{gap:24px}.service-single-card{width:300px;min-height:560px}}@media (max-width:900px){.service-cards{flex-wrap:wrap;gap:20px}.service-single-card{width:220px;min-height:440px;font-size:.96rem}.service-card-title,.service-card-desc{margin-left:12px;margin-right:12px}}.custom-hr{align-items:center;width:100%;height:1px;margin-bottom:.8rem;padding:0 1.4rem;display:flex;position:relative}.custom-hr-red{background:#a71b1a;border-radius:1px 0 0 1px;width:80px;height:100%}.custom-hr-gray{background:#dedede;border-radius:0 1px 1px 0;flex:1;height:100%}.service-read-more-btn{color:#111;cursor:pointer;align-items:center;gap:6px;margin-bottom:1.5rem;margin-left:10px;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.service-read-more-btn .plus,.service-read-more-btn .arrow{color:#c00;font-size:18px;font-weight:700;transition:opacity .3s;position:absolute;bottom:.5px;right:-20px}.service-read-more-btn .arrow{opacity:0}.service-read-more-btn:hover{color:#c00}.service-read-more-btn:hover .plus{opacity:0}.service-read-more-title{color:#000;font-size:15px}.service-single-card:hover .service-read-more-btn .arrow{opacity:1}.service-single-card:hover .service-read-more-btn .plus{opacity:0}.service-single-card:hover .service-read-more-title{color:red}