@import url(./main.css);
@import url(./commer.css);
@import url(./mbnav.css);
@import url(./banner.css);
body { --base-color: #d10010; 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; }

/* ===== ABOUT START ===== */
.about-in .text-tit { color: var(--base-color); }

.about-in .text-desc { color: #999; font-size: 15px; margin-bottom: 15px; }

.about-in .video-item { width: 46%; }

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

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

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

.about-wrap .text-item .text-desc-a { color: #333; font-weight: bold; font-size: 16px; margin-bottom: 10px; }

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

.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 .aptitude .wz-row { padding: 0.5rem; }

.about .aptitude .wz-rowbox { padding: 0; border: none; }

/* ===== ABOUT END ===== */
/* ===== PRODUCT END ===== */
.bread { margin-top: 0.8rem; min-width: 200px; width: 250px; padding: 2%; background-color: #fff5f3; border-radius: 10px; align-self: flex-start; }

.bread .crumbs { margin-top: 10px; }

.bread .crumbs .items {color: inherit;cursor: pointer;padding: 10px 14px;box-sizing: border-box;}

.bread .crumbs .items:not(:last-child) { margin-bottom: 6px; }

.bread .crumbs .items a { color: #333; }

.bread .crumbs .items:hover {background-color: var(--base-color);border-radius: 6px;color: #fff;}

.bread .crumbs .items:hover a { color: #fff; }

.bread .crumbs .active {background-color: var(--base-color);border-radius: 6px;color: #fff;}

.bread .crumbs .active a { color: #fff; }

.bread .line { margin: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.06); }

.bread .contact-con .li-p { margin-top: 10px; }

.product_lists { padding-left: 30px; }

.product_lists .wz-img {max-width: 280px;aspect-ratio: 280 / 385;border-radius: inherit;overflow: hidden;}

.product_lists .wz-colbox { width: 100%; }

.product_lists .wz-row { padding: 0.8rem; }

.product_lists .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; }

/* ===== PRODUCT END ===== */
.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%); }

.n-font { padding: 0.5rem; flex: 1; }

.n-font .n-title { font-weight: bold; color: #333; }

.n-font .n-title:hover { color: none; }

.n-text { margin: 0.3rem 0; flex: 1; }

.n-text > p { font-size: 0.8rem; color: #808080; line-height: 1.5; }

.n-time { font-size: 0.7rem; color: #999; }

.in-product { background-color: #fff; }

.in-product .wz-img { overflow: hidden; max-width: 280px; width: 100%; aspect-ratio: 280 / 385; object-fit: contain; }

.in-product .wz-rowbox { overflow: hidden; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }

.in-product .wz-colbox { margin: 0 -0.9rem; }

.in-product .wz-row { padding: 0.9rem; }

.in-product .wz-row:hover .wz-rowbox { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }

.in-product .n-text { margin: 0.3rem 0; font-size: 0.9rem; }

.in-product .n-time { font-size: 14px; }

.in-product .n-time .time-icon { width: 14px; height: 16px; margin-right: 10px; }

/* ===== APTITUDE START ===== */
.aptitude { background-color: #f7f8fa; }

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

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

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

.aptitude .wz-img {width: 100%;display: block;object-fit: contain;overflow: hidden;aspect-ratio: 349 / 485;}

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

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

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

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

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

.company .wz-img {aspect-ratio: 77 / 51;}

/* ===== APTITUDE END ===== */
.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 .way-left-wrapper { background-color: var(--base-color); flex: 1; height: 80%; padding: 30px; box-sizing: border-box; color: #fff; }

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

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

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

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

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

.contact .way-right-wrapper { width: 50%; height: 350px; }

.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 END ===== */
@media only screen and (max-width: 1366px) { .about .text-item .con { max-height: 295px; } }

@media only screen and (max-width: 1043px) { .bread { display: none; }
  .product_lists { padding-left: 0; } }

@media only screen and (max-width: 768px) { .about-wrap { padding-top: 0; flex-direction: column; }
  .about-wrap .image-item { margin: 0 0 20px 0; max-width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; padding-left: 0; }
  .about-wrap .text-item { padding-left: 0; }
  .about-wrap .text-item .con { max-height: 100%; padding: 0; }
  .about-wrap-in { flex-direction: column-reverse; }
  .about-wrap-in .text-item { padding-top: 10px; padding-right: 0; }
  .about-wrap-in .video-item { width: 100%; }
  .in-product .wz-row { padding: 0.5rem; }
  .in-product .wz-colbox { margin: 0 -0.5rem; }
  .product_lists .wz-row { padding: 0.5rem; }
  .contact .way { flex-direction: column; }
  .contact .way-left-wrapper { width: 100%; }
  .contact .way-right-wrapper { margin-top: 30px; width: 100%; } }

@media screen and (max-width: 430px) { .in-product .wz-img { max-width: 100%; }
  .in-product .wz-img img { width: 100%; } }