@charset "UTF-8";
@import url(/assets/index_e/css/main.css);
@import url(/assets/index_e/css/commer.css);
@import url(/assets/index_e/css/mbnav.css);
@import url(/assets/index_e/css/banner.css);
body { --base-color: #0052aa; }

.page_tit { display: flex; align-items: center; }

.page_tit::before { content: ""; display: block; width: 28px; height: 4px; background: var(--base-color); margin-right: 26px; }

.watch_more { width: 208px; height: 60px; background: var(--base-color); border-radius: 30px; display: flex; align-items: center; justify-content: center; }

.watch_more:after { content: ""; display: block; width: 15px; height: 16px; background: url(/assets/index/images/watch_more.png) no-repeat center/cover; margin-left: 68px; }

/* ===== INDEX START ===== */
.index_about { position: relative; height: 930px; }

.index_about::after { content: ""; display: block; height: 100%; width: 58%; background: url(/assets/index/images/index_1_1.jpg) no-repeat center/cover; position: absolute; top: 0; right: 0; }

.index_about .w-1600 { overflow: hidden; height: 100%; display: flex; align-items: flex-end; }

.index_about .texts { width: 40%; position: relative; z-index: 3; background: #fff; padding: 115px 6% 115px 0; height: 100%; }

.index_about .texts:after { content: ""; display: block; width: 100%; height: 100%; background: url(/assets/index/images/index_2.png) no-repeat center/cover; position: absolute; left: 0; top: 0; z-index: -1; }

.index_about .con { margin-top: 30px; padding-left: 55px; padding-right: 10px; box-sizing: border-box; max-height: 410px; overflow-y: auto; }

.index_about .watch_more { margin-top: 88px; margin-left: 52px; }

.index_about:before { content: ""; display: block; width: 42%; height: 100%; background: #fff; z-index: 1; position: absolute; left: 0; bottom: 0; }

.index_product { background: url(/assets/index/images/index02-bg.jpg) no-repeat center/cover; }

.index_product .swiper-container { overflow: initial; }

.index_product .swiper-slide { padding: 0 40px 85px; box-sizing: border-box; background: #ffffff; overflow: initial; transition: all 0.4s; }

.index_product .swiper-slide .img { width: 59.3%; height: 472px; display: flex; align-items: center; justify-content: center; margin-top: -65px; position: relative; border: 1px solid #eeeeee; background: #fff; padding: 20px; box-sizing: border-box; overflow: hidden; }

.index_product .swiper-slide .img img { transition: all 0.4s; display: block; max-width: 100%; max-height: 100%; }

.index_product .swiper-slide:hover .img img { transform: scale(1.1); }

.index_product .swiper-slide-active { background: #ffffff; }

.index_product .texts { width: 33%; margin-left: auto; }

.index_product .tit { margin-top: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.index_product .line { width: 100px; height: 4px; background: var(--base-color); margin: 24px 0; }

.index_product .con { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 110px; }

.index_product .ind-pd-prev, .index_product .ind-pd-next { width: 22px; height: 13px; display: block; }

.index_product .ind-pd-prev { background: url(/assets/index/images/ind-pd-prev.png) no-repeat center/cover; cursor: pointer; }

.index_product .ind-pd-next { background: url(/assets/index/images/ind-pd-next.png) no-repeat center/cover; cursor: pointer; }

.index_product .ind-pd-pagi { display: flex; align-items: center; justify-content: center; }

.index_product .ind-pd-pagi .swiper-pagination-pd { display: inline-block; width: auto; margin: 0 22px; color: #333333; font-size: 20px; }

.index_product .swiper-pagination-total { color: #878787; }

.index_product .watch-detail { display: block; width: 50px; height: 50px; background: url(/assets/index/images/watch-hdetaill.png) no-repeat center/cover; transition: all 0.4s; margin-top: 50px; }

.index_news .news-box { width: 100%; border: #ddd 1px solid; box-sizing: border-box; border-radius: 1rem; }

.index_news .news01 { width: 30%; padding: 2rem; align-self: stretch; }

.index_news .news01 .news_dl { display: block; width: 100%; }

.index_news .news01 .news_dl dt { width: 100%; line-height: 0; overflow: hidden; border-radius: 0.5rem; }

.index_news .news01 .news_dl dt img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; border-radius: 0.5rem; }

.index_news .news01 .news_dl dd { width: 100%; padding: 1.5rem 0 0; }

.index_news .news_dl dd { color: #333; }

.index_news .news_dl dd h5 { font-size: 1.1rem; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.6rem; height: 3.2rem; }

.index_news .news_dl dd p { font-size: 0.9rem; padding-top: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5rem; }

.index_news .news_dl dd span { display: block; font-family: "DINOT"; font-size: 1rem; color: var(--base-color); line-height: 1.5rem; margin-top: 1.8rem; }

.index_news .news_dl:hover dd h5 { color: var(--base-color); }

.index_news .news_dl:hover span { color: var(--base-color); }

.index_news .news02 { flex: 1; position: relative; border-left: #ddd 1px solid; }

.index_news .news02::before { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; }

.index_news .news02:after { content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%; }

.index_news .news02 .news_dl { display: block; width: 50%; float: left; height: 14.5rem; }

.index_news .news02 .news_dl dt { display: none; }

.index_news .news02 .news_dl dd { width: 87%; padding: 1.8rem 0 0; margin: 0 auto; }

/* ===== INDEX END ===== */
/* ===== ABOUT START ===== */
.about-box1 .image-item { max-width: 730px; width: 46%; aspect-ratio: 730 / 456; margin: 0 0 10px 40px; }

.about-box1 .media-container { position: relative; width: 100%; height: 100%; }

.about-box1 .cover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; }

.about-box1 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; /* 默认隐藏视频 */ }

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

.about-box1 .text-item .con { margin-top: 30px; max-height: 320px; overflow-y: auto; padding-right: 8px; box-sizing: border-box; }

.about-box1 .text-item h3 { font-weight: bold; margin-bottom: 20px; color: #000; }

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

.about .culture .items { background-color: var(--base-color); color: #fff; padding: 20px; box-sizing: border-box; }

.about .culture .items:hover { -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

.about .culture .items h4 { color: inherit; font-size: 22px; }

.about .culture .items p { line-height: 1.7; text-align: center; color: rgba(255, 255, 255, 0.9); }

.about .culture .left-item { width: 50%; }

.about .culture .left-item .items { aspect-ratio: 1 / 1; width: 49%; }

.about .culture .left-item .items h4 { margin-bottom: 10px; }

.about .culture .right-item { width: 49%; align-self: normal; }

.about .culture .right-item .items { height: 100%; }

.about .culture .right-item .items p { text-align: left; }

.about-image-box img:nth-child(1) { max-width: 450px; width: 29%; aspect-ratio: 450 / 330; }

.about-image-box img:not(:first-child) { max-width: 330px; aspect-ratio: 330 / 440; width: 21%; }

.about-image-box img:hover { cursor: pointer; -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

/* ===== ABOUT END ===== */
/* ===== PRODUCT END ===== */
.product_lists .list { width: 23.8%; margin-right: 1.6%; margin-bottom: 30px; background: #ffffff; }

.product_lists .list:nth-child(4n) { margin-right: 0; }

.product_lists .list .img { height: 422px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; padding: 15px; box-sizing: border-box; }

.product_lists .list .img img { display: block; transition: all 0.4s; max-width: 100%; max-height: 100%; }

.product_lists .list .text { height: 80px; line-height: 80px; text-align: center; padding: 0 15px; box-sizing: border-box; border-top: 1px solid #f5f5f5; transition: all 0.4s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

/* ===== PRODUCT END ===== */
/* ===== CASE END ===== */
.case_lists { background-color: #fff; padding: 30px; box-sizing: border-box; border-radius: 10px; }

.case_lists .list { align-self: start; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; width: 23.8%; margin-right: 1.6%; position: relative; overflow: hidden; }

.case_lists .list:nth-child(4n) { margin-right: 0; margin-bottom: 30px; }

.case_lists .list:last-child { margin-bottom: 0; }

.case_lists .list:hover .showBox { opacity: 1; }

.case_lists .list:hover .caseImg { transform: translate(-50%, -50%) scale(1.1); }

.case_lists .list:hover .showBoxLink::before { width: 1rem; }

.case_lists .list:hover .showBoxLink::after { width: 1rem; }

.case_lists .caseTbox { position: relative; overflow: hidden; width: 100%; height: auto; padding-bottom: 70%; }

.case_lists .caseImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all 0.5s ease; }

.case_lists .caseBbox { position: relative; overflow: hidden; width: 100%; height: auto; padding: 20px 20px 10px; border: 1px solid #ddd; }

.case_lists .caseTitle { font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%; margin-bottom: 10px; }

.case_lists .caseSummry { color: #777; white-space: nowrap; overflow: hidden; margin: 10px 0; display: none; text-overflow: ellipsis; }

.case_lists .lookDetail { position: relative; display: block; color: #777; height: 38px; line-height: 38px; border-top: 1px solid #e5e5e5; }

.case_lists .lookDetail:hover .barr { opacity: 0; }

.case_lists .lookDetail:hover .harr { opacity: 1; }

.case_lists .arrowsR { position: absolute; top: 50%; right: 0px; transform: translate(0, -50%); width: 30px; }

.case_lists .arrowsR img { position: absolute; transition: all 0.5s ease; }

.case_lists .harr { opacity: 0; }

.case_lists .showBox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: all 0.5s ease; }

.case_lists .showBoxLink { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 60%; color: #fff; text-align: center; font-size: 1rem; padding: 0.5rem 0; }

.case_lists .showBoxLink:before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all 0.5s ease; }

.case_lists .showBoxLink:after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all 0.5s ease; }

/* ===== CASE END ===== */
/* ===== NEWS START ===== */
.news_content > a { border-bottom: 1px solid #eee; }

.news_item { flex: 1; width: 100%; margin: 20px 0; }

.news_item--left-box { width: 330px; aspect-ratio: 330 / 206; overflow: hidden; height: auto; }

.news_item--left img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }

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

.news_item--right { flex: 1; overflow: hidden; padding-left: 20px; height: inherit; box-sizing: border-box; display: flex; flex-direction: column; }

.news_item--right .top_title { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 65px; }

.news_item--right .top_title .data_time { padding-top: 10px; color: #333; }

.news_item--right .top_title .news_item-title { width: 100%; color: #333; font-size: 20px; }

.news_item--right .news_item-text { margin: 20px 0 25px; font-size: 14px; color: #898989; flex: 1; }

.news_item--right .news_item-more { font-size: 16px; color: #5f6061; }

/* ===== NEWS END ===== */
/* ===== APTITUDE START ===== */
.aptitude_lists .list { align-self: start; width: 23.8%; margin-right: 1.6%; position: relative; overflow: hidden; }

.aptitude_lists .list:nth-child(4n) { margin-right: 0; margin-bottom: 30px; }

.aptitude_lists .list:last-child { margin-bottom: 0; }

.aptitude_lists .p-rowbox { background-color: #fff; display: block; overflow: hidden; border: 1px solid #e4e3f0; padding: 0.5rem; cursor: pointer;}

.aptitude_lists .p-img { background-color: #f6f6f6; width: 100%; aspect-ratio: 290 / 205; display: block; object-fit: contain; overflow: hidden; }

.aptitude_lists .p-img img { object-fit: inherit; width: 100%; height: 100%; }

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

.aptitude_lists .p-font { padding: 0 2%; margin-top: 0.5rem; }

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

/* ===== APTITUDE END ===== */
/* ===== JOB START ===== */
.job .left-box { width: 300px; }

.job .top-box { color: #fff; padding: 20px; box-sizing: border-box; font-size: 26px; text-align: center; background-color: var(--base-color); }

.job .info-box { margin-top: 20px; }

.job .info-box .tit-box { background-color: var(--base-color); padding: 16px; box-sizing: border-box; text-align: center; color: #fff; }

.job .info-box .tit-box .tit-cn { font-size: 22px; }

.job .info-box .tit-box .tit-en { margin-top: 6px; font-size: 16px; }

.job .info-box .txt-box { padding: 20px 10px; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; }

.job .info-box .txt-box .p { line-height: 1.5; color: #333; }

.job .right-box { flex: 1; margin-left: 35px; }

.job .title-h1 { font-size: 28px; font-weight: bold; color: var(--base-color); padding-bottom: 6px; border-bottom: 2px solid var(--base-color); display: inline-block; }

.job .items-box .text-box { margin-top: 20px; }

.job .items-box .text-box p { text-indent: 2em; line-height: 1.7; margin-bottom: 20px; }

.job .message { margin-top: 30px; }

.job .form { margin-top: 20px; display: flex; flex-direction: column; justify-content: space-between; }

.job .form-top { display: flex; justify-content: space-between; }

.job .form-bottom { width: 100%; margin-top: 16px; }

.job .form-bottom .button { font-size: 16px; letter-spacing: 1px; cursor: pointer; padding: 10px 20px; box-sizing: border-box; background-color: var(--base-color); color: #fff; border: none; border-radius: 4px; }

.job .form-left { width: 30%; }

.job .form-right { margin-left: 20px; flex: 1; align-self: stretch; }

.job .form .input { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #404040; }

.job .form .input:not(:last-child) { margin-bottom: 10px; }

.job .form .textarea { height: 100%; border: 1px solid #404040; width: 60%; padding: 10px; box-sizing: border-box; }

/* ===== JOB END ===== */
.detail .item_title { text-align: center; margin-bottom: 20px; }

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

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

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

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

/* ===== CONTACT START ===== */
.contant_map { height: 692px; position: relative; }

.contant_map img { max-width: initial; }

.contant_map .ewm img { max-width: 120px; margin-top: 15px; display: block; }

.allmap_content { position: absolute; top: 50%; right: 10%; transform: translateY(-50%); z-index: 8000; }

.map_box { padding: 35px 30px; box-sizing: border-box; width: 600px; height: 493px; background: #fefeff; margin-left: auto; position: relative; }

.map_box::after { content: ""; display: block; width: 100%; height: 340px; background: url(/assets/index/images/contant_map_bg.png) no-repeat center/cover; position: absolute; left: 0; top: 0; }

.map_box .map-page_title { position: relative; z-index: 1; }

.map_texts { margin-top: 15px; box-sizing: border-box; position: relative; z-index: 1; }

.map_texts .map_item { margin-bottom: 5px; }

.map_texts .map_item:last-child { margin-bottom: 0; }

.contant_map .map_tit img { margin-right: 13px; }

#allmap .map-title { font-size: 20px; }

#allmap .map-p { font-size: 14px; }

@keyframes jumpBoxHandler { /* css事件 */
  0% { transform: translate(562px, 286px); }
  50% { transform: translate(562px, 310px);
    /* 可配置跳动方向 */ }
  100% { transform: translate(562px, 286px); } }

@keyframes bounce-up { 0% { bottom: 15%; }
  100% { bottom: 14%; } }

/* ===== CONTACT END ===== */
.popup { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); }

.popup-wrapper { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0px; left: 0; background-color: rgba(89, 70, 56, 0.7); z-index: 100; border-radius: 10px; }

.popup-content { max-height: 80vh; padding: 20px; width: 660px; margin: 10px auto; position: relative; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; }

.popup-content .popup-header { width: 100%; margin: 0 auto 10px; height: 40px; }

.popup-content .popup-header p { font-weight: bold; font-size: 20px; }

.popup .boxed-group-inner { width: 100%; max-height: 80vh; overflow-y: auto;}

.popup .close-box { font-weight: bold; cursor: pointer; font-size: 30px; align-self: start; }

@media only screen and (max-width: 1366px) { .index_product .swiper-slide { padding: 0 40px 55px; }
  .index_product .swiper-slide .img { height: 348px; }
  .index_product .con { -webkit-line-clamp: 2; height: 48px; }
  .index_product .watch-detail { margin-top: 35px; width: 42px; height: 42px; }
  .index_product .line { width: 50px; height: 2px; margin: 15px 0; }
  .index_product .ind-pd-pagi { padding-top: 60px; }
  .about .text-item .con { max-height: 300px; } }

@media only screen and (max-width: 1280px) { .index_about { height: 840px; }
  .index_about .con { max-height: 220px; }
  .product_lists .list .img { height: 365px; } }

@media only screen and (max-width: 1200px) { .watch_more { width: 168px; height: 55px; }
  .watch_more:after { margin-left: 28px; }
  .index_about { height: 780px; }
  .index_about .texts { padding: 90px 12% 90px 0; height: calc(100% - 80px); }
  .index_about .watch_more { margin-top: 80px; }
  .job .form-left { width: 40%; }
  .job .form .textarea { width: 80%; } }

@media only screen and (max-width: 1043px) { .index_news .news01 { width: 45%; }
  .product_lists .list { margin-bottom: 35px; width: 32%; margin-right: 2%; }
  .product_lists .list:nth-child(4n) { margin-right: 2%; }
  .product_lists .list:nth-child(3n) { margin-right: 0; }
  .case_lists .list { width: 32%; margin-right: 2%; }
  .case_lists .list:nth-child(4n) { margin-right: 2%; margin-bottom: 0; }
  .case_lists .list:nth-child(3n) { margin-right: 0; margin-bottom: 30px; }
  .case_lists .list:last-child { margin-bottom: 0; }
  .aptitude_lists .list { width: 32%; margin-right: 2%; }
  .aptitude_lists .list:nth-child(4n) { margin-right: 2%; margin-bottom: 0; }
  .aptitude_lists .list:nth-child(3n) { margin-right: 0; margin-bottom: 30px; }
  .aptitude_lists .list:last-child { margin-bottom: 0; }
  .job .left-box { width: 250px; }
  .job .form-left { width: 50%; }
  .job .form .textarea { width: 100%; }
  .contant_map { margin-top: 65px; }
  .map_box { width: 620px; padding: 35px 40px; height: 468px; } }

@media only screen and (min-width: 960px) { .product_lists .list:hover .img img { transform: scale(1.05); }
  .product_lists .list:hover .text { background: var(--base-color); color: #ffffff; } }

@media only screen and (max-width: 768px) { .watch_more { width: 118px; height: 38px; }
  .watch_more:after { margin-left: 8px; }
  .page_tit::before { margin-right: 10px; width: 20px; }
  .index_about { height: auto; padding: 30px 0; box-sizing: border-box; }
  .index_about:after { display: none; }
  .index_about::before { display: none; }
  .index_about .texts { padding: 30px 20px; height: auto; width: 100%; padding-bottom: 20px;}
  .index_about .texts:after { display: none; }
  .index_about .con { max-height: 180px; padding-left: 0; margin-top: 15px; }
  .index_about .watch_more { margin-top: 10px; margin-left: 0; margin: 15px auto 0; }
  .index_product .swiper-slide .img { padding: 30px 20px; width: 100%; height: 280px; background: #fff; margin: 0; margin-top: 20px;}
  .index_product .texts { width: 100%; margin-left: 0; margin-top: 25px; }
  .index_product .texts::after { display: none; }
  .index_product .con { height: 52px; -webkit-line-clamp: 2; }
  .index_product .line { width: 38px; height: 3px; margin: 15px 0; }
  .index_product .watch-detail { width: 40px; height: 40px; margin-top: 25px; }
  .index_product .ind-pd-pagi { padding-top: 30px; }
  .index_news .news01 { width: 40%; }
  .about-box1-wrap { flex-direction: column-reverse; }
  .about-box1 .image-item { margin: 0 0 20px 0; max-width: 100%; width: 100%; }
  .about .culture-content { flex-direction: column; }
  .about .culture .items p { font-size: 0.9rem; line-height: 1.5; }
  .about .culture .items h4 { font-size: 1.2rem; }
  .about .culture .left-item { width: 100%; margin-bottom: 2%; }
  .about .culture .right-item { width: 100%; }
  .about .culture .right-item .items h4 { text-align: center; width: 100%; margin: 10px 0; }

  .about-image-box > div { flex-direction: column; }
  .about-image-box > div img { margin-bottom: 10px; max-width: 100% !important; width: 100% !important; }

  .product_lists .list { margin-bottom: 20px; width: 100%; margin-right: 0; }
  .product_lists .list:last-child { margin-bottom: 0; }
  .product_lists .list .img { height: 285px; }
  .case_lists .list { margin-bottom: 20px; width: 100%; margin-right: 0; }
  .case_lists .list:last-child { margin-bottom: 0; }
  .news .news_item { flex-direction: column; }
  .news .news_item--left { width: 100%; margin-bottom: 10px; }
  .news .news_item--left-box { width: 100%; }
  .news .news_item--right { padding-left: 0px; }
  .news .news_item--right .top_title { height: 44px; }
  .news .news_item--right .top_title .data_time { font-size: 14px; padding-top: 0; }
  .news .news_item--right .top_title .news_item-title { font-size: 18px; }
  .news .news_item--right .news_item-text { margin: 8px 0; }
  .news .news_item--right .news_item-text p.txt-cut { -webkit-line-clamp: 2; }
  .news .news_item--right .news_item-more { display: none; font-size: 14px; }
  .aptitude_lists .list { margin-bottom: 20px; width: 100%; margin-right: 0; }
  .aptitude_lists .list:last-child { margin-bottom: 0; }
  .job .form-top { flex-direction: column; }
  .job .form-left { width: 100%; }
  .contant_map .bottom-wrap { flex-direction:column; }
  .job .form-right { margin-top: 10px; margin-left: 0; }
  .job .form .textarea { height: 150px; width: 100%; }
  .contant_map { margin-top: 30px; height: auto; display: flex; flex-direction: column-reverse; }
  #allmap { height: 285px !important; }
  #allmap .map-title { color: var(--base-color); font-size: 16px; }
  #allmap .map-p { font-size: 14px; }
  .map_box { width: 100%; padding: 30px 15px; height: auto; }
  .allmap_content { position: initial; transform: translate(0); }
  .contant_map .map_tit img { margin-right: 8px; }
  .map_texts .map_item { margin-bottom: 8px; }
  .map_texts { margin-top: 20px; }
  .map_box .map-page_title { text-align: center; }
  .popup .popup-content { width: 88%; padding: 10px; } }

@media screen and (max-width: 430px) { .index_news .news-box { flex-direction: column; }
  .index_news .news_dl dd span { margin-top: 1rem; font-size: 0.8rem; }
  .index_news .news01 { width: 100%; padding: 1rem; position: relative; }
  .index_news .news01:after { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0; }
  .index_news .news02 .news_dl { height: 13rem; }
  .job .w-1600 { flex-direction: column; }
  .job .top-box { padding: 10px; font-size: 20px; }
  .job .info-box .tit-box { padding: 8px; }
  .job .info-box .tit-box .tit-cn { font-size: 20px; }
  .job .left-box { width: 100%; }
  .job .right-box { margin-top: 10px; margin-left: 0; }
  .job .title-h1 { font-size: 20px; }
  .job .form-top { flex-direction: column; }
  .job .form-left { width: 100%; }
  .job .form-right { margin-top: 10px; margin-left: 0; }
  .job .form .textarea { height: 150px; width: 100%; }
  .job .form-bottom { display: flex; }
  .job .form-bottom .button { margin: 0 auto; } }


  /*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/*多行溢出 手机端使用*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.two-txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.active_m{
	color: #0052aa !important;
}