@charset "UTF-8";
/*@import url("/assets/index/swiper/swiper.min.css");*/
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }

html, body { font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif; font-size: 16px; }

a, a:hover, a:focus { text-decoration: none; outline: none !important; outline: 0; color: inherit; }

ul, ul li, ol, li { list-style: none outside none; }

input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; }

textarea { resize: none; }

a { text-decoration: none; }

img { vertical-align: middle; border: none; width: 100%; height: 100%; }

i { font: inherit; }

/*单行溢出*/
.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; }

.flex { display: box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.flex-j { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.flex-w { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; }

.flex-c { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-ed { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; }

.align-start { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }

.align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.align-end { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }

.flex-cm { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }

.trs { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.content { width: 100%; max-width: 1200px; margin: auto; }

body { --color-base: #0064b3; }

/* 头部 */
.index-header .header { height: 0; }

.index-header .headerFixed { height: 5rem; background: rgba(255, 255, 255, 0.5); }

.header { width: 100%; height: 5rem; }

.headerFixed { width: 100%; background: #fff; position: fixed; top: 0; z-index: 1000; height: inherit; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; }

.headerbox { height: inherit; }

.header-l .logo { width: 80%; }

.header-r { margin-left: 10%; width: 70%; }

.header-r .english-wrapper { margin-left: 30px; cursor: pointer; }

.header-r .english-wrapper img { margin-right: 6px; width: 20px; height: auto; }

.mo-top .english-wrapper { margin-right: 10px; }

.mo-top .english-wrapper img { width: 20px; }

/* 导航 */
.nav { width: 100%; }

.nav .nav1li { /* flex: 1; */ margin: 0 0px 0 5%; position: relative; text-align: center; }

.nav .nav1li .nav1a { white-space: nowrap; font-size: 1rem; color: #333; font-weight: bold; line-height: 2.5rem; }

.nav1a .iconfont { font-size: 0.6rem; padding-left: 0.5rem; color: rgba(255, 255, 255, 0.7); }

.nav .nav1li.active .nav1a { color: var(--color-base); }

.nav .nav1li:hover .nav1a { color: var(--color-base); }

.nav .nav2ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; width: 100%; background-color: white; z-index: 100; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); }

.nav .nav2li { padding: 0 1rem; }

.nav .nav2li a { font-size: 0.7rem; color: #444; text-align: center; display: block; padding: 0.5rem 0; }

.nav ul > li:hover .nav2ul { visibility: visible; opacity: 1; }

.nav .nav2li:hover { background-color: var(--color-base); }

.nav .nav2li:hover a { color: #fff; }

.nav.on { top: 0; position: fixed; left: 0; z-index: 500; }

/* PC底部 */
.footer { background: var(--color-base); color: #fff; width: 100%; }

.footer .footTop { padding: 32px 0 24px 0; }

.footer .footTop .lefts .daohang { font-size: 18px; line-height: 24px; font-weight: 500; color: #fff; margin-bottom: 24px; }

.footer .footTop .lefts .daohang img { width: 30px; height: 24px; display: inline-block; }

.footer .footTop .lefts h2 { font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 16px; }

.footer .footTop .lefts .ifo { display: flex; align-items: center; font-size: 14px; color: rgba(255, 255, 255, 0.76); margin-bottom: 12px; }

.footer .footTop .lefts .ifo .phone { width: 70px; padding-right: 8px; margin-right: 16px; border-right: 1px solid rgba(255, 255, 255, 0.24); }

.footer .footTop .lefts .ifo img { margin-right: 8px; width: auto; height: auto; }

.footer .footTop .lefts .daohang img { margin-left: 4px; }

.footer .footTop .rights .lianjie ul { display: flex; justify-content: flex-end; }

.footer .footTop .rights .lianjie ul li { float: right; padding-right: 12px; margin-left: 12px; line-height: 12px; }

.footer .footTop .rights .lianjie ul li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.24); }

.footer .footTop .rights .lianjie ul .last { border-right: none; }

.footer .footTop .rights .lianjie ul li a { font-size: 14px; color: rgba(255, 255, 255, 0.64); }

.footer .footTop .rights .lianjie ul li a:hover { /*color: rgba(255, 255, 255, 0.64);*/ color: #fff;}

.footer .footTop .rights .lianxi { display: flex; margin-top: 48px; justify-content: end; /* border: #1273E4 1px solid; */ }

.footer .footTop .rights .lianxi .num { /* width: 157px; height: 83px; */ /* border: 1px solid #1273E4; */ font-size: 24px; font-weight: 700; color: #fff; margin-right: 48px; }

.footer .footTop .rights .lianxi .num button { width: 100%; height: 40px; margin-top: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 4px; color: var(--color-base); font-weight: 600; font-size: 16px; transition: all 0.3s; }

.footer .footTop .rights .lianxi .num button:hover { cursor: pointer; border: 1px solid var(--color-base); }

.footer .footTop .rights .lianxi .num button span { margin-left: 4px; }

.footer .footTop .rights .lianxi .code { width: 130px; height: 130px; /* border: #1273E4 1px solid; */ font-size: 12px; color: rgba(255, 255, 255, 0.76); text-align: center; margin-left: 18px; }

.footer .footTop .rights .lianxi .code img { margin-bottom: 8px; }

.footer .footBtm { border-top: 1px solid rgba(255, 255, 255, 0.08); text-align: center; line-height: 48px; color: rgba(255, 255, 255, 0.32); font-size: 14px; }

/* 移动端导航 */
.mo-top { display: none; width: 100%; background: white; position: fixed; z-index: 500; top: 0; left: 0; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; height: 4rem; }

.mo-topbox { height: inherit; }

.mo-top a { display: block; overflow: hidden; width: 25%; line-height: 60px; }

.mo-top a img { max-width: 100%; display: block; }

.mo-nav .s1, .mo-top .s2, .mo-top .s3 { width: 22px; height: 2px; display: block; background-color: rgba(82, 112, 182, 0.4); position: relative; overflow: hidden; }

.su::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-base); transform: translateX(-100%); transition: all 0.25s ease; }

.mo-nav:hover .su::after { transform: translateX(0); }

.s1::after { transition-delay: 0.2s; }

.s2::after { transition-delay: 0.4s; }

.s3::after { transition-delay: 0.6s; }

.mo-nav .s2 { margin-top: 6px; }

.mo-nav .s3 { margin-top: 6px; }

.mo-nav.on .s1 { -webkit-transform: matrix(1, 0, 0, 1, 0, 8) rotate(45deg); transform: matrix(1, 0, 0, 1, 0, 18), rotate(45deg); }

.mo-nav.on .s2 { opacity: 0; }

.mo-nav.on .s3 { -webkit-transform: matrix(1, 0, 0, 1, 0, -8) rotate(-45deg); transform: matrix(1, 0, 0, 1, 0, -18), rotate(-45deg); }

/* 移动端导航下拉 */
.navdown { display: none; width: 100%; background: #fff; z-index: 500; position: fixed; top: 4rem; left: 0; }

.navdown ul li { width: 100%; border-bottom: 1px dashed #eee; }

.navdown ul li a { padding: 0.5rem; color: #444; width: 100%; display: block; font-size: 1rem; }

.navdown ul .active a { color: var(--color-base); }

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 499; position: fixed; top: 0; left: 0; display: none; }

/* 移动端底部 */
.mo-footer { display: none; padding: 4% 0; background-color: #1d2129; }

.mo-footer .ftrtop { padding: 0 6%; height: 40px; font-size: 1rem; color: var(--color-base); font-weight: 600; margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }

.mo-footer .ftrcter { display: flex; justify-content: space-between; padding: 0 6%; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }

.mo-footer .ftrcter .centerleft { display: flex; justify-content: space-between; flex-direction: column; flex: 1; padding-right: 20px; }

.mo-footer .ftrcter .centerleft .one { margin-bottom: 14px; }

.mo-footer .ftrcter .centerleft .one .mo-icon { font-size: 16px; color: rgba(255, 255, 255, 0.76); }

.mo-footer .ftrcter .centerleft .one .mo-icon img { width: 18px; height: 18px; }

.mo-footer .ftrcter .centerleft .one .txt { font-size: 14px; color: rgba(255, 255, 255, 0.76); margin-top: 4px; }

.mo-footer .ftrcter .centeright img { margin-bottom: 8px; width: 130px; height: 130px; }

.mo-footer .ftrcter .centeright { text-align: center; color: rgba(255, 255, 255, 0.76); font-size: 14px; }

.mo-footer .ftrcter .centeright > div { margin-bottom: 18px; }

.mo-footer .ftrbtm { text-align: center; margin-top: 4px; font-size: 14px; color: #666; }

/* 首页banner */
.swiper1 { width: 100%; height: 840px; position: relative; }

.swiper1 .swiper-slide { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.swiper1 .swiper-button-prev { left: 10%; }

.swiper1 .swiper-button-next { right: 10%; }

.swiper1 .iconfont { font-size: 2rem; color: rgba(255, 255, 255, 0.6); z-index: 100; }

.swiper1 .iconfont:hover { color: #fff; }

.swiper1 .swiper-button-prev:after, .swiper1 .swiper-button-next:after { content: "" !important; }

.swiper1 .swiper-button-prev .iconjiantou { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.banner .swiper1 .swiper-pagination { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.banner .swiper1 .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; opacity: 1; border: 2px solid rgba(255, 255, 255, 0.7); background-color: transparent !important; margin: 0 0.625rem !important; border-radius: 50%; }

.banner .swiper1 .swiper-pagination-bullet-active { background-color: var(--color-base) !important; border: none; }

.banner .swiper-web { display: block; }

.banner .swiper-mo { display: none; }

/* ===== 首页 ===== */
.text_p { font-size: 1rem; color: #363636; line-height: 1.7; text-align: justify; text-indent: 2em; }

.title-content { margin: 20px 0; position: relative; }

.title-content .logo-img { width: 170px; height: auto; position: absolute; }

.title { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; height: 50px; }

.title span { color: #fbdb18; }

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

.title .title_en { color: #494949; font-size: 16px; display: inline-block; }

.section1 { background-color: #fff; }

.section1-content { width: 100%; display: flex; justify-content: space-between; padding: 30px 0; }

.section1 .left-item { flex: 1; margin-right: 20px; }

.section1 .left-item .title-box { width: 100%; margin-bottom: 20px; margin-top:40px}


.section1 .left-item .h1-title { color: var(--color-base); font-size: 2.5rem; }

.section1 .left-item .desc-title { font-size: 1rem; margin-top: 0.2rem; color: rgba(153, 153, 153, 0.8); }

.section1 .left-item .text_p { text-indent: 0; }

.section1 .left-item .bottom-box { width: 90%; margin-top: 4rem; }

.section1 .left-item .bottom-box li { font-size: 1rem; }

.section1 .left-item .bottom-box img { width: 1.2rem; margin: 0 1rem 0 0; }

.section1 .right-item img { max-width: 560px; aspect-ratio: 4 / 3; height: auto; }

.quality { padding-top: 20px; background-color: #f0f0f0; }

.quality-content { padding: 30px 0; width: 100%; flex-wrap: wrap; }

.quality .wz-row { width: 25%; }

.quality .wz-row:hover .wz-rowbox { box-shadow: 0 10px 20px rgba(0, 100, 179, 0.1); -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

.quality .wz-pic { aspect-ratio: 4 / 3; }

.quality .wz-rowbox { height: 100%; padding: 0; }

.quality .wz-font { padding: 1rem; }

.quality .wz-font h3 { margin-bottom: 0.5rem; font-size: 1.3rem; }

.quality .wz-font p { line-height: 1.5; font-size: 16px; color: #999; }

/* 关于我们 */
.about { flex: 1; }

.about .ny-left-wrapper { width: 20%; }

.about .ny-left-wrapper .title-box { position: relative; }

.about .ny-left-wrapper .title-box .title_en { font-size: 38px; position: relative; height: 70px; margin-bottom: 16px; }

.about .ny-left-wrapper .title-box .title_en::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 40px; height: 2px; background-color: rgba(255, 255, 255, 0.6); }

.about .ny-left-wrapper .title-box .title_cn { font-weight: normal; font-size: 24px; margin-bottom: 30px; }

.about .ny-left-wrapper .title-box .icon-img { position: absolute; right: 10px; bottom: 10px; width: 70px; height: auto; }

.about .ny-left-wrapper .nav-active { box-sizing: border-box; background-color: transparent !important; color: #333 !important; position: relative; }

.about .ny-left-wrapper .nav-active::before { content: ""; position: absolute; left: 0; top: -1px; height: 100%; width: 3px; background-color: var(--color-base); }

.about .right-wrapper-section { display: none; }

.about .h1 { font-size: 34px; font-weight: normal; }

.about-section1 .image { margin: 30px 0; width: 575px; }

.about-section1 p { margin-bottom: 25px; }

.about-section2 .image { margin: 60px 0 30px; width: auto; height: auto; max-width: 100%; }

.about-section2 .zuzhi-web { display: block; }

.about-section2 .zuzhi-mo { display: none; }

.about-section3-box { margin: 30px 0; }

.about-section3-box ul { min-width: 140px; }

.about-section3 .top-box ul { margin-left: 8%; }

.about-section3 .top-box .img-icon { object-fit: contain; width: 50px; margin-right: 20px; height: auto; }

.about-section3 .top-box .image-box { width: 530px; aspect-ratio: 53 / 28; }

.about-section3 .top-box li:not(:last-child) { margin-bottom: 10px; }

.about-section3 .top-box h3 { margin-bottom: 10px; }

.about-section3 .top-box p { margin-bottom: 4px; }

.about-section3 .bottom-box { margin: 40px 0; }

.about-section3 .bottom-box li { width: 33.33%; padding: 0 10px; }

.about-section3 .bottom-box li:not(:last-child) { border-right: 1px solid #efefef; }

.about-section3 .bottom-box li p { font-size: 16px; }

.about-section3 .bottom-box h1 { color: var(--color-base); }

.about-section3 .bottom-box span { width: 20px; height: 2px; margin: 10px 0; background-color: var(--color-base); }

.about-section4 .p-img { overflow: hidden; aspect-ratio: 18 / 13; }

/* 产品展示 */
.product { flex: 1; background-color: #ebedec !important; }

.product .right-wrapper .detail-text { font-size: 16px; color: var(--color-base); }

.product_item { background-color: #fff; padding: 14px; box-sizing: border-box; width: 100%; }

.product_item:not(:last-child) { margin-bottom: 20px; }

.product_item .pro-pic { align-self: center; width: 280px; aspect-ratio: 4 / 3; }

.product_item .pro-text-wrapper { flex: 1; margin-left: 20px; width: 100%; }

.product_item .pro-text-wrapper a { flex: 1; width: 100%; }

.product_item .pro-text-wrapper .text-box { margin: 5px 0; width: 100%; }

.product_item .pro-text-wrapper .name { font-size: 20px; font-weight: bold; }

.product_item .pro-text-wrapper .detail-text { font-size: 14px; align-self: flex-end; }

/* 服务支持 */
.service { flex: 1; background-color: #ebedec !important; }

.service .right-wrapper-box { background-color: #fff; padding: 10px; }

.service .right-wrapper .top-title { padding-bottom: 10px; border-bottom: 1px solid #efefef; }

.service .right-wrapper .top-title h2 { position: relative; }

.service .right-wrapper .top-title h2::after { position: absolute; content: ""; bottom: -10px; left: 0; width: 50px; height: 2px; background-color: var(--color-base); }

.service .right-wrapper .wrap-box { margin-top: 20px; }

.service_item { height: 80px; margin: 20px 0; width: 48%; background-color: #f7f8fa; cursor: pointer; }

.service_item:hover { -webkit-transform: translateY(-2%); -moz-transform: translateY(-2%); -ms-transform: translateY(-2%); -o-transform: translateY(-2%); transform: translateY(-2%); }

.service_item > div { flex: 1; height: inherit; padding: 10px; }

.service_item a { padding: 10px; color: #fff; height: inherit; background-color: var(--color-base); }

.service_item .download-icon { margin-right: 6px; width: 26px; object-fit: contain; }

.right-wrapper { flex: 1; margin-left: 3%; }

.ny-left-wrapper { width: 25%; min-width: 210px; }

.ny-left-wrapper .title-box { background-color: var(--color-base); color: #fff; padding: 14px; box-sizing: border-box; }

.ny-left-wrapper .title-box .title_cn { font-weight: bold; font-size: 28px; }

.ny-left-wrapper .title-box .title_en { font-size: 18px; }

.ny-left-wrapper .contact-us { margin-top: 30px; background-color: #fff; }

.ny-left-wrapper .contact-us-box { padding: 30px 14px; }

.ny-left-wrapper .contact-us-box p { line-height: 1.7; font-size: 16px; color: #333; }

.ny-left-wrapper .ny-nav-menu { font-size: 16px; background-color: #f5f5f5; max-height: 400px; overflow-y: auto; /* 滚动条整体样式 */ /* 滚动条轨道样式 */ /* 滚动条滑块样式 */ }

.ny-left-wrapper .ny-nav-menu::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f5f5f5; }

.ny-left-wrapper .ny-nav-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #f5f5f5; }

.ny-left-wrapper .ny-nav-menu::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #c1c1c1; }

.ny-left-wrapper .ny-nav-menu li { cursor: pointer; padding: 10px 14px; color: #333; position: relative; border-top: 1px solid #ececec; }

.ny-left-wrapper .ny-nav-menu li a { display: block; }

.ny-left-wrapper .ny-nav-menu li.nav-active { background-color: var(--color-base); color: #fff; }

.mo-left-wrapper { display: none; }

.p-cowbox { padding: 0.8rem 0; }

.wz-row { padding: 0.5rem; width: 33.33%; }

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

.p-img { width: 100%; display: block; object-fit: contain; }

.p-font { padding: 2%; margin-top: 0.5rem; background-color: rgba(82, 112, 182, 0.1); }

.p-font p { color: #333; text-align: center; font-size: 1rem; color: #444; }

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

.wz-rowbox:hover { box-shadow: 0 10px 20px rgba(82, 112, 182, 0.1); }

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

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

/* 首页 新闻中心 */
.index-news { padding: 2% 0 2% 0; background-color: #f5f8fd; }

.index-news-wrapper { margin: 20px 0; }

.index-news-wrapper .text-box { flex: 1; }

.index-news-wrapper .text-box h3 { font-size: 16px; margin-bottom: 6px; font-weight: 500; color: #333; }

.index-news-wrapper .text-box p { font-size: 14px; line-height: 1.5; color: #666; }

.index-news-wrapper .date { width: 80px; aspect-ratio: 1 / 1; }

.index-news-wrapper .date p { font-size: 14px; }

.index-news-wrapper .date h1 { font-size: 28px; }

.index-news-wrapper .left-box { width: 48%; }

.index-news-wrapper .left-box .pic-box { max-width: 600px; aspect-ratio: 116 / 57; position: relative; overflow: hidden; }

.index-news-wrapper .left-box .pic-box:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.index-news-wrapper .left-box .date { position: absolute; left: 0; top: 0; background-color: var(--color-base); color: #fff; }

.index-news-wrapper .left-box .text-box { margin-top: 10px; }

.index-news-wrapper .left-box .text-box h3 { margin-bottom: 2px; }

.index-news-wrapper .right-box { width: 49%; }

.index-news-wrapper .right-box .date { background-color: #cccccc; color: #fff; }

.index-news-wrapper .right-box .text-box { margin-left: 14px; }

.index-news-wrapper .right-box ul li:not(:last-child) { border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }

.index-news-wrapper .right-box ul li:not(:first-child) { padding-top: 20px; }

/*  新闻资讯 */
.news { padding: 2rem 0 1rem; }

.news a { margin-bottom: 40px; }

.news_item { flex: 1; width: 100%; background-color: #f5f5f5; }

.news_item--left { width: 400px; aspect-ratio: 116 / 57; }

.news_item--left-box { overflow: hidden; width: 100%; height: 100%; }

.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; width: inherit; height: inherit; display: block; }

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

.news_item--right { flex: 1; overflow: hidden; padding: 1rem; height: inherit; box-sizing: border-box; }

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

.news_item--right .top_title .news_item-title:hover { color: var(--color-base); }

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

.news_item--right .news_item-more { font-size: 14px; color: #5f6061; align-self: flex-end; border-radius: 40px; padding: 4px 8px; border: 1px solid #000; }

.news_item--right .news_item-more:hover { border: 1px solid var(--color-base); color: var(--color-base); }

/* === news_detail */
.news_detail { background-color: #fff; }

.news_detail_item { padding: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.news_detail_item .item_container p {width: 100%;font-size: 16px;color: #363636;line-height: 1.6;text-align: justify;text-indent: 2em;margin-top: 5px;}

.news_detail_item .item_container p:has(img) { text-indent: 0em; }

.news_detail .item_title { text-align: center; }

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

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

.news_detail .text_p p { margin-bottom: 15px; }

.news_detail .news_detail_pic { width: 100%; margin: 40px 0 0px; }

.news_detail .news_detail_pic img { display: block; width: 760px; height: 300px; margin: 0 auto; }

/* 内页banner */
.banner-ny { position: relative; }

.banner-ny-text { position: absolute; color: #fff; font-size: 34px; width: 1200px; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.banner-nybox { overflow: hidden; height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("/assets/index/images/banner_x.jpg"); }

/* 联系我们 */
.contact { background: linear-gradient(#f2f3f7 0%, #fefefe 40%, #fff 100%); }

.contact_container { padding-top: 30px; display: flex; justify-content: space-between; }

.contact .h1 { color: var(--color-base); font-weight: bold; font-size: 22px; }

.contact .h2 { font-size: 22px; font-weight: bold; }

.contact .h3 { font-size: 18px; font-weight: bold; }

.contact .desc { margin: 20px 0; line-height: 1.6rem;}

.contact .p { margin-bottom: 8px; }

.contact .text { color: #999; margin: 10px 0 20px; }

.contact .text-wrapper { width: 40%; }

.contact .text-wrapper .h2 { color: var(--color-1); }

.contact .text-wrapper .qr-code-wrapper { margin-top: 10px; }

.contact .text-wrapper .qr-code-wrapper .qr-code { width: 126px; height: 124px; }

.contact .map-wrapper { width: 56%; height: 500px; z-index: 10; }

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

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

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

.contact_message { width: 100%; margin: 20px 0; }

.contact_message .form-box { width: 100%; }

.contact_message .form-con { width: 100%; }

.contact_message .form-row { display: flex; justify-content: space-between; align-items: center; }

.contact_message .form-row .form-item { width: 40%; display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 0; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #999; margin-bottom: 20px; }

.contact_message .form-row .form-item .f-title { white-space: nowrap; font-size: 16px; }

.contact_message .form-row .form-item .f-input { flex: 1 1 auto; margin-left: 10px; font-size: 16px; }

.contact_message .form-row .text_area_item { width: 100%; }

.contact_message .form-row .text_area_item .f-textarea { box-sizing: border-box; padding: 5px; margin-top: 10px; width: 100%; height: 200px; border: 1px solid #999; }

.contact_message .form-bottom { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; }

.contact_message .form-bottom .form-btn { width: 100px; height: 40px; background-color: transparent; font-size: 16px; color: #000; text-align: center; border: 1px solid #494949; cursor: pointer;}

.contact_message input, .contact_message textarea { outline: none; }

.contact_message input:-internal-autofill-previewed, .contact_message input:-internal-autofill-selected { transition: background-color 5000s ease-in-out 0s !important; }

/* .banner-nybox img { max-width: 100%; } */
/* 内页列表 */
.ny-lb { background-color: #fff; padding: 1rem 0 0rem; }

.ny-lbbox { padding: 2rem 0; }

.ny-lb .c-cow { padding: 0; }

@media screen and (max-width: 1280px) { .content { max-width: 95%; }
  .section1 .left-item .bottom-box { width: 100%; } }

@media screen and (max-width: 1024px) { .about-section3 .top-box { flex-direction: column-reverse; }
  .about-section3 .top-box ul { margin-top: 30px; margin-left: 0; width: 100%; flex-direction: row; }
  .section1 .right-item { width: 45%; }
  /* 服务支持 */
  .service_item { width: 100%; margin: 12px 0; }
  .content { max-width: 95%; }
  .header-l .logo { width: 80%; }
  .swiper1 { height: 500px; }
  .banner .swiper1 .swiper-pagination { bottom: 30px; }
  .banner .swiper1 .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; margin: 0 0.5rem !important; } }

@media screen and (max-width: 768px) { .banner-ny { padding-top: 64px; }
  .banner-ny .banner-nybox { height: 425px; background-image: url("/assets/index/images/banner_m.jpg"); }
  .banner-ny-text { display: none; }
  .section1-content { flex-direction: column-reverse; }
  .section1 .left-item { margin-right: 0; }
  .section1 .left-item .bottom-box { margin-top: 2rem; width: 80%; }
  .section1 .right-item { width: 100%; align-self: center; }
  /* 关于我们 */
  .about .h1 { font-size: 24px; }
  .about-section1 .image { width: 80%; margin: 10px 0; }
  .about-section1 p { margin-bottom: 16px; }
  .about-section2 .image { width: 100%; }
  .about-section2 .zuzhi-web { display: none; }
  .about-section2 .zuzhi-mo { margin-top: 20px; display: block; }
  .about-section3 .top-box { flex-direction: column-reverse; }
  .about-section3 .top-box .image-box { width: 100%; }
  .about-section3 .top-box ul { margin-top: 30px; width: 100%; flex-direction: row; }
  .about-section4 .wz-row { width: 50%; }
  .content-box { flex-direction: column; }
  .right-wrapper { margin-left: 0px; }
  /* 服务支持 */
  .service_item { width: 100%; margin: 8px 0; }
  /* 联系我们  */
  .contact { background: linear-gradient(#f2f3f7 0%, #fefefe 40%, #fff 100%); }
  .contact_container { flex-direction: column; }
  .contact .h1 { font-size: 24px; }
  .contact .text-wrapper { width: 100%; }
  .contact .map-wrapper { width: 100%; height: 280px; margin-bottom: 30px; }
  .contact .map-wrapper .map-title { font-size: 18px; color: var(--color-base); }
  .contact .map-wrapper .map-p { margin: 10px 0; font-size: 14px; }
  .contact_message .form-row { flex-wrap: wrap; }
  .contact_message .form-row .form-item { width: 100%; }
  .contact_message input, .contact_message textarea { outline: none; }
  .contact_message input:-internal-autofill-previewed, .contact_message input:-internal-autofill-selected { transition: background-color 5000s ease-in-out 0s !important; }
  .contact_message .form-bottom { flex-direction: column; }
  .contact_message .form-bottom .form-btn { width: 100%; margin-top: 20px; }
  .ny-left-wrapper { display: none; }
  .mo-left-wrapper { width: 100%; display: block !important; margin-bottom: 10px; }
  .mo-left-wrapper .mo-title-box { width: 100%; }
  .mo-left-wrapper .mo-title-box .title_cn { font-weight: bold; font-size: 36px; }
  .mo-left-wrapper .mo-title-box .title_en { font-size: 22px; }
  .ny-nav-menu-mo { margin: 10px 0; height: 100%; overflow-x: auto; font-size: 16px; }
  .ny-nav-menu-mo-wrap { width: 100%; }
  .ny-nav-menu-mo li { white-space: nowrap; cursor: pointer; padding: 16px; background-color: var(--color-base); color: #fff; position: relative; }
  .ny-nav-menu-mo li a { display: block; }
  .ny-nav-menu-mo li.nav-active { background-color: #2214e5; }
  /* 首页 新闻中心 */
  .index-news-wrapper { flex-direction: column; }
  .index-news-wrapper .left-box { width: 100%; margin-bottom: 20px; }
  .index-news-wrapper .left-box .pic-box { max-width: 100%; }
  .index-news-wrapper .right-box { width: 100%; }
  /*  新闻资讯 */
  .news_item { flex-direction: column; }
  .news_item--left { width: 100%; }
  .news_item--right { padding: 0.6rem; }
  .news_item--right .top_title .news_item-title { font-weight: bold; }
  .news_item--right .news_item-text { margin: 10px 0; }
  .news_item--right .news_item-more { font-size: 14px; display: none; }
  .news_item--right .date { font-size: 14px; display: none; }
  .quality .wz-row { width: 50%; }
  .ny-lbbox { padding: 1rem 0; }
  .header1, .footer, .nav, .link, .p-top, .n-llbox { display: none !important; }
  .mo-top, .mo-footer, .mo-copyright, body .m-nynav { display: block !important; }
  .ny-lb { min-height: 38rem; }
  .banner { padding-top: 4rem; }
  .swiper1 { height: 330px; }
  .wz-rowbox { box-shadow: 0 0px 20px rgba(82, 112, 182, 0.1); border: none; }
  .wz-rowbox { padding: 0.75rem; }
  .c-font { padding: 0.75rem 0.5rem; }
  .c-font h1 { font-size: 0.8rem; padding-bottom: 0.25rem; }
  .c-font h1 { transform: translateY(0); } }

@media screen and (max-width: 430px) { .banner-ny .banner-nybox { height: 225px; background-image: url("/assets/index/images/banner_m_en.jpg"); }
  .section1 .left-item .title-box { margin-top:0 }  
  .section1 .left-item .h1-title { margin-top: 10px; font-size: 1.8rem; }
  .section1 .left-item .bottom-box { margin-top: 1rem; width: 100%; flex-wrap: wrap;}
  .section1 .left-item .bottom-box img { margin-right: 5px; }
  .section1 .left-item .bottom-box li { font-size: 14px; width: 50%; margin-top: 10px;}
  .quality-content { padding: 10px 0; }
  /* 关于我们 */
  .about .h1 { font-weight: bold; font-size: 18px; }
  .about-section1 .image { width: 100%; }
  .about-section3-box { margin: 10px 0; }
  .about-section3 .top-box { flex-direction: column-reverse; }
  .about-section3 .top-box .image-box { width: 100%; }
  .about-section3 .top-box ul { margin-top: 10px; width: 100%; flex-direction: row; }
  .about-section3 .top-box .img-icon { width: 40px; margin-right: 10px; }
  .about-section3 .top-box h3 { font-size: 18px; }
  .about-section3 .top-box p { font-size: 14px; }
  .about-section3 .bottom-box { margin: 20px 0; flex-wrap:wrap; }
  .about-section3 .bottom-box li { width:100% ; border:none !important; margin-bottom:6px }
  .about-section3 .bottom-box h1 { font-size: 20px; }
  .about-section3 .bottom-box li p { font-size: 14px; }
  .about-section4 .wz-row { width: 100%; }
  /* 产品展示 */
  .product_item { flex-direction: column; }
  .product_item .pro-pic { width: 100%; }
  .product_item .pro-text-wrapper { margin-left: 0px; margin-top: 10px; }
  .product_item .detail-text { display: none; }
  /* 服务支持 */
  .service .right-wrapper .top-title h2 { font-size: 18px; }
  .service .right-wrapper .wrap-box { margin-top: 10px; }
  .service_item { width: 100%; margin: 8px 0; }
  .service_item p { font-size: 16px; }
  .service_item a { flex-direction: column; font-size: 14px; }
  .service_item .download-icon { width: 24px; margin-right: 0; }
  .mo-left-wrapper .mo-title-box .title_cn { font-weight: bold; font-size: 22px; }
  .mo-left-wrapper .mo-title-box .title_en { font-size: 16px; }
  .ny-nav-menu-mo li { padding: 10px 16px; }
  .ny-nav-menu-mo li:not(:last-child) { border-right:2px solid #f2f2f2 }
  /*  新闻资讯 */
  .news a { margin-bottom: 20px; }
  .banner .swiper-web { display: none; }
  .banner .swiper-mo { display: block; }
  .news_detail_item { padding: 0; box-shadow: none; }
  .news_detail .item_title p { font-size: 14px; }
  .content { padding: 0 0.75rem; max-width: 100%; }
  body .mo-top a { width: 50%; }
  .swiper-container { height: 225px; }
  body .banner .swiper1 .swiper-pagination { bottom: 0.5rem; }
  .p-font p { font-size: 1rem; }
  .index-news { padding: 1rem 0; }
  .ny-lb { padding: 2rem 0; }
  .ny-lb { min-height: 28rem; }
  .wz-row, .c-row { width: 50%; padding: 0.25rem; }
  .p-cowbox, .c-cowbox { margin: 0 -0.25rem; }
  .c-cow { padding-top: 2rem; }
  .wz-rowbox { padding: 0.5rem; }
  .ny-lb { padding: 1rem 0; }
  .contact-nybox1 { padding: 1rem; } }