@import url(/assets/index/css/main.css);
@import url(/assets/index/css//commer.css);
@import url(/assets/index/css//mbnav.css);
@import url(/assets/index/css//banner.css);
body { --base-color: #00529a; min-height: 100vh; display: flex; flex-direction: column; }

.page-main { flex: 1; }

.title { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 1rem; }

.title .title_cn { color: var(--base-color); margin: 5px 0; font-size: 32px; font-weight: bold; letter-spacing: 6px; }

.title .title_en { color: #999; font-size: 16px; display: inline-block; margin-bottom: 20px; }

.title::after { content: ""; position: absolute; width: 80px; background-color: var(--base-color); height: 3px; left: 50%; transform: translateX(-50%); bottom: 0px; }

.hover-scale { cursor: pointer; }

.hover-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.hover-translateY { cursor: pointer; }

.hover-translateY:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; -webkit-transform: translateY(-2%); -moz-transform: translateY(-2%); -ms-transform: translateY(-2%); -o-transform: translateY(-2%); transform: translateY(-2%); }

.wz-col { width: 100%; }

.wz-row { padding: 10px; box-sizing: border-box; }

.wz-rowbox { width: 100%; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; background-color: #fff; }

.wz-img { overflow: hidden; object-fit: contain; }

.wz-font { flex: 1; }

.wz-text { font-size: 15px; text-align: justify; color: #525b69; }

/* ===== ABOUT START ===== */
.about-in .text-tit { margin-bottom: 6px; font-weight: bold; color: var(--base-color); }

.about-in .text-desc-p { color: #999; }

.about-in .text-item { margin-left: 0 !important; }

.about-wrap:nth-child(1) .text-item { margin-left: 20px; }

.about-wrap:nth-child(1) .image-item { max-width: 480px; width: 46%; aspect-ratio: 480 / 305; }

.about-wrap:nth-child(2) { margin-top: 20px; }

.about-wrap:nth-child(2) .text-item { margin-right: 20px; }

.about-wrap:nth-child(2) .image-item { max-width: 535px; width: 46%; aspect-ratio: 535 / 310; }

.about-wrap .text-item { flex: 1; }

.about-wrap .text-item .con { max-height: 340px; overflow-y: auto; box-sizing: border-box; }

.about-wrap .text-item .con h3 { color: var(--base-color); font-weight: bold; font-size: 26px; }

.about-wrap .text-item .con .top-p { font-weight: bold; color: #333; margin-bottom: 5px; font-size: 18px; }

.about-wrap .text-item .text-p { color: #333; text-align: justify; text-indent: 2em; line-height: 1.7; font-size: 1rem; }

.about-wrap-in .image-item { max-width: 560px; width: 47%; aspect-ratio: 560 / 420; }

.about-box2 { height: 260px; background-image: url("/assets/index/images/about_3.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }

.about-box2-content { width: 100%; }

.about-box2 h1 { color: #fff; font-weight: bold; margin-bottom: 20px; }

.about-box2 .text_p { width: 100%; color: inherit; text-indent: 0; }

/* ===== ABOUT END ===== */
.service-item .name { width: 240px; height: 160px; display: flex; align-items: center; justify-content: center; background-color: var(--base-color); border-radius: 50px 0 50px 0; font-size: 28px; color: #fff; }

.service-item-content { flex: 1; margin-left: 20px; }

.service-item-content h5 { font-weight: bold; font-size: 22px; color: var(--base-color); line-height: 24px; margin: 0px; margin-bottom: 16px; }

.service-item-content p { font-size: 18px; color: #262626; line-height: 28px; text-align: justify; margin: 0; }

.service-item:not(:last-child) { margin-bottom: 40px; }

.job { background-color: #f6f6f6; }

.job .items-list { background-color: #fff; padding: 16px; border-radius: 8px; margin-bottom: 16px; cursor: pointer; }

.job .items-list:hover { -webkit-transform: translateY(-1.5%); -moz-transform: translateY(-1.5%); -ms-transform: translateY(-1.5%); -o-transform: translateY(-1.5%); transform: translateY(-1.5%); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.job .items-list .avatar { width: 60px; margin-right: 1rem; }

.job .items-list .right-box { width: 100%; }

.job .items-list .title-box { margin-bottom: 8px; font-size: 18px; }

.job .items-list .title-box .tit-txt { color: #000; }

.job .items-list .title-box .money-txt { margin-left: 8px; color: var(--base-color); font-weight: 500; }

.job .items-list .desc-txt { color: #999; }

.job .items-list .desc-txt p { flex: auto; font-size: 15px; }

.business-wrap1 { background-color: #f6f6f6; }

.business-wrap1-content .text-item { flex: 1; }

.business-wrap1-content .con { max-height: 305px; overflow-y: auto; }

.business-wrap1-content .text-p { color: #333; text-align: justify; line-height: 1.9; font-size: 1rem; }

.business-wrap1-content .image-item { max-width: 480px; width: 46%; aspect-ratio: 480 / 305; }

.business-wrap2-left { width: 675px; }

.business-wrap2-left img { display: block; width: 100%; }

.business-wrap2-right { padding-left: 30px; }

.business-wrap2-right h5 { font-size: 18px; color: #262626; margin: 0; font-weight: normal; }

.business .feedback-content { width: 496px; }

.business .form-group { display: flex; flex-direction: column; overflow: hidden; margin-bottom: 16px; }

.business .label-required { font-size: 16px; color: #5c5c5c; width: 94px; margin-bottom: 6px; }

.business .form-group .col-md { float: right; width: 402px; }

.business .form-group .col-md input { width: 361px; height: 34px; font-size: 17px; padding: 0 10px; color: #757575; border: 1px solid #d8d8d8; }

.business .form-group .col-md input:focus { outline: none; }

.business .form-group .col-md span { color: #ff0000; }

.business .form-group textarea { width: 361px; height: 85px; font-size: 17px; padding: 0 10px; color: #757575; line-height: 34px; resize: none; border: 1px solid #d8d8d8; }

.business .form-group .col-md textarea:focus { outline: none; }

.business .btn-primary { color: #ffffff; background-color: var(--base-color); font-size: 20px; line-height: 42px; width: 154px; height: 42px; border-radius: 7px; border: 0; cursor: pointer; }

.advantage { background-color: #f6f6f6; }

.advantage .wz-colbox { margin: 0 -10px; }

.advantage .wz-row { padding: 10px; }

.advantage .wz-rowbox { padding: 15px; }

.advantage .wz-img { width: 64px; aspect-ratio: 1 / 1; margin-bottom: 10px; }

.advantage .wz-h2 { font-weight: bold; font-size: 19px; margin-bottom: 10px; color: #000; }

.customer .wz-colbox { padding: 0.8rem 0; width: 100%; }

.customer .wz-row { padding: 0.8rem; cursor: pointer; }

.customer .wz-rowbox { background-color: #f2f2f2; display: block; overflow: hidden; border: 1px solid #e4e3f0; padding: 0.5rem; border-radius: 0; }

.customer .wz-img { width: 100%; display: block; object-fit: contain; overflow: hidden; }

.customer .wz-img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); }

.customer .wz-font { padding: 2%; margin-top: 0.5rem; background-color: #e0e9f2; }

.customer .wz-font p { color: #333; text-align: center; font-size: 1rem; color: #444; max-width: 72%; }

.customer .wz-font span { margin: 0 0.4rem; display: block; content: ""; width: 0.4rem; height: 0.4rem; background-color: var(--base-color); }

.customer .wz-font:hover h1 { color: #fb8967; }

.detail .item_title { text-align: center; margin-bottom: 20px; }

.detail .item_title h1 { font-weight: bold; font-size: 24px; color: #333; }

.detail .item_title p { margin: 10px 0 10px; font-size: 16px; color: #999; }

.detail .item_container p { width: 100%; text-indent: 2em; color: #333; font-size: 16px; line-height: 1.7; margin-bottom: 10px; }

.detail .item_container p:has(img) img { text-indent: 0; margin: 0 auto; display: block; max-width: 100%; width: auto; }

/* ===== CONTACT START ===== */
.contact { background-color: #f6f6f6; }

.contact .way-left-wrapper { flex: 1; padding: 40px; background-color: var(--base-color); box-sizing: border-box; color: #fff; }

.contact .way-left-wrapper .con-title .title-en-h1 { font-size: 28px; }

.contact .way-left-wrapper .con-title .title-cn { font-size: 18px; font-weight: bold; margin-top: 10px; }

.contact .way-left-wrapper .con-title .title-en { font-size: 34px; font-weight: 600; margin-bottom: 6px; }

.contact .way-left-wrapper .ul-address { margin: 10px 0; }

.contact .way-left-wrapper .ul-address .li-p { font-size: 16px; line-height: 1.7; }

.contact .way-left-wrapper .contact-btn { margin-top: 10px; background-color: var(--base-color); padding: 8px 28px; border-radius: 4px; font-size: 14px; border: none; color: #fff; cursor: pointer; }

.contact .way-right-wrapper { width: 55%; height: 400px; }

.contact .way-right-wrapper .tdt-control-copyright img { width: auto; height: auto; }

.contact .way-right-wrapper .map-title { font-size: 18px; color: var(--color-base); }

.contact .way-right-wrapper .map-p { margin: 10px 0; font-size: 14px; }

.contact-way { background-color: #fff; color: #000; }

.contact-header { margin-bottom: 10px; }

.contact-table { width: 100%; border-collapse: collapse; }

.contact-table th, .contact-table td { border: 1px solid #000; padding: 8px; text-align: center; }

.contact-table th { font-weight: normal; }

/* ===== CONTACT END ===== */
@media only screen and (max-width: 1366px) { .about .text-item .con { max-height: 295px; } }

@media only screen and (max-width: 1043px) { .left-wrapper { display: none; }
  .right-wrapper { padding-left: 0; }
  .right-wrapper .wz-text { font-size: 12px; } }

@media only screen and (max-width: 768px) { .about-wrap { flex-direction: column; }
  .about-wrap:nth-child(1) .text-item { margin-left: 0; }
  .about-wrap:nth-child(2) { margin-top: 0; }
  .about-wrap:nth-child(2) .text-item { margin-right: 0; }
  .about-wrap:nth-child(2) .text-p { margin-top: 0; }
  .about-wrap:nth-child(2) .image-item { margin-top: 20px; }
  .about-wrap .image-item { margin: 0 0 20px 0; max-width: 100% !important; width: 100% !important; display: flex; align-items: center; justify-content: center; aspect-ratio: auto !important; }
  .about-wrap .text-item .con { max-height: 100%; padding: 0; }
  .about-wrap-in { flex-direction: column-reverse; }
  .about-wrap-in .text-item { padding-right: 0; }
  .contact .way { flex-direction: column; }
  .contact .way-left-wrapper { width: 100%; }
  .contact .way-right-wrapper { margin-top: 30px; width: 100%; }
  .business-wrap1-content { flex-direction: column-reverse; }
  .business-wrap1-content .text-item { padding-right: 0; }
  .business-wrap1-content .con { max-height: 100%; }
  .business-wrap1-content .image-item { width: 100%; margin-bottom: 10px; }
  .business-wrap2 { flex-direction: column; }
  .business-wrap2-left { width: 100%; }
  .business-wrap2-left img { display: block; width: 100%; }
  .business-wrap2-right { margin-top: 20px; width: 100%; padding-left: 0px; }
  .business-wrap2-right .feedback-content { width: 100%; }
  .business-wrap2 .form-group .col-md { width: 100%; }
  .business-wrap2 .form-group .col-md input { width: 100%; }
  .business-wrap2 .form-group textarea { width: 100%; }
  .service-item { flex-direction: column; align-items: center; }
  .service-item .name { margin-bottom: 20px; width: 210px; height: 100px; border-radius: 30px 0 30px 0; }
  .service-item-content { margin-left: 0; }
  .service-item-content h5 { text-align: center; }
  .service-item-content p { font-size: 16px; }
  .service-item:not(:last-child) { margin-bottom: 20px; }
  .job .desc-txt { flex-direction: column; align-items: flex-start; } }
  .m_nav_active {color: #00529a;}