.main-banner .swiper-pagination-bullets { bottom: 30px }
.main-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; opacity: 0.5; margin: 0 9px; }
.main-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff; opacity: 1 }
@media screen and (max-width:1080px) {
    .main-banner .swiper-pagination-bullets { bottom: 20px }
    .main-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; }
}
.pt-80 { padding-top: 80px; }
.pt-110 { padding-top: 110px; }
.pb-80 { padding-bottom: 80px; }
.pb-130 { padding-bottom: 130px; }
.pb-95 { padding-bottom: 95px; }
.fs-42 { font-size: 42px; line-height: 40px; color: #30343e; font-weight: bold; }
.text-center { text-align: center; }
.com-title { padding-bottom: 58px; }
.home-a { border-bottom: 1px solid #ddd; padding-left: 7.8%; padding-right: 7.8%; }
.home-a .item { width: 18.625%; height: 450px; background-color: #fff; border-radius: 5px; border: solid 1px #ececec; overflow: hidden; text-align: center; padding-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.home-a .item .pic { height: 220px; display: flex; align-items: center; justify-content: center; padding: 0 14px; margin-bottom: 10px; }
.home-a .item .pic img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.home-a .item:hover { border-color: #a1abc3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.home-a .item h4 { font-size: 24px; line-height: 1; color: #292c33; font-weight: bold; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.home-a .item:hover h4 { color: #182e65; }
.home-a .item p { font-size: 14px; line-height: 24px; color: #595757; margin-top: 22px; }
.home-a .item .more { display: inline-block; margin-top: 40px; width: 120px; height: 32px; line-height: 30px; background-color: #fff; border-radius: 5px; border: solid 1px #aaaaaa; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.home-a .item:hover .more { background-color: #d7211f; border-color: #d7211f; color: #fff; }
.in-pro-left { width: 224px; }
.in-pro-left ul li { margin-bottom: 4px; }
.in-pro-left ul li a { display: block; width: 100%; height: 64px; background-color: #f8f8f8; border-radius: 2px; border: solid 1px #dddddd; line-height: 64px; padding-left: 20px; padding-right: 15px; font-size: 16px; color: #4c4645; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-pro-left ul li a:hover, .in-pro-left ul li.on a { background-color: #182e65; color: #fff; }
.in-pro-left ul li a i { position: absolute; right: 15px; color: #81868e; font-size: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-pro-left ul li a:hover i, .in-pro-left ul li.on a i { color: #ffffff; opacity: 0.8; }
.in-pro-left .lx { width: 100%; background-color: #f8f8f8; border-radius: 2px; border: solid 1px #dddddd; padding: 35px 20px 38px; text-align: center; }
.in-pro-left .lx i { font-size: 45px; line-height: 45px; color: #d7211f; }
.in-pro-left .lx h4 { font-size: 16px; line-height: 1; color: #4c4645; margin-top: 8px; margin-bottom: 15px; }
.in-pro-left .lx p { font-size: 24px; font-weight: bold; line-height: 1; color: #d7211f; }
.com-zx { display: inline-block; width: 164px; height: 40px; line-height: 40px; background-color: #d7211f; border-radius: 5px; font-size: 16px; color: #f8f8f8; margin-top: 20px; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zx:hover { color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) }
.in-pro-right { flex: 1; padding-left: 20px; overflow: hidden; }
.in-pro-list { margin-bottom: -20px; }
.in-pro-list .item { margin-bottom: 20px; }
.in-pro-list .item .abox { position: relative; background-color: #ffffff; border: solid 1px #dddddd; text-align: center; padding-bottom: 5px; }
.in-pro-list .item .abox .pic { height: 234px; }
.in-pro-list .item .abox .pic img { object-fit: contain; }
.in-pro-list .item .abox h4 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #4c4645; }
.ys-cate { margin-bottom: 40px; }
.ys-cate li { width: 23.958%; max-width: 345px; height: 64px; background-color: #ffffff; border-radius: 2px; border: solid 1px #dddddd; line-height: 62px; text-align: center; font-size: 18px; color: #4c4645; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.ys-cate li.on, .ys-cate li:hover { border-color: #182e65; color: #182e65; }
.swiper-container-ys .swiper-slide { position: relative; height: 520px; border-radius: 10px;overflow: hidden;}
.swiper-container-ys .swiper-slide .cont { position: absolute; z-index: 2; left: 100px; top: 85px; }
.swiper-container-ys .swiper-slide .cont h4 { font-size: 42px; line-height: 1.35; color: #ffffff; }
.swiper-container-ys .swiper-slide .cont p { font-size: 16px; line-height: 32px; color: #ffffff; margin-bottom: 36px; margin-top: 30px; max-width: 485px; }
.home-d { padding-bottom: 40px; background-image: url(../images/about-bg.png); background-repeat: no-repeat; background-position: 50px bottom; }
.home-d .pic { width: 50%; height: 720px; border-radius: 60px 0px 0px 0px; position: relative;}
.swiper-container-shili { height: 100%; }
.home-d .cont { width: 50%; padding-left: 12%; padding-right: 50px; padding-top: 60px; }
.home-d .cont h3 { font-size: 42px; line-height: 52px; color: #182e65; font-weight: bold; }
.home-d .cont h4 { font-size: 16px; line-height: 32px; color: #4c4645; margin-top: 20px; }
.home-d .cont .com-zx { margin-top: 50px; margin-bottom: 110px; }
.home-d .cont ul { margin-bottom: -60px; }
.home-d .cont ul li { margin-bottom: 60px; }
.home-d .cont ul li:nth-child(1), .home-d .cont ul li:nth-child(2), .home-d .cont ul li:nth-child(4), .home-d .cont ul li:nth-child(5) { min-width: 210px; }
.home-d .cont ul li .num i { font-size: 52px; line-height: 40px; color: #272933; font-weight: bold; }
.home-d .cont ul li .num sup { font-size: 36px; color: #272933; line-height: 15px; margin-left: 5px; vertical-align: top; top: 0; }
.home-d .cont ul li .num sup.zh { font-size: 20px; }
.home-d .cont ul li p { font-size: 16px; line-height: 28px; color: #272933; opacity: 0.8; margin-top: 2px; }
.home-e .left { width: 65.9422%; }
.home-e .right { width: 30.9722%; }
.home-e .tit-bar { position: relative; margin-bottom: 42px; }
.home-e .tit-bar h3, .home-e .tit-tab .on { font-size: 32px; color: #100d12; line-height: 1; font-weight: bold; }
.home-e .tit-tab { margin-bottom: 42px; }
.home-e .tit-tab a { font-size: 18px; color: #100d12; line-height: 1; margin-right: 70px; font-weight: bold; }
.home-e .tit-tab .on { color: #182e65; }
.home-e .tit-bar .more { position: absolute; right: 0; bottom: 0; font-size: 16px; color: #a6a1a1; }
.home-e .right .faq-wrap { background: #f8f8f8 url(../images/faq-bg.png) no-repeat right bottom; padding: 30px 40px; }
.home-e .right .faq-wrap ul li { padding-left: 40px; position: relative; }
.home-e .right .faq-wrap ul li:before { content: ""; position: absolute; left: 0; width: 23px; height: 22px; background: url(../images/faq-icon-1.png) no-repeat left 1px; background-size: contain; }
.home-e .right .faq-wrap ul li:nth-child(1):before, .home-e .right .faq-wrap ul li:nth-child(2):before, .home-e .right .faq-wrap ul li:nth-child(3):before { background-image: url(../images/faq-icon-2.png); }
.home-e .right .faq-wrap ul li ~ li { margin-top: 30px; }
.home-e .right .faq-wrap ul li a { display: block; }
.news-a .pic { width: 50%; position: relative; height: 336px;}
.news-a .cont { width: 50%; padding-left: 35px; position: relative; padding-top: 18px; }
.news-a .cont h4 a { font-size: 24px; line-height: 36px; color: #100d12; }
.news-a .cont h4 a:hover,
.news-b .item a:hover,
.home-e .tit-bar .more:hover {color: #182e65}
.news-a .cont p { font-size: 14px; line-height: 28px; color: #707070; margin-top: 20px; }
.news-a .cont .date { position: absolute; left: 35px; bottom: 30px; font-size: 16px; line-height: 30px; color: #535253; }
.news-b { margin-bottom: -16px; margin-top: 45px; }
.news-b .item { width: 48.2%; font-size: 16px; line-height: 24px; color: #535253; margin-bottom: 16px; }
.news-b .item a { color: #535253; }
.news-b .item span { color: #535253; opacity: 0.8; font-size: 14px; }
@media (max-width:1600px) {
    .home-a { padding-left: 3%; padding-right: 3%; }
    .home-d .cont { padding-left: 5%; padding-right: 50px; }
    .home-d .cont ul li .num i { font-size: 42px; }
    .home-d .cont ul li .num sup { line-height: 22px; }
}

/*分页*/
.page-bar { margin-top: 60px; text-align: center; }
.pagination { text-align: center; font-size: 0; display: flex;justify-content: center;}
.a1_page { display: none !important; }
.pagination a, .pagination span { padding: 0 14px; display: inline-block; margin: 0 3px; min-width: 40px; line-height: 38px; font-size: 14px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #8C8C9A; border: 1px solid #D9DDE1; border-radius: 3px; }
.pagination .cur_page, .pagination .page-num-current, .pagination a:hover { color: #fff !important; background: #182e65 !important; border-color: #182e65; }
.pagination .prev_disabled:hover, .pagination .next_disabled:hover { color: #576077 !important; }
.pagination a.prev:before, .pagination a.prev_disabled:before { content: "上一页"; }
.pagination a.next:before, .pagination a.next_disabled:before { content: "下一页"; }
@media (max-width:768px) {
    .pagination a, .pagination span { padding: 0 5px; margin: 0 2px; min-width: 30px; line-height: 28px; font-size: 12px; }
}
.pro-result { height: 60px; background-color: #ffffff; border: solid 1px #dddddd; align-items: center; margin-bottom: 28px; padding-left: 44px; padding-right: 30px; }
.pro-result .tit { position: relative; }
.pro-result .tit:before { content: ""; position: absolute; left: -20px; top: 50%; margin-top: -4px; width: 8px; height: 8px; background-color: #182e65; }
.pro-result .tit span { margin-right: 40px; color: #454545; }
.pro-result .tit span:first-child { margin-left: 20px; }
.pro-result .reset-btn { font-size: 14px; color: #81868e; }
.pro-result .reset-btn:hover { color: #182e65; }
.side-form { margin-top: 15px; }

/*page banner*/
.page-banner { position: relative; overflow: hidden; }
.page-banner .pb-pic { overflow: hidden; }
.page-banner .pb-pic img { width: 100%; }
.page-banner .wap-pic { display: none; }
.page-banner .pb-tit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 50%; z-index: 2; margin-left: -720px; margin-top: -45px; }
.page-banner .pb-tit.center { left: 0; margin-left: 0; width: 100%; }
.page-banner .pb-tit .cn { font-size: 60px; line-height: 1.2; color: #ffffff; }
.page-banner .pb-tit.black .cn { color: #2e3136; }
.page-banner .pb-tit.white .cn { color: #fff; }
.page-banner .pb-tit .des { margin-top: 20px; font-size: 20px; line-height: 36px; color: #ffffff; opacity: 0.8; }
.page-banner .pb-tit.black .des { color: #006db4; }
.page-banner .pb-tit.white .des { color: #fff; }
.page-banner .pb-zx { display: block; width: 180px; height: 42px; background-color: #182e65; text-align: center; line-height: 42px; color: #fff; font-size: 18px; margin-top: 26px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-banner .pb-zx:hover { width: 200px; }
@media (max-width:1600px) {
    .page-banner .pb-tit { left: 5%; margin-left: 0; }
}
.cate-bar { padding-top: 40px; padding-bottom: 35px; text-align: center; }
.cate-bar a { display: inline-block; vertical-align: middle; width: 120px; margin: 0 12px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-bar a:hover, .cate-bar a.on { color: #182e65; }
.cate-bar a img { display: inline-block; }
.cate-bar a span { display: block; margin-top: 2px; font-size: 18px;}

/*产品列表*/
.list-wrap { padding-bottom: 100px; }
.product-list { margin-bottom: -30px; }
.product-list .item { text-align: center; margin-bottom: 30px; }
.product-list .item .pic {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    overflow: hidden;
}
.product-list .item .pic img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: .3s;
}
.product-list .item a:hover .pic img { transform: scale(1.05); }
@media screen and (max-width:768px) {
    .product-list .item .pic { height: 180px; }
}
/* 详情页侧栏「相关产品」：缩略图统一填满裁切，观感一致 */
.pro-left .product-list .item .pic { height: 220px; }
.pro-left .product-list .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.product-list .item .tit { height: 60px; background-color: #ffffff; border: solid 1px #dddddd; line-height: 58px; padding: 0 15px; font-size: 16px; color: #212637; }

/*内页标题*/
.page-title { text-align: center; margin-bottom: 50px; }
.page-title h3 { font-size: 42px; line-height: 1.2; color: #272933; font-weight: bold; }
.page-title p { font-size: 18px; color: #767676; line-height: 1.5; margin-top: 15px; }
.page-title.white h3 { color: #fff; }
.page-title.white p { color: #f3f3f3; }
.page-title.left { text-align: left; }

/*内页栏目*/
.page-cate { height: 80px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(1, 102, 176, 0.15); border-radius: 5px; display: flex; width: 100%; align-items: center; justify-content: center; margin-top: -40px; position: relative; z-index: 2; padding: 0 60px; text-align: center; }
.page-cate a { position: relative; font-size: 18px; color: #666; width: 16.6666%; }
.page-cate a:hover, .page-cate a.on { color: #182e65; }
/* 栏目没传大图时的兜底 banner（与列表页一致） */
.banner-fallback { height: 300px; background: linear-gradient(135deg, #182e65 0%, #0d1b3e 100%); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 44px; font-weight: bold; letter-spacing: 4px; }

/* 首页顶部大轮播：按参照图 1920×670 比例统一，所有轮播图同高 */
.in-banner { aspect-ratio: 1920 / 670; overflow: hidden; }
.in-banner .swiper-slide { height: 100%; }
.in-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

/* 单页正文（关于我们 / 免责声明 / 公司简介等） */
.about-page { padding: 70px 0 80px; color: #4b5563; font-size: 16px; line-height: 2; }
.about-page h3 { margin: 34px 0 14px; font-size: 22px; line-height: 1.5; font-weight: 700; color: #1f2937; }
.about-page h3:first-child { margin-top: 0; }
.about-page p { margin: 0 0 14px; }
.about-page img { max-width: 100%; height: auto; }
.about-page ul:not(.ys-num-list), .about-page ol { margin: 0 0 14px; padding-left: 22px; }
/* 数字统计条：排除在通用正文列表样式外，保持 .wp 居中 */
.about-page .homee .ys-num-list.wp { margin: 50px auto 0; padding-left: 0; }
.about-page table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.about-page table th, .about-page table td { border: 1px solid #e5e7eb; padding: 10px 12px; line-height: 1.8; }
.about-page table th { background: #f6f7f9; color: #1f2937; }
.mz-contact { margin-top: 44px; padding: 26px 30px; background: #f6f7f9; border-radius: 10px; }
.mz-contact h3 { margin-top: 0; }
.mz-contact p:last-child { margin-bottom: 0; }
.mz-contact .mz-date { margin-top: 16px; color: #9aa0a6; font-size: 14px; }

/* 富版式单页（关于我们 / 加工实力）：内容自带分栏与背景，去掉外层内边距 */
.about-page:has(.homee), .about-page:has(.jgsl-wrap), .about-page:has(.page-cate) { padding: 0; }
/* 楼层面板：吸顶导航 */
.about-page .page-cate,
.about-page .lift-wrapper { position: sticky; top: 0; z-index: 20; height: auto; min-height: 80px; margin-top: 0; box-shadow: 0 4px 16px rgba(24, 46, 101, .08); }

/*联系单页*/

/*C1*/
.contacta { padding-top: 80px; }
.contact-list { background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(1, 102, 176, 0.15); border-radius: 10px; align-items: center; padding: 70px 0; overflow: hidden; position: relative; z-index: 5; }
.contact-list .item { width: 33.3333%; text-align: center; }
.contact-list .item i { font-size: 38px; color: #30343e; height: 38px; line-height: 38px; }
.contact-list .item h4 { font-size: 16px; color: #81868e; line-height: 1; margin-top: 20px; margin-bottom: 24px; }
.contact-list .item p { font-size: 28px; line-height: 1; color: #212637; }
@media (max-width:1024px) {
    .contacta .item p { }
}
@media (max-width:640px) {
    .contacta .item { width: 100%; text-align: center; }
    .contacta .item h4 { margin-bottom: 15px; }
    .contacta .item p { font-size: 28px; }
}

/*C2*/
.contactb { position: relative; }
.contactb:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #231815; opacity: .2; z-index: 2; }
#allmap { height: 680px; margin-top: -95px; }
#allmap img { max-width: none; max-height: none; }
.contactb .dh { position: absolute; left: 50%; top: 50%; z-index: 3; width: 220px; height: 50px; background-color: #231815; box-shadow: 0px 0px 10px 0px 
rgba(1, 124, 194, 0.2); text-align: center; line-height: 50px; color: #ffffff; font-size: 18px; margin-left: -110px; margin-top: 25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.contactb .dh i { font-size: 27px; color: #fff; margin-right: 20px; vertical-align: middle; display: inline-block; margin-top: -4px; }
.contactb .dh:hover { width: 240px; margin-left: -120px; }

/*C3*/
.contactc { padding-top: 95px; padding-bottom: 110px; }
.form-type-01 ul { }
.form-type-01 ul li { width: 32.36%; height: 60px; background-color: #ffffff; border: solid 1px #dddddd; align-items: center; }
.form-type-01 ul li label { width: 100px; font-size: 16px; color: #3c3c3c; opacity: 0.9; text-align: right; }
.form-type-01 ul li:last-child label { width: 130px; }
.form-type-01 ul li label i { font-size: 22px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.form-type-01 ul li input { flex: 1; padding-right: 15px; line-height: 30px; }
.form-type-01 textarea { width: 100%; height: 160px; background-color: #ffffff; border: solid 1px #dddddd; padding: 20px 25px; font-size: 16px; color: #81868e; opacity: 0.9; margin-top: 15px; vertical-align: middle; }
.form-type-01 .sub { display: block; margin: 40px auto 0; width: 100%; height: 60px; background-color: #767676; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; }
@media (max-width:1024px) {
    .form-type-01 ul li input { width: 50%; }
}
@media (max-width:768px) {
    .form-type-01 ul li { width: 100%; height: 50px; }
    .form-type-01 ul li label { font-size: 14px; }
    .form-type-01 ul li label i { font-size: 16px; }
    .form-type-01 ul li ~ li { margin-top: 10px; }
}
@media (max-width:640px) {
    .form-type-01 .sub { margin: 30px auto 0; width: 180px; height: 40px; line-height: 40px; font-size: 16px; }
    .form-type-01 textarea { height: 100px; border: solid 1px #dddddd; padding: 10px 10px; font-size: 14px; margin-top: 10px; }
    .form-type-01 ul li:last-child label { width: auto; }
}

/*新闻列表*/
.news-one { margin-top: 40px; border: solid 1px #dddddd; padding: 25px; margin-bottom: 20px; }
.news-one .pic { width: 43.2%; height: 362px; }
.news-one .cont { flex: 1; padding-left: 60px; padding-right: 30px; padding-top: 35px; position: relative; }
.news-one .cont h4 a { font-size: 24px; line-height: 1.3; color: #272727; }
.news-one .cont h4:after { content: ""; width: 100%; height: 1px; background-color: #dddddd; display: block; margin-top: 30px; margin-bottom: 20px; }
.news-one .cont p { font-size: 14px; line-height: 28px; letter-spacing: 1px; color: #9c9c9c; }
.news-one .cont .date { position: absolute; left: 60px; bottom: 34px; font-size: 16px; color: #515457; }
.news-list { margin-bottom: -15px; }
.news-list .item { margin-bottom: 15px; }
.news-list .item .abox { height: 160px; background-color: #ffffff; border: solid 1px #dddddd; display: flex; align-items: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-list .item .abox:hover { background-color: #182e65; }
.news-list .item .abox .date { width: 160px; height: 100%; border-right: solid 1px #dddddd; text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-list .item .abox:hover .date { border-color: rgba(255,255,255,.3);}
.news-list .item .abox .date span { display: block; width: 100%; font-size: 16px; color: #515457; line-height: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-list .item .abox .date .md { font-size: 32px; color: #272933; margin-bottom: 10px; }
.news-list .item .abox:hover .date span { color: #fff; }
.news-list .item .abox .cont { flex: 1; padding: 0 40px; overflow: hidden; }
.news-list .item .abox .cont h4 { font-size: 20px; color: #272727; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-list .item .abox .cont p { font-size: 14px; letter-spacing: 1px; color: #9c9c9c; margin-top: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-list .item .abox:hover .cont h4 { color: #fff; }
.news-list .item .abox:hover .cont p { color: #ffffff; opacity: 0.6; }

/*加工实力*/
.jgsl-item:first-child { margin-top: 90px; }
.jgsl-item:last-child { margin-bottom: 130px; }
.jgsl-item ~ .jgsl-item { margin-top: 120px; }
.jgsl-item .jgsl-intro { position: relative; background-color: #f2f5fe; margin-bottom: 40px; }
.jgsl-item:nth-child(2n) .jgsl-intro { flex-direction: row-reverse; }
.jgsl-item .jgsl-intro .pic { width: 57.29%; height: 600px; position: relative; z-index: 3; }
.jgsl-item .jgsl-intro .intro { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; }
.jgsl-item:nth-child(2n) .jgsl-intro .intro .wp { display: flex; flex-direction: row-reverse; }
.jgsl-item .jgsl-intro .intro .des { width: 39.58%; padding-right: 90px; }
.jgsl-item:nth-child(2n) .jgsl-intro .intro .des { padding-right: 0; padding-left: 90px; }
.jgsl-item .jgsl-intro .intro .des h4 { font-size: 36px; line-height: 48px; color: #272933; }
.jgsl-item .jgsl-intro .intro .des p { font-size: 16px; line-height: 32px; color: #595757; margin-top: 10px; }
.zixun { display: inline-block; width: 164px; height: 38px; background-color: #272933; border-radius: 19px; line-height: 38px; text-align: center; font-size: 18px; color: #ffffff; }
.zixun:hover { color: #fff }
.jgsl-item .jgsl-intro .intro .des .zixun { margin-top: 45px; }
.jgsl-item .jgsl-list li {width: 32%; height: 260px;}
.jgsl-item .jgsl-list li img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* 加工实力顶部概述（后台正文） */
.jgsl-lead { max-width: 1100px; padding-top: 60px; color: #4b5563; font-size: 16px; line-height: 2; }
.jgsl-lead p { margin: 0 0 12px; }

/*非标定制*/
.zixun-bar-2 { text-align: center; font-size: 22px; line-height: 40px; color: #595757; }
.zixun-bar-2  .icon-dianhua { color: #595757; width: 25px; height: 25px; margin-right: 12px; font-size: 25px; vertical-align: middle; display: inline-block; line-height: 25px; margin-top: -4px; }
.zixun-bar-2 .wxzixun { display: inline-block; width: 158px; height: 40px; background-color: #292c33; border-radius: 19px; text-align: center; line-height: 40px; font-size: 17px; color: #fff; vertical-align: top; margin-left: 40px; }
.zixun-bar-2 .wxzixun i { font-size: 26px; display: inline-block; vertical-align: middle; height: 26px; line-height: 26px; margin-top: -4px; margin-right: 10px; }
.odm-lc { padding: 80px 0; background: url(../images/odm-bg.jpg) no-repeat center; background-size: cover; }
.odm-lc .zixun-bar-2 { margin-top: 65px; }
.lc-list .item { width: 170px; height: 194px; background: url(../images/lc-bg.png) no-repeat center; background-size: contain; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; }
.lc-list .item ~ .item:before { content: ""; position: absolute; left: -25%; width: 25px; margin-left: -12.5px; width: 25px; height: 24px; background: url(../images/icon-jg.png) no-repeat center; background-size: contain; }
.lc-list .item:hover { background-image: url(../images/lc-bg-on.png); }
.lc-list .item i { font-size: 50px; color: #272933; height: 51px; line-height: 51px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list .item p { font-size: 18px; color: #272933; margin-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list .item:hover p, .lc-list .item:hover i { color: #fff; }
.odm-bz { padding-top: 95px; padding-bottom: 100px; }
.swiper-container-odmpztit { width: 88.8888%; height: 120px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(1, 102, 176, 0.15); border-radius: 10px; margin-top: -60px; }
.swiper-container-odmpztit .swiper-slide { padding: 0 50px; display: flex; align-items: center; flex-wrap: wrap; }
.swiper-container-odmpztit .swiper-slide h4 { width: 40%; font-size: 36px; line-height: 1; color: #272933; }
.swiper-container-odmpztit .swiper-slide p { width: 60%; text-align: right; font-size: 16px; line-height: 32px; color: #767676; }

/*关于我们*/
.qywh { padding-top: 32px; padding-bottom: 90px; }
.qywh-tit { height: 160px; background-color: #ffffff; box-shadow: 7px 7px 20px 0px 
rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; z-index: 2; width: 83.3333%; margin: -80px auto 0; overflow: hidden; }
.qywh-tit .item { width: 33.3333%; height: 100%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; display: flex; justify-content: center; align-items: center; }
.qywh-tit .item.on { background-color:#182e65; }
.qywh-tit .item i { font-size: 57px; color: #272933; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.qywh-tit .item .cont { padding-left: 15px; }
.qywh-tit .item .cont h4 { font-size: 24px; line-height: 1; color: #1f2f46; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.qywh-tit .item .cont p { font-size: 15px; line-height: 24px; color: #8c8c8c; margin-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.qywh-tit .item.on i, .qywh-tit .item.on .cont h4 { color: #fff; }
.qywh-tit .item.on .cont p { color: #ffffff; opacity: 0.5; }
.album-item { border: solid 1px #dddddd; text-align: center; }
.album-item .tit { border-top: 1px solid #ddd; height: 60px; line-height: 59px; padding: 0 15px; font-size: 16px; color: #212637; }
.swiper-container-ryzz .album-item .pic { padding: 30px 45px; }

/* 关于我们 / 加工实力：后台轮播图驱动的图片统一规格（任意尺寸上传都不变形） */
.swiper-container-ryzz .album-item .pic img { width: 100%; height: 320px; object-fit: contain; display: block; }
.swiper-container-hjsb .album-item .pic img { width: 100%; height: 260px; object-fit: cover; display: block; }
.slzs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.slzs-grid .cell { height: 240px; border-radius: 6px; overflow: hidden; }
.slzs-grid .cell img { width: 100%; height: 100%; object-fit: cover; display: block; transition: .4s; }
.slzs-grid .cell:hover img { transform: scale(1.05); }
@media screen and (max-width: 768px) {
    .slzs-grid { grid-template-columns: repeat(2, 1fr); }
    .slzs-grid .cell { height: 170px; }
}
.slzs { padding-top: 120px; padding-bottom: 100px; }
.slzs-block-1 .item { height: 492px; margin-bottom: 13px; }
.slzs-block-1 .item-1 { background-color: #272933; width: 24.375%; padding: 70px 40px 60px 40px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
.slzs-block-1 .item-1 h4 { font-size: 36px; line-height: 48px; color: #fff; }
.slzs-block-1 .item-1 p { font-size: 16px; line-height: 32px; color: #ffffff; opacity: 0.8; }
.slzs-block-1 .item-2, .slzs-block-2 .item-2 { width: 49.3055%; }
.slzs-block-1 .item-3 { width: 24.375%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
.slzs-block-2 .item-1 { height: 242px; width: 24.375%; }
.slzs-block-2 .item-3 { width: 24.375%; }
.hjsb { padding-bottom: 105px; }

/*产品详情*/
.zixun-bar { text-align: center; font-size: 0; }
.zixun-bar a { display: inline-block; vertical-align: middle; width: 180px; height: 48px; background-color: #272933; font-size: 16px; color: #ffffff; line-height: 48px; margin: 0 10px; text-align: center; }
.zixun-bar a i { font-size: 21px; vertical-align: -2px; display: inline-block; margin-right: 8px; }
.zixun-bar a.zx1 { background-color: #d7211f;    /*color: #fff;*/ }
.search-bar { height: 60px; border-bottom: 1px solid #ddd; }
.search-bar.noline { border-bottom: none; }
.search-bar .wp { align-items: center; height: 100%; }
.search-bar .form-search button { font-size: 18px; color: #707070; background: #fff; vertical-align: middle; }
.search-bar, .search-bar a { font-size: 14px; color: #81868e; }
.search-bar a:hover { color: #182e65; }
.pro-head { padding: 40px 0 50px; }
.pro-head .pic { width: 50.27%; }
.pro-head .cont { flex: 1; padding-left: 58px; padding-top: 20px; position: relative; }
.swiper-container-album { width: 110px; overflow: hidden; margin: 0;}
.swiper-container-album .swiper-slide { width: 110px; height: 110px; border: solid 1px #dddddd; cursor: pointer;cursor: pointer;}
.swiper-container-album .swiper-slide.on {border-color: #182e65}
.pro-head .pic .pic-big { flex: 1; padding-left: 12px; overflow: hidden;}
.swiper-container-big { border: solid 1px #dddddd; }
.swiper-container-big img { width: 100%; }
.pro-head .cont h1 { font-size: 38px; line-height: 1.3; color: #272933; padding-left: 30px; position: relative; padding-bottom: 30px;}
.pro-head .cont h1:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background-color: #383635; opacity: 0.42; }
.pro-head .cont .des { padding: 40px 0 40px 30px; font-size: 16px; line-height: 42px; color: #615f5f; height: 200px;margin-bottom: 20px;}
.pro-head .cont .zixun-bar { position: absolute; left: 58px; bottom: 40px; text-align: left;}
.pro-body { background-color: #f8f8f8; padding-top: 50px; padding-bottom: 105px; }
.pro-body .wp { align-items: flex-start; }
.pro-left { max-width: 320px; width: 22.2222%; }
.pro-right { width: 75.6944%; border: solid 1px #d2d2d2; background: #fff; }
.pro-cate { background-color: #231815; padding: 10px; }
.pro-cate h3 { font-size: 32px; padding: 20px 14px; color: #ffffff; }
.pro-cate ul { background: #fff; padding: 10px 20px; }
.pro-cate ul li a { display: flex; width: 100%; height: 48px; line-height: 48px; border-radius: 2px; padding: 0 20px; align-items: center; color: #515457; font-size: 16px; position: relative; }
.pro-cate ul li a span { position: absolute; right: 20px; color: #fff; font-size: 26px; opacity: 0; }
.pro-cate ul li a:hover {color: #182e65;}
.pro-cate ul li.on a { background-color: #182e65; color: #fff;}
.pro-cate ul li.on a span { opacity: 1; }
.pro-cate ul li a i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; line-height: 24px; background-repeat: no-repeat; background-size: 48px; margin-right: 20px; }
.side-tit { font-size: 32px; line-height: 1; color: #231815; margin-top: 40px; margin-bottom: 25px; }
.pro-left .product-list { margin-bottom: -18px; }
.pro-left .product-list .item { margin-bottom: 18px; }
.pro-tab { padding: 30px 25px 25px; display: flex; border-bottom: 1px solid #ddd; }
.pro-tab li { font-size: 18px; color: #81868e; padding: 0 14px; position: relative; margin-right: 20px; cursor: pointer; }
.pro-tab li.on, .pro-tab li:hover { color: #2e3136; }
.pro-tab li:before { content: ""; position: absolute; left: 0; bottom: -26px; width: 0; border-bottom: 1px solid #2e3136; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-tab li.on:before { width: 100%; opacity: 1; }
.pro-detail { }
.pro-detail .pro-item { padding: 50px 65px 0; }
.pro-detail .pro-item .pro-h3 { font-size: 24px; color: #2e3136; margin-bottom: 30px; }
.pro-detail .pro-item .pro-h3:before { content: ""; margin-right: 15px; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: #2e3136; }
.pro-detail .pro-item .des { font-size: 16px; line-height: 1.75; color: #615f5f; }
.pro-detail .pro-item .des p { margin-bottom: 20px; }
.pro-fbdz .item:nth-child(2n) { flex-direction: row-reverse; }
.pro-fbdz .item .pic, .pro-fbdz .item .cont { width: 50%; }
.pro-fbdz .item .cont { height: 300px; border: solid 1px #dddddd; padding: 46px 35px 0; }
.pro-fbdz .item .cont h4 { font-size: 24px; line-height: 1; color: #292c33; padding-bottom: 22px; border-bottom: 1px solid #ddd; position: relative; }
.pro-fbdz .item .cont h4:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100px; height: 2px; background-color: #2e3136; }
.pro-fbdz .item .cont p { font-size: 16px; line-height: 24px; color: #595757; margin-top: 25px; height: 85px; margin-bottom: 0; }
.pro-fbdz .item .cont .zx { display: inline-block; width: 128px; height: 36px; background-color: #81868e; text-align: center; line-height: 36px; color: #fff; font-size: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-fbdz .item .cont .zx i { font-size: 20px; margin-right: 8px; vertical-align: middle; }
.pro-fbdz .item .cont .zx:hover { background-color:#182e65; }
.pro-ul li { margin-top: 10px; width: 49.47%; }
.pro-ul li img { width: 100%; height: 100%; object-fit: cover; }
.jgsl-num { padding: 60px 80px; background-color: #212637; border: solid 1px #dddddd; margin-top: 0; }
.jgsl-num li .num, .jgsl-num li .tit { color: #182e65; }
.detail-page { height: 70px; align-items: center; padding: 0 37px; border-top: 1px solid #ddd; margin-top: 100px; }
.detail-page .prev, .detail-page .next { width: 40%; font-size: 14px; color: #767676; }
.detail-page .next { text-align: right; }
.detail-page .prev a, .detail-page .next a { color: #767676; }
.detail-page .prev a:hover, .detail-page .next a:hover, .detail-page .menu:hover { color: #1f68b3; }
.detail-page .menu { font-size: 14px; color: #4c4645; align-items: center; }
.detail-page .menu i { font-size: 17px; margin-right: 8px; }
@media (max-width:640px) {
    .detail-page { height: auto; padding: 15px 25px; }
    .detail-page .prev, .detail-page .next { width: 48%; font-size: 12px; }
}

/*新闻详情*/
.detail-wrap { padding-top: 65px; padding-bottom: 100px; }
.detail-wrap .detail-left { width: 73.6%; }
.detail-wrap .detail-right { width: 23.8%; margin-top: 70px; }
.detail-wrap .detail-right .rec-case-list li { width: 100%; }
.detail-wrap .detail-page { width: 100%; }
.partner-list { padding-bottom: 25px; }
.partner-list .item { margin-bottom: 20px; }
.partner-list .item .box { border: 1px solid #ddd; }
.sz-kefu { position: fixed; width: 50px; right: 0; top: 50%; z-index: 100; margin-top: -100px; }
.sz-kefu ul { padding-left: 0 }
.sz-kefu ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 1px; font-size: 12px; line-height: 50px; list-style: none; }
.sz-kefu ul li .sidebox { position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: all 0.3s; color: #fff; background: #272933; overflow: hidden; opacity: .8; }
.sz-kefu ul li.kf2 .sidebox {/* background:#7fbb57; */overflow: visible; }
.sz-kefu ul li .sidebox:hover { opacity: 1; }
.sz-kefu ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #182e65; transition: all 0.3s; opacity: .8; }
.sz-kefu ul li .sidetop:hover { opacity: 1; }
.sz-kefu ul li img { float: left; }
.sz-kefu ul li .sidebox3 { font-size: 16px; }
.sz-kefu ul li .kImg { padding: 13px; }
.sz-kefu .kf_wx { position: absolute; top: 0; left: -140px; width: 110px; display:; background: #fff; border: 1px solid #dadada; padding: 14px; line-height: 20px; color: #333; text-align: center; display: none; box-sizing: content-box; }
.sz-kefu .kf_wx img { display: block; width: 110px; height: 110px; margin-bottom: 5px; float: none; }
.sz-kefu .qq { height: 0; position: relative; z-index: 2; }
.sz-kefu .qq .sidebox { border: 1px solid #272933; height: auto; border-radius: 5px 0 0 5px; width: 140px; background: #fff; opacity: 1; bottom: -50px; top: auto; text-align: center; padding-bottom: 5px; right: -150px; }
.sz-kefu .qq h5 { height: 35px; line-height: 35px; background: #272933; font-weight: normal; color: #fff; font-size: 14px; padding: 0 10px; text-align: left; margin-bottom: 10px; }
.sz-kefu .qq h5 i { float: right; cursor: pointer; transition: all 0.3s; position: relative; z-index: 5; }
.sz-kefu .qq h5 i:hover { transform: rotate(90deg); }
.sz-kefu .qq a { display: block; height: 32px; line-height: 32px; border-radius: 18px; border: 1px solid #272933; margin: 5px 15px }
@media (max-width:768px) {
    .sz-kefu { display: none; }
}

/*关于*/
.homee { padding-top: 88px; padding-bottom: 58px; position: relative; }
.homee .tit-bg { position: absolute; left: 3%; top: 100px; width: 116px; height: 687px;}
.homee .cont { width: 51%; padding-right: 110px; padding-top: 35px; }
.homee .cont .page-title { margin-bottom: 40px; }
.homee .cont .des p { font-size: 14px; line-height: 32px; color: #515457; }
.homee .cont .des p ~ p { margin-top: 20px; }
.homee .cont .com-btn { margin-top: 80px; }
.homee .cont-about { padding-right: 90px; }
.homee .cont-about .des p ~ p { margin-top: 5px; }
.homee .pic { width: 49%; height: 520px; position: relative; }
.homee .pic img { width: 940px; max-width: none; object-fit: cover; }
/* 正文大图统一填满容器，任意尺寸上传都不会溢出或变形 */
.about-page .homee .pic img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; display: block; }
/* 公司介绍没传大图时：文字改为通栏，不留右侧空白 */
.homee .in-about.nopic { display: block; }
.homee .in-about.nopic .cont { width: 100%; max-width: 900px; padding-right: 0; }
.homee .in-about.nopic .cont .des { max-width: 860px; }
.homee .pic .btn-video,
.home-d .pic .btn-video { position: absolute; left: -60px; top: 50%; z-index: 2; margin-top: -60px; width: 120px; height: 120px; background: url(../images/video-btn.png) no-repeat; background-size: contain;/* box-shadow: 0px 0px 20px 0px rgba(1, 102, 176, 0.15);*/ border-radius: 50%; overflow: hidden; }
.swiper-container-muslce .swiper-slide img { width: 100%; object-fit: cover; }
.ys-num-list { margin-top: 50px; padding: 26px 0 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.ys-num-list li .num { font-size: 48px; line-height: 1; color: #212637; }
.ys-num-list li .tit { font-size: 14px; line-height: 1; color: #515457; margin-top: 10px; }
@media (max-width:1600px) {
    .homee .pic img { width: 100%; height: 100%; }
    .homee .cont { padding-bottom: 10px; }
}
@media (max-width:1366px) {
    .homee .cont .in-tit { padding-top: 10px; }
    .homee .cont { padding-right: 100px; }
}
@media (max-width:1024px) {
    .homee .cont { padding-right: 70px; }
    .homee .cont .des p { font-size: 16px; line-height: 30px; margin-top: 13px; margin-bottom: 40px; }
}
.swp-wrap { position: relative; }
.swp-btn { position: absolute; left: 40px; top: 50%; margin-top: -20px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; color: #d1d4dd; font-size: 40px; line-height: 40px; text-align: center; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swp-btn.next { left: auto; right: 40px; }
.swp-btn.black { left: -90px; color: #767676; }
.swp-btn.black.next { left: auto; right: -90px; }
.swp-btn:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) }

/*非标*/
.homea { padding-top: 85px; padding-bottom: 110px; }
.homea .zixun-bar { margin-top: 48px; }
.service .item { width: 23.61%; }
.service .item .pic { position: relative; }
.service .item .pic .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(39, 41, 51, .8); display: flex; align-items: center; justify-content: center; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.service .item:hover .pic .cover { opacity: 1; }
.service .item .pic .cover .zixun { width: 180px; height: 48px; background-color: #fff; line-height: 48px; border-radius: 0; color: #272933; font-size: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.service .item .pic .cover .zixun:hover { width: 200px; }
.service .item .pic .cover .zixun i { color: #272933; font-size: 21px; vertical-align: middle; margin-right: 10px; }
.service .item .cont { border: solid 1px #dddddd; border-top: none; height: 120px; padding: 25px 30px 23px; }
.service .item .cont h4 { font-size: 24px; color: #272933; }
.service .item .cont p { font-size: 16px; color: #767676; margin-top: 10px; }

/*视频列表*/
.video-item { text-align: center; }
.video-item .abox .pic { position: relative; height: 270px; border-radius: 10px;}
.video-item .abox .pic i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; font-size: 55px; }
.video-item .abox .tit { font-size: 18px; line-height: 24px; color: #333333; margin-top: 20px; }
.video-list { margin-top: 65px; margin-bottom: -40px; }
.video-list:after { content: ""; width: 31.95%; }
.video-list .video-item { width: 31.95%; margin-bottom: 40px; }
@media screen and (max-width:640px) {
    .video-list { margin-top: 45px; margin-bottom: -20px; }
    .video-list .video-item { width: 48%; margin-bottom: 20px; }
    .video-item .abox .tit { margin-top: 10px; }
    .video-item .abox .pic i { font-size: 32px; }
}

.jgsl-num { padding: 60px 80px; background-color: #182e65; border: solid 1px #dddddd; margin-top: 0; }
.jgsl-num li .num, .jgsl-num li .tit { color: #fff; }

/* 通用单页（page.html）：正文容器与标题 */
.page-body { padding: 60px 0 80px; }
.page-body .page-title { margin-bottom: 24px; }
.page-body .page-title h3 { font-size: 26px; color: #182e65; }
.page-body h3 { margin: 34px 0 14px; font-size: 20px; line-height: 1.6; font-weight: 700; color: #1f2937; }
.page-body p { margin: 0 0 14px; }
.page-body img { max-width: 100%; height: auto; }
.page-body ul, .page-body ol { margin: 0 0 14px; padding-left: 22px; }
.page-body table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.page-body table th, .page-body table td { border: 1px solid #e5e7eb; padding: 10px 12px; line-height: 1.8; }
.page-body table th { background: #f6f7f9; color: #1f2937; }
@media screen and (max-width:640px) {
    .page-body { padding: 40px 0 60px; }
}

/* ============ 磁铁性能页 performance.html ============ */
.about-page.xn-page { padding: 0; }
.xn-body { padding: 60px 0 80px; }
.xn-body .page-title { margin-bottom: 20px; }
.xn-lead { max-width: 1100px; color: #4b5563; font-size: 16px; line-height: 2; margin-bottom: 10px; }
.xn-lead p { margin: 0 0 12px; }
.xn-sec { margin-top: 54px; }
.xn-hd { margin-bottom: 18px; }
.xn-hd h4 { position: relative; padding-left: 14px; font-size: 22px; line-height: 1.5; font-weight: 700; color: #182e65; }
.xn-hd h4:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 20px; background-color: #e60012; border-radius: 2px; }
.xn-hd p { margin-top: 8px; padding-left: 14px; font-size: 14px; line-height: 1.9; color: #6b7280; }
.xn-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; }
.xn-table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #e8ebf0; border-radius: 8px; overflow: hidden; font-size: 14.5px; }
.xn-table th { padding: 14px 12px; background: #f2f5fa; color: #182e65; font-weight: 600; font-size: 14px; line-height: 1.5; text-align: center; border-bottom: 1px solid #e8ebf0; white-space: nowrap; }
.xn-table th span { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: #8b93a1; }
.xn-table td { padding: 12px; text-align: center; color: #4b5563; border-bottom: 1px solid #f0f2f6; white-space: nowrap; }
.xn-table td:first-child { color: #182e65; font-weight: 600; background: #fafbfd; }
.xn-table tbody tr:last-child td { border-bottom: 0; }
.xn-table tbody tr:hover td { background: #f7f9fc; }
.xn-tip { margin-top: 14px; padding: 12px 16px; background: #f6f7f9; border-radius: 6px; font-size: 13.5px; line-height: 1.9; color: #6b7280; }
.xn-tip b { color: #182e65; }
.xn-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.xn-cards .cell { padding: 22px 20px; background: #fff; border: 1px solid #ececec; border-radius: 8px; }
.xn-cards .cell h5 { font-size: 16px; font-weight: 700; color: #182e65; margin-bottom: 8px; }
.xn-cards .cell p { font-size: 14px; line-height: 1.9; color: #595757; }
.xn-cards .cell b { color: #e60012; font-weight: 600; }
.xn-curve { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.xn-curve .item { background: #fff; border: 1px solid #ececec; border-radius: 8px; padding: 12px; }
.xn-curve .item .pic { height: 320px; display: flex; align-items: center; justify-content: center; }
.xn-curve .item .pic img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.xn-curve .item p { margin-top: 10px; text-align: center; font-size: 14px; color: #6b7280; }
.xn-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 18px; padding: 28px 34px; background: #f2f5fe; border-radius: 10px; }
.xn-cta p { font-size: 16px; color: #3f4756; }
.xn-cta .zixun { flex: 0 0 auto; }
@media screen and (max-width:1200px) {
    .xn-cards { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:640px) {
    .xn-body { padding: 40px 0 60px; }
    .xn-sec { margin-top: 40px; }
    .xn-hd h4 { font-size: 19px; }
    .xn-cards, .xn-curve { grid-template-columns: 1fr; }
    .xn-curve .item .pic { height: 240px; }
    .xn-cta { flex-direction: column; align-items: flex-start; padding: 22px; }
}