@charset "UTF-8";
@import url("animate.css");
@import url("swiper.min.css");
@import url("animate.min.css");
@import url("iconfont.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: 20px; }

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

.x-img { overflow: hidden; }

/*单行溢出*/
.one-txt-cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

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

.two-txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#delbox { margin-right: 0; }

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

.ani-delay { animation-delay: 0.4s; }

.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

body { --color-base: #f0831e; }

/* 头部 */
.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: 100%; }

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

/* 导航 */
.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: 0.8rem; 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: #1d2129; 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: var(--color-base); 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; border-right: 1px solid rgba(255, 255, 255, 0.24); line-height: 12px; }

.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: var(--color-base); }

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

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

/* 内页分页 */
.pages { text-align: center; justify-content: center; padding-top: 0.25rem; }

.pages .iconjiantou { font-size: 0.8rem; color: #999; display: block; }

.pages a { margin: 0 0.25rem; }

.pages .page { width: 1.5rem; height: 1.5rem; border: 1px solid #e6e6e6; background: #fff; line-height: 1.5rem; color: #808080; font-size: 0.8rem; }

.pages a.active { background: #fb8967; color: #fff; }

.pages a.page-num-current { background: #fb8967; color: #fff; }

.pages a.prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.pages .page:hover { background: #fb8967; color: #fff; }

.pages .iconjiantou:hover { color: #fb8967; }

/* 移动端导航 */
.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: 3rem; }

.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(239, 126, 6, 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: 3rem; 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: 0.8rem; }

.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: 20px; 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; width: 48%; }

.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; border: 1px solid #000; }

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

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

/* 首页banner */
.swiper1 { width: 100%; height: 29rem; 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; }

/* 首页标题 */
.tit { text-align: center; }

.tit h1 { font-size: 2.1rem; color: #0f0a33; position: relative; padding: 0.25rem 0 1rem; }

.tit h2 { font-size: 0.9rem; color: #999; text-transform: uppercase; font-weight: normal; }

.tit-b span { height: 0.2rem; background-color: var(--color-base); border-radius: 0.1rem; }

.tit-b span:nth-child(1), .tit-b span:nth-child(3) { width: 1rem; }

.tit-b span:nth-child(2) { width: 0.5rem; margin: 0 0.5rem; }

/* 其他页标题 */
.tit2 { text-align: center; padding-bottom: 1rem; }

.tit2 h1 { font-size: 1.4rem; color: #0f0a33; position: relative; }

.tit2 h2 { padding: 0.25rem 0 1rem; font-size: 0.9rem; color: #999; text-transform: uppercase; font-weight: normal; }

.tit2-b span { transform: skewX(-30deg); height: 0.4rem; background-color: var(--color-base); border-radius: 0.1rem; width: 2rem; }

.tit2-b span:nth-child(1) { margin-right: 1rem; }

.tit2-b span:nth-child(2) { background-color: rgba(239, 126, 6, 0.5); }

/* 首页了解更多 */
.morebox { padding-top: 2rem; text-align: center; }

.more { font-size: 0.8rem; color: var(--color-base); border: 1px solid var(--color-base); padding: 0.5rem 1.5rem; border-radius: 1.5rem; overflow: hidden; position: relative; }

.more p, .more .iconfont { display: inline-block; }

.more p { padding-right: 0.25rem; }

.more .iconfont { font-size: 1rem; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }

.more:hover { color: #fff; background-color: var(--color-base); }

.more:hover p { padding-right: 1.25rem; font-weight: bold; }

.more:hover .iconfont { left: 80%; opacity: 1; }

/* 产品展示 */
.product { padding: 0; }
/* padding: 1rem 0; */

.nav-content { padding: 2rem 0 1rem; }

.nav-content ul li { margin: 0rem 1rem; padding: 0.6rem 0rem 0.4rem; }

.nav-content ul li a { font-size: 0.8rem; color: #6f7a7e; display: block; }

.nav-content .fir-nav-ul { padding-top: 1rem; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }

.nav-content .fir-nav-ul li.active { border-bottom: 4px solid var(--color-base); }

.nav-content .fir-nav-ul li.active a { color: var(--color-base); }

.nav-content .fir-nav-ul li:hover { border-bottom: 4px solid var(--color-base); }

.nav-content .fir-nav-ul li:hover a { color: var(--color-base); }

.nav-content .sec-nav-ul a { border-radius: 1rem; padding: 0.4rem 0.8rem; color: #444; background-color: #fff; }

.nav-content .sec-nav-ul li.active a { background-color: var(--color-base); color: #fff; /*font-weight: bold; */ }

.nav-content .sec-nav-ul li:hover a { background-color: var(--color-base); color: #fff; /*font-weight: bold;*/ }

.product .content-wrapper { background-color: #f7f8fa; }

.product .p-img { height: 245px; }

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

.p-row { padding: 0.75rem; width: 33.33%; }

.p-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: #fef5ec; }

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

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

.p-rowbox:hover { box-shadow: 0 10px 20px rgba(239, 126, 6, 0.1); border: 1px solid #fff; }

.p-img: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); }

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

/* 产品展示内页 */
.product-ny { background-color: #f0f2f5; }

.nav-ny { width: 100%; }

.nav-ny { padding-bottom: 2rem; }

.nav-ny ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

/* 首页--关于我们 */
.index-about { position: relative; padding-bottom: 4rem; padding-top: 2rem; }

.index-about .about-l { width: 50%; }

.index-about .about-lbox { position: relative; }

.index-about .about-r { position: absolute; top: 5rem; right: 0; background-color: #f8f7fd; width: 50%; }

.index-about .about-rbox { padding: 4rem; margin-left: 5%; position: relative; }

.index-about .about-rbox::before { content: ""; width: 1.5rem; height: 2.2rem; border: 4px solid var(--color-base); position: absolute; right: 25%; top: -1.3rem; }

.index-about .about-r .tit { text-align: left; }

.index-about .about-r .tit p { font-size: 1rem; color: #333; padding-bottom: 1.5rem; }

.index-about .about-font { margin-top: 3rem; width: 90%; -webkit-line-clamp: 4; text-align: justify; font-size: 18px; line-height: 1.6; text-indent: 2em; }

.index-about .about-font p { font-size: 0.8rem; color: #808080; line-height: 1.8rem; }

.index-about .morebox1 { position: absolute; bottom: -4rem; right: 0; z-index: 1; }

.index-about .more1 { font-size: 0.8rem; color: #fff; background-color: var(--color-base); width: 10rem; height: 4rem; }

.index-about .more1 p { padding-right: 0.5rem; }

.index-about .about-img: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); }

.index-about .more1:hover { background-color: #ec592c; }

/* 关于我们 */
.about .content { margin-top: 40px; }

.about .logo-wrapper { margin-bottom: 10px; width: 58%; float: right; }

.about .logo-wrapper .logo-box { width: 150px; }

.about .logo-wrapper .line-style { width: 30px; height: 2px; background-color: var(--color-base); }

.about .ab1-image { float: left; width: 40%; margin: 0 16px 10px 0; }

.about .ab-font { font-size: 16px; line-height: 1.8; text-align: justify; text-indent: 2em; margin-top: 10px; }

.about .text-wrapper { margin-top: 3%; text-align: center; }

.about .text-wrapper h2 { color: #444; font-weight: 500; font-size: 1.2rem; }

.about .text-wrapper p { color: #999; margin-top: 1%; font-size: 0.8rem; }

.about .about-bottom { margin: 20px 0; }

.about .about-bottom .items { background-color: var(--color-base); color: #fff; height: 240px; }

.about .about-bottom .items > div:first-child { margin-bottom: 20px; }

.about .about-bottom .items:not(:last-child) { width: 25%; }

.about .about-bottom .items:last-child { /* flex: 1; */ width: 45%; padding: 20px; line-height: 1.7; }

.about .about-bottom .items h4 { font-weight: normal; margin: 0px 0 10px; }

.about .about-bottom .items p { font-size: 14px; text-align: justify; }

.about .p-cowbox { margin-top: 2rem; }

.about .row-3 { width: 33.33%; margin-bottom: 2rem; }

.about .row-4 { width: 25%; margin-bottom: 2rem; }

.about .about-img { width: 75%; }

/* 案例展示 */
.case { padding: 4rem 0; }

.case img { object-fit: contain; }

.case .tit { text-align: left; }

.swiper-father { position: relative; }

.c-cow { padding-top: 3rem; position: relative; overflow: hidden; }

.c-cowbox { margin: 0 -0.75rem; }

.c-row { padding: 0.75rem; width: 25%; }

.c-rowbox { /*width: 277px; height: 415px;*/ position: relative; display: block; }

.case-m .c-row { display: flex; }

.case-m a { flex: 1; }

.case .c-row .c-rowbox { width: 100%; height: 365px; }

.swiper-father .swiper-pagination1 { position: absolute; left: 50%; bottom: -3rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.swiper-father .swiper-pagination-bullet { margin: 0 6px; border-radius: 0; }

.swiper-father .swiper-pagination-bullet-active { background-color: var(--color-base); }

.c-img { width: 100%; height: 100%; }

.c-font { position: absolute; padding: 1rem; bottom: 0; left: 0; width: 100%; background: linear-gradient(bottom, rgba(239, 126, 6, 0.6), rgba(239, 126, 6, 0) 100%); background: -o-linear-gradient(bottom, rgba(239, 126, 6, 0.6), rgba(239, 126, 6, 0) 100%); background: -ms-linear-gradient(bottom, rgba(239, 126, 6, 0.6), rgba(239, 126, 6, 0) 100%); background: -moz-linear-gradient(bottom, rgba(239, 126, 6, 0.6), rgba(239, 126, 6, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(239, 126, 6, 0.6), rgba(239, 126, 6, 0) 100%); }

.c-font h1 { color: #fff; font-size: 0.9rem; padding-bottom: 1rem; -webkit-transform: translateY(80%); -moz-transform: translateY(80%); -ms-transform: translateY(80%); -o-transform: translateY(80%); transform: translateY(80%); }

.c-more { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); }

.c-more p, .c-more .iconfont { color: #fff; }

.c-more p { font-size: 0.7rem; }

.c-more p { padding-right: 0.5rem; }

.c-row:hover .c-more { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.c-row:hover .c-font h1 { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); }

.c-more:hover p, .c-more:hover .iconfont { color: #fb8967; }

.case-m { display: none; }

.case-m img { object-fit: contain; }

.index-popup .popup-content { width: 30%; }

.index-popup #popupImg { object-fit: contain; width: 100%; }

.popup { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; 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 { padding: 20px; width: 47%; 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; height: 40px; }

.popup .close-box { cursor: pointer; background-color: #594437; border-radius: 50%; width: 1.2rem; height: 1.2rem; position: relative; }

.popup .close-box .close { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 0; font-size: 1rem; padding-bottom: 0.1rem; }

.popup .swiper { width: 100%; height: 100%; --swiper-navigation-color: #fff; --swiper-pagination-color: #fff; --swiper-navigation-size: 36px; }

.popup .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; }

.popup .mySwiper2 .swiper-slide img {  display: block; height: inherit; object-fit: scale-down; border-radius: 5px; user-select: none; }

.popup .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }

.popup .swiper-slide { background-size: cover; background-position: center; }

.popup .mySwiper2 { flex: 1; width: 100%; margin: 0 auto; }

.popup .mySwiper { width: 100%; height: 13%; box-sizing: border-box; padding: 10px 0 0; }

.popup .mySwiper .swiper-slide { opacity: 0.4; border: 2px solid #fff; cursor: pointer; }

.popup .mySwiper .swiper-slide-thumb-active { opacity: 1; border: 2px solid var(--color-base); }

.popup .mySwiper .swiper-wrapper { align-items: center; }

.popup .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* 我们的优势 */
.adva { padding: 4rem 0; }

.adva-top { background: linear-gradient(top, #ef7e06, #c9741a 100%); background: -o-linear-gradient(top, #ef7e06, #c9741a 100%); background: -ms-linear-gradient(top, #ef7e06, #c9741a 100%); background: -moz-linear-gradient(top, #ef7e06, #c9741a 100%); background: -webkit-linear-gradient(top, #ef7e06, #c9741a 100%); }

.adva-topbox { background: url(/assets/index/images/advan-bg.png) no-repeat 25% bottom, url(/assets/index/images/advan-bg.png) no-repeat 75% bottom; padding: 2rem 0; background-size: auto; position: relative; }

.adva-topbox::after { content: ""; position: absolute; bottom: -2.25rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 1.25rem solid transparent; border-top: 1rem solid #c9741a; }

.adva .tit h2, .adva .tit h1, .adva .tit p { color: #fff; }

.adva .tit p { font-size: 0.8rem; opacity: 0.7; padding-bottom: 1.5rem; width: 40rem; margin: auto; line-height: 1.4rem; }

.adva .tit-b span { background-color: #fb8967; }

.adva-cow { padding: 4rem 0; }

.adva-cowbox { margin: -1rem 0; position: relative; }

.adva-cowbox::after { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; background-color: #d9d9d9; z-index: -1; }

.adva-row { padding: 1rem; width: 100%; }

.adva-rowbox { position: relative; }

.adva-rowbox::after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.7rem; height: 3rem; background-color: #36c3c1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.adva-l, .adva-font { width: 50%; }

.adva-img { padding-right: 2rem; }

.adva-font { padding-left: 2rem; }

.adva-l1 { padding-right: 0; padding-left: 2rem; }

.adva-font1 { padding-left: 0; padding-right: 2rem; text-align: right; }

.adva-img { position: relative; width: 486px; height: 243px; background-color: white; }

.adva-img::after { content: ""; position: absolute; bottom: -5%; right: -2.5%; border: 1px solid #36c3c1; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.adva-img1::after { left: -2.5%; }

.adva-img img { position: absolute; top: 0; left: 0; z-index: 1; }

.adva-font h1 { font-size: 1.4rem; color: #333; padding-bottom: 1rem; }

.adva-font p { font-size: 0.8rem; color: #666; line-height: 1.6rem; }

.adva-row:hover .adva-rowbox::after { background-color: #fb8967; }

.adva-row:hover .adva-img::after { background-color: #fb8967; border-color: #fb8967; }

/* 咨询热线模块 */
.advi { background: radial-gradient(40%, circle cover, #ef7e06, #c9741a 100%); background: -o-radial-gradient(40%, circle cover, #ef7e06, #c9741a 100%); background: -ms-radial-gradient(40%, circle cover, #ef7e06, #c9741a 100%); background: -moz-radial-gradient(40%, circle cover, #ef7e06, #c9741a 100%); background: -webkit-radial-gradient(40%, circle cover, #ef7e06, #c9741a 100%); height: 12.5rem; overflow: hidden; }

.advibox { background: url(/assets/index/images/index_contact.jpg) no-repeat center bottom; background-size: auto; height: 100%; position: relative; z-index: 1; }

.advibox1 { height: 100%; }

.advi-l { padding-left: 10%; }

.advi-img { position: absolute; top: 50%; right: 30%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }

.advi-font { color: white; }

.advi-font .iconfont { font-size: 3.5rem; padding-right: 1rem; }

.advi-font h1 { font-size: 1.4rem; padding-bottom: 0.5rem; }

.advi-font p { font-size: 1.2rem; }

.advi .morebox { text-align: left; }

.advi .more { color: white; border-color: #ff0000; background-color: #ff0000; }

/* 首页 新闻中心 */
.news-index { padding: 4rem 0; background-color: #f8f7fd; }

.news-index .n-cow { margin-top: 4%; }

.news-index .n-cowbox { margin: 0 -0.75rem; }

.news-index .n-row { padding: 0.75rem; width: 25%; }

.news-index .n-rowbox { border: 1px solid #e4e3f0; padding: 0.2rem; display: block; background-color: white; }

.news-index .n-img { width: 100%; object-fit: contain; /* width: 236px; height: 177px; */ }

.news-index .n-font { padding: 0.5rem; }

.news-index .n-font h1 { font-size: 0.8rem; color: #333; }

.news-index .n-time, .news-index .n-more { font-size: 0.7rem; color: #999; }

.news-index .n-more p { padding-right: 0.25rem; }

.news-index .n-font > p { font-size: 0.7rem; color: #808080; line-height: 1rem; -webkit-line-clamp: 2; margin: 0.3rem 0; }

.news-index .n-font h1:hover { color: #fb8967; }

.news-index .n-more:hover { color: #fb8967; }

.news-index .n-more:hover .iconfont { margin-left: 0.25rem; }

.news-index .n-row:hover .n-rowbox { box-shadow: 0 10px 20px rgba(239, 126, 6, 0.1); border: 1px solid #fff; -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

.news-index .n-img: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); }

/*  新闻资讯 */
.news .top-box .n-left-box { width: 40%; }

.news .top-box .n-right-box { flex: 1; padding-left: 4%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }

.news .top-box .n-img { width: 100%; }

.news .n-row { width: 100%; padding: 2% 0; border-bottom: 1px solid #d2d2d2; }

.news .n-row:first-child { padding: 0; border-bottom: none; }

.news .n-row:first-child .n-rowbox { padding: 4% 3% 2% 0; }

.news .n-rowbox { color: #444; }

.news .n-date p:first-child { font-weight: bold; font-size: 1.5rem; }

.news .n-date p:last-child { font-size: 0.8rem; }

.news .n-font { flex: 1; margin-left: 5%; }

.news .n-font h1 { font-size: 0.9rem; }

.news .n-font .n-p { margin: 1% 0 0%; font-size: 0.8rem; text-align: justify;}

.news .n-arrow { width: 5%; align-self: center; }

.news .n-arrow-box { width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid #959595; }

.news .n-arrow-box .iconfont { transform: rotate(-90deg); }

.news .n-row:hover .n-arrow-box { background-color: var(--color-base); border: none; }

.news .n-row:hover .iconfont { color: #fff; font-weight: bold; }

.news .morebox { padding-top: 7%; width: auto; text-align: left; }

.news .morebox .more:hover p { color: #fff; }

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

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

.news_detail .item_title h1 { font-size: 26px; }

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

.news_detail .text_p p { font-size: 16px; line-height: 2; text-indent: 2em; text-align: justify;}

.news_detail .news_detail_pic { width: 100%; height: auto; }

.news_detail .news_detail_pic img { display: block; width: 100%; height: 100%; margin: 0 auto; }

/* 合作伙伴 */
.parn { padding: 4rem 0; }

.parn .tit { text-align: left; }

.parn-cow { padding-top: 2rem; }

.parn-cowbox { margin: 0 -0.75rem; }

.parn-row { width: 16.66%; padding: 0.75rem; }

.parn-rowbox { width: 175px; height: 87.5px; border: 1px solid #f8f7fd; position: relative; z-index: 1; }

.parn-rowbox::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(239, 126, 6, 0.6); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 0; }

.parn-rowbox:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.parn-img { width: 80%; height: 80%; }

.parn-font { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; text-align: center; padding: 0 1rem; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.parn-font h1 { line-height: 87.5px; font-size: 0.8rem; color: white; opacity: 0; -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); -o-transform: translateY(25%); transform: translateY(25%); }

.parn-rowbox:hover { border: 1px solid #e4e2f1; }

.parn-rowbox:hover .parn-font h1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.parn .m-morebox { display: none; }

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

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

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

.ny-lb .nav-content, .ny-xq .nav-content { padding: 0; /* padding-bottom: 1.5rem; */ }

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

/* 联系我们 */
.contact-title { margin: 20px 0; display: flex; justify-content: space-between; }

.contact-title .h1 { font-size: 24px; font-weight: normal; }

.contact-title .h2 { font-size: 14px; margin-top: 6px; font-weight: normal; }

.contact-title .logo { width: 160px; }

.contact_container { display: flex; justify-content: space-between; margin: 30px 0; }

.contact .left-wrapper { width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.contact .left-wrapper .items { width: 48%; box-sizing: border-box; background-color: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 210px; }

.contact .left-wrapper .items p { font-size: 18px; margin: 10px; }

.contact .left-wrapper .items h4 { font-weight: bold; font-size: 16px; padding: 0 16px; text-align: center; }

.contact .left-wrapper .items img { width: 82px; height: 82px; object-fit: contain; }

.contact .left-wrapper .items:nth-child(1), .contact .left-wrapper .items:nth-child(2) { margin-bottom: 22px; }

.contact .right-wrapper { width: 48%; height: 450px; z-index: 10; }

.contact .contact_message { margin: 0px 0 30px; }

.contact .contact_message .message-title { display: flex; flex-direction: column; align-items: center; position: relative; }

.contact .contact_message .message-title-wrapper { display: inline-block; margin: 0 auto; text-align: left; background-color: #fff; z-index: 200; width: 100%; }

.contact .contact_message .message-title-cn { font-size: 24px; margin-bottom: 10px; font-weight: bold; color: var(--color-base); }

.contact .contact_message .message-title-en { font-size: 14px; }

.contact .from-box { margin: 40px 0 0; }

.contact .from-item { display: flex; flex-direction: column; flex: 1; margin-right: 20px; margin-bottom: 20px; }

.contact .from-item:last-child { margin-right: 0; }

.contact .from-item .from-le { color: #333; margin-bottom: 10px; font-size: 16px; }

.contact .from-item .from-ri { outline: none; padding: 10px; box-sizing: border-box; background-color: #f2f3f5; }

.contact .from-item input { flex: 1; background-color: transparent; }

.contact .textarea-item { display: flex; flex-direction: column; }

.contact .textarea-item .from-le { margin-bottom: 10px; }

.contact .textarea-item textarea { background-color: transparent; border-color: #fff; }

.contact .from-btn { cursor: pointer; margin-top: 40px; background-color: var(--color-base); height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 4px; }

/* 资质展示 */
.aptitude .p-cowbox { column-count: 3; column-gap: 0; }

.aptitude .p-row { width: 100%; break-inside: avoid; }

/* 内页详情 */
.ny-xq { padding: 3rem 0 4rem; }

.xqbox { padding: 2rem; background-color: white; border: 1px solid #e4e3f0; }

.cqn-t h1 { font-size: 1.6rem; color: #444; margin-bottom: 1rem; }

.cqn-tb { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; }

.cqn-tb .time { margin-right: 1.5rem; }

.cqn-tb .time p, .cqn-tb .clike p { font-size: 0.7rem; color: #808080; }

.cqn-c { border-bottom: 1px solid #ebebeb; padding: 2rem 0; }

.cqn-clb { margin-bottom: 2rem; }

.xqbox .about-cqn { border-bottom: none; padding-bottom: 0; }

.cqn-cimg img { max-width: 32rem; margin-bottom: 1rem; }

.cqn-cimg p { font-size: 0.9rem; color: #444; line-height: 1.8rem; text-indent: 1.8rem; }

.cqn-cimg p:last-child { margin-bottom: 0; }

/* 内页详情底部 */
.xq-blf .iconfont, .xq-blf p, .xq-br .iconfont, .xq-br p { font-size: 0.8rem; color: #808080; line-height: 1.2rem; }

.xq-blf p span { color: #444; }

.xq-blt { margin-bottom: 0.5rem; }

.xq-blt .iconfont { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.xq-blb .iconfont { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.xq-br p { color: #444; margin-left: 0.5rem; }

.xq-blf:hover p span, .xq-br:hover p { color: #fb8967; }

@media screen and (max-width: 1280px) { .index-about { padding-bottom: 9rem; }
  .advi-img { right: 20%; }
  .content { max-width: 95%; } }

@media screen and (max-width: 1024px) { .content { max-width: 95%; }
  .header-l .logo { width: 80%; }
  .swiper1 { height: 20rem; }
  .banner .swiper1 .swiper-pagination { bottom: 30px; }
  .banner .swiper1 .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; margin: 0 0.5rem !important; }
  .f-l { display: none; }
  .f-c { border-left: none; }
  .tit h1 { font-size: 1.6rem; }
  .p-img { height: 196px !important; }
  /*.c-rowbox { width: 220px; height: 330px; }*/
  .adva-img { width: 430px; height: 215px; }
  .news-index .n-img { width: 100%; object-fit: contain; }
  .parn-rowbox { width: 137px; height: 68.5px; }
  .parn-font h1 { line-height: 68.5px; }
  .index-about .about-rbox { padding: 2rem; }
  .advi-img { right: 10%; }
  .about .logo-wrapper { width: 55%; } }

@media screen and (max-width: 768px) { .header1, .hot-s, .footer, .nav, .link, .p-top, .n-llbox, .case { display: none !important; }
  .popup .swiper { --swiper-navigation-size: 28px; }
  .popup .popup-header { height: 30px; }
  .popup .popup-header p { font-size: 0.8rem; }
  .popup .popup-header .close-box { width: 1rem; height: 1rem; }
  .popup .popup-header .close-box .close { font-size: 0.8rem; }
  .popup .mySwiper { display: none; }
  .banner-ny { padding-top: 60px; }
  .banner-ny .banner-nybox { height: 180px; background-image: url("/assets/index/images/banner_m.jpg"); }
  .product .p-font p { font-size: 0.7rem; }
  .product .p-font span { width: 0.3rem; height: 0.3rem; margin: 0 0.2rem; }
  .news .n-font h1 { font-size: 0.8rem; }
  .news .n-font p { font-size: 0.6rem; }
  .news .n-date p:first-child { font-size: 1rem; }
  .news .n-row:first-child .n-rowbox { padding-right: 0; }
  .news_detail .item_title h1 { font-size: 24px; }
  .news .n-row .n-left-box, .news .n-row .morebox, .news .n-row .n-arrow { display: none; }
  .news .n-row .n-right-box { border-bottom: 1px solid #d2d2d2; box-shadow: none; padding-left: 0; }
  .mo-top, .mo-footer, .mo-copyright, body .m-nynav, .case-m { display: block !important; }
  .ny-lb, .contact-ny, .ny-xq { min-height: 38rem; }
  .banner { padding-top: 3rem; }
  .swiper1 { height: 12rem; }
  /* .search { padding: 1rem 0; } */
  .case-m { margin-bottom: 1.5rem; }
  .cxq-b { flex-wrap: wrap; }
  .xq-bl { width: 100%; }
  .xq-br { padding-top: 0.5rem; }
  .cqn-cimg img { max-width: 85%; }
  .p-img { height: 143px !important; }
  /*.c-rowbox { width: 160px; height: 240px; }*/
  .adva-img { width: 304px; height: 152px; }
  .news-index .n-img { width: 100%; object-fit: contain; }
  .parn-rowbox { width: 175px; height: 87.5px; }
  .parn-font h1 { line-height: 87.5px; }
  .index-about .about-l, .index-about .about-r { width: 100%; }
  .p-rowbox { box-shadow: 0 0px 20px rgba(239, 126, 6, 0.1); border: none; }
  .p-rowbox { padding: 0.75rem; }
  .index-about { padding-bottom: 25rem; }
  .index-about .about-r { top: calc(100% - 25rem); }
  .index-about .about-rbox::before { right: 0; left: 5%; }
  .about .text-wrapper h2 { font-size: 1rem; }
  .about .text-wrapper p { font-size: 0.8rem; }
  .about .p-cowbox { margin-top: 10px; justify-content: space-between; }
  .about .row-3 { width: 45%; margin-bottom: 1rem; }
  .about .row-4 { width: 45%; margin-bottom: 1rem; }
  .about .about-img { width: 100%; }
  .c-font { padding: 0.75rem 0.5rem; }
  .c-font h1 { font-size: 0.8rem; padding-bottom: 0.25rem; }
  .c-more { opacity: 1; }
  .c-more, .c-font h1 { transform: translateY(0); }
  .adva-topbox { background: url(/assets/index/images/advan-bg.png) no-repeat 10% bottom, url(/assets/index/images/advan-bg.png) no-repeat 90% bottom; }
  .advi-img { right: -10%; }
  .news-index .n-cowbox, .parn-cowbox { flex-wrap: wrap; }
  .news-index .n-row { width: 50%; }
  .parn-row { width: 33.33%; }
  .nav-content ul li { margin: 0rem 0.5rem; padding: 0.7rem 0rem 0.5rem; }
  .adva .tit p { width: calc(100% - 5%); }
  .more { color: #fff; background-color: #fb8967; }
  .more p { padding-right: 1.25rem; -weight: bold; }
  .more .iconfont { left: 80%; opacity: 1; }
  .about .ab1-image { width: 100%; }
  .about .logo-wrapper { display: none; }
  .about .ab-font { font-size: 16px; }
  .about .about-bottom .items { height: 180px; }
  .about .about-bottom .items h4 { font-size: 18px; }
  .about .about-bottom .items:not(:last-child) { width: 49%; padding: 5%; }
  .about .about-bottom .items:last-child { width: 100%; margin-top: 10px; }
  .advibox { background: url(/assets/index/images/index_contact_m.jpg) no-repeat right bottom; }
  .aptitude .p-row { display: inline-block; }
  .aptitude .p-cowbox { column-count: 2; column-gap: 0; -moz-column-count: 2; -webkit-column-count: 2; } }

@media screen and (max-width: 430px) { .content { padding: 0 0.75rem; max-width: 100%; }
  .popup .popup-content { width: 88%; padding: 10px; }
  .popup .mySwiper .swiper-slide { opacity: 0.4; border: 2px solid #fff; cursor: pointer; }
  .popup .mySwiper .swiper-slide-thumb-active { opacity: 1; border: 2px solid var(--color-base); }
  body .mo-top a { width: 30%; }
  .swiper-container { height: 12rem; }
  body .banner .swiper1 .swiper-pagination { bottom: 0.5rem; }
  .fir-nav-ul { justify-content: flex-start; }
  .nav-content ul li { margin: 0rem 0.5rem; padding: 0.7rem 0rem 0.5rem; }
  .product, .news-index, .parn, .adva-cow { padding: 1rem 0; }
  .ny-lb, .contact-ny, .ny-xq { padding: 2rem 0; }
  .cqn-cimg { padding: 0; }
  .xqbox { padding: 1rem; }
  .cqn-c { padding: 1rem 0; margin-bottom: 1rem; }
  .ny-lb, .contact-ny, .ny-xq { min-height: 28rem; }
  .xq-br { padding: 0.5rem; }
  .p-img { height: 125px !important; }
  /*.c-rowbox { width: 175px; height: 250px; }*/
  .adva-img { width: 374px; height: 187px; }
  .news-index .n-font { padding: 0.2rem; }
  .news-index .n-img { width: 100%; object-fit: contain; }
  .parn-rowbox { width: 108px; height: 54px; }
  .parn-font h1 { line-height: 54px; }
  .p-row, .c-row { width: 50%; padding: 0.25rem; }
  .p-cowbox, .c-cowbox, .news-index .n-cowbox { margin: 0 -0.25rem; }
  .news-index .n-row { padding: 0.25rem; }
  .more { padding: 0.5rem 1.5rem; }
  .more1 { width: 6rem; height: 3rem; }
  .morebox1 { bottom: -3rem; }
  .index-about .about-rbox { padding: 2rem 1rem 1rem 1rem; }
  .index-about .about-font { margin-top: 2rem; }
  .index-about { padding-bottom: 24rem; }
  .index-about .about-r { top: calc(100% - 24rem); }
  .c-cow { padding-top: 2rem; }
  .adva-topbox { background: url(/assets/index/images/advan-bg.png) no-repeat -50% bottom, url(/assets/index/images/advan-bg.png) no-repeat 150% bottom; }
  .adva-rowbox { flex-wrap: wrap; }
  .adva-l, .adva-font { width: 100%; }
  .adva-l { padding-bottom: 2rem; }
  .adva-font, .adva-l1 { padding: 0; }
  .adva-row { padding: 2rem 0; border-bottom: 1px solid #e4e3f0; }
  .adva-row:last-child { border-bottom: none; }
  .adva-font1 { text-align: left; padding-bottom: 2rem; }
  .adva-cowbox::after { width: 0; }
  .adva-rowbox::after { width: 0; height: 0; }
  .advi-l { padding-left: 0; }
  .advibox { background: url(/assets/index/images/index_contact_m.jpg) no-repeat right bottom; }
  .advi-img { right: -45%; }
  .advi-font .iconfont { font-size: 2.5rem; padding-right: 0.5rem; }
  .advi-font h1 { font-size: 1rem; padding-bottom: 0.25rem; }
  .advi-font p { display: flex; flex-direction: column; font-size: 0.9rem; }
  .news-index .n-time, .news-index .n-more { display: none; }
  .p-rowbox { padding: 0.5rem; }
  .parn .morebox { display: none; }
  .parn .m-morebox { display: block; text-align: left; }
  .ny-lb, .contact-ny { padding: 1rem 0; }
  .cqn-cimg p { font-size: 0.8rem; line-height: 1.4rem; margin-bottom: 1rem; text-indent: 1.6rem; }
  .cqn-t h1 { font-size: 1.2rem; }
  .index-about .about-font { width: 100%; }
  .contact-nybox1 { padding: 1rem; }
  .news .n-row { flex-direction: column; }
  .news .n-row .n-left-box { width: 100%; }
  .news .n-row .n-right-box { padding-left: 0; }
  .news .n-row .n-right-box .morebox { display: none; }
  .news .n-row .n-arrow { display: none; }
  .contact .left-wrapper { width: 100%; }
  .contact .logo { display: none; }
  .contact .left-wrapper .items p { font-size: 16px; }
  .contact .left-wrapper .items h4 { font-size: 14px; }
  .contact .right-wrapper { display: none; }
  .contact .from-item { margin-right: 0; }
  .contact .textarea-item .from-ri { height: 150px; } }

@media screen and (max-width: 375px) { .p-img { height: 110px !important; }
  /*.c-rowbox { width: 167px; height: 251px; }*/
  .adva-img { width: 335px; height: 167px; }
  .news-index .n-img { width: 100%; object-fit: contain; }
  .parn-rowbox { width: 108px; height: 54px; }
  .parn-font h1 { line-height: 54px; }
  .adva { padding: 2rem 0; }
  .advi-img { right: -60%; }
  .parn-row { padding: 0.25rem; }
  .parn-cowbox { margin: 0 -0.25rem; }
  .more { padding: 0.35rem 1rem; }
  .xqbox { padding: 0.75rem; }
  .about .text-wrapper h2 { font-size: 1rem; }
  .about .text-wrapper p { font-size: 0.7rem; } }

@media screen and (max-width: 320px) { .search-b .inp { width: 11rem; }
  .nav-content { padding: 1.5rem 0 1rem; }
  .index-about .about-rbox { padding: 2rem 0.75rem 0.75rem 0.75rem; }
  .p-img { height: 90px !important; }
  /*.c-rowbox { width: 135px; height: 202px; }*/
  .adva-img { width: 280px; height: 140px; }
  .news-index .n-img { width: 100%; object-fit: contain; }
  .parn-rowbox { width: 90px; height: 45px; }
  .parn-font h1 { line-height: 45px; }
  .c-font h1 { font-size: 0.7rem; }
  .advi-l { width: 100%; }
  .cqn-tb { flex-wrap: wrap; }
  .cqn-tb .time { margin-right: 0; width: 100%; padding-bottom: 0.25rem; }
  .about .about-bottom .items h4 { font-size: 18px; }
  .about .about-bottom .items { width: 100% !important; }
  .about .about-bottom .items:not(:last-child) { margin-bottom: 10px; } }

/*分页样式*/
.ab_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden; }

.ab_pages ul { display: inline-block; margin: 0 auto; padding: 0; }

.ab_pages ul a { color: #555; display: block; padding: 3px 11px; border: 1px solid #e2e2e2; float: left; font-size: 18px; }

.ab_pages ul a:first-child { border-right: 0; }

.ab_pages ul a:first-child:hover { border-right: 0; }

.ab_pages ul a:last-child { border-left: 0; }

.ab_pages ul a:last-child:hover { border-left: 0; }

.ab_pages ul a.page-num-current { background: #333; color: #fff; border: 1px solid #333; }

.ab_pages ul a:hover { background: #333; color: #fff; border: 1px solid #333; }

.ab_pages ul span { display: inline-block; float: left; line-height: 28px; }