@font-face { font-family: DIN-Bold; src: url(../fonts/DIN-Bold.ttf); }
@font-face { font-family: arial; src: url(../fonts/arial.ttf); }
@font-face { font-family: ariblk; src: url(../fonts/ariblk.ttf); }
@font-face { font-family: timesbd; src: url(../fonts/timesbd.ttf); }
i, em { font-style: normal; }
.wrap { width: 75%; margin: 0 auto; position: relative; }
body { line-height: 1.7; font-size: 1rem; max-width: 1920px; margin: 0 auto; }
a:hover { color: #0059ab; }
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
header { width: 100%; height: 6.5rem; }
header:before { width: 0; height: 1px; content: ""; position: absolute; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');
background: rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out; -webkit-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; -ms-transition: all 3s ease-in-out; transition: all 3s ease-in-out; }
header.on:before { width: 100%; transition-delay: 2.6s; }
header .logo { display: inline-block; max-width: 25%; padding: 0; height: 6.5rem; line-height: 6.5rem; -webkit-transition: 0.36s; -o-transition: 0.36s; -moz-transition: 0.36s; transition: 0.36s; overflow: hidden; }
.logo2 { display: none; }
header .logo a { display: inline-block }
header .logo.on { filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0 }
header .logo embed { width: 8rem; display: inline-block; vertical-align: middle; }
header .logo embed.wap { display: none }
header .right { float: right; height: 6.5rem; line-height: 1.5rem; }
header .right .lan { display: inline-block; font-size: 1rem; position: relative; cursor: pointer }
header .right .lan span { margin-right: 0.5rem; }
header .right .lan b { font-weight: normal; display: block; margin-top: 1.5rem; }
header .right .lan i { font-style: normal; font-size: 1.8rem; padding-left: 1.5rem; font-weight: bold; font-family: timesbd; color: #0059ab; }
.nheader { justify-content: space-between; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.nheader_right { display: flex; flex-grow: 1; }
.nheader .logo { float: left; height: 100%; }
.nheader .img02 { display: none; }
.nmenu { display: inline-block; padding: 0 0 0 4.125rem; height: 6.5rem; line-height: 6.5rem; float: left; margin-right: 1.875rem; flex-grow: 1; }
.nmenu ul { overflow: hidden; }
.nmenu ul li { width: 16%; float: left; text-align: center; }
.nmenu ul li a { font-size: 1.125rem; display: block; }
.nmenu ul li a:hover { color: #ffffff; background-color: #0059ab; }
.menu { /*width: 65%; float: left; margin: 0 1%;*/ display: inline-block; padding: 0 0 0 4.125rem; height: 6.5rem; line-height: 6.5rem; float: left; margin-right: 1.875rem; flex-grow: 1; }
.nav .nLi { float: left; width: 16.666%; position: relative; text-align: center; }
.nav .nLi h3 { line-height: 6.5rem; font-size: 1.1rem; }
.nav .nLi h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav .nLi a.active:after { content: ""; display: inline-block; width: 9px; height: 7px; background: url(../images/navh2.png) no-repeat center center; margin-left: 5px; }
.nav .nLi h3 a:hover { font-weight: bold; color: #ffffff; background-color: #0059ab; }
.nav .sub { display: none; width: 200px; left: 0; top: 6.5rem; position: absolute; z-index: 333; background: #0059ab; line-height: 2; padding: 10px 0; }
.nav .sub li { zoom: 1; }
.nav .sub a { display: block; padding: 0 10px; color: #ffffff }
.nav .sub a:hover { background: rgba(255,255,255,0.2); color: #fff; }
.mfix { position: absolute; z-index: 999; width: 100%; background-color: rgba(0,0,0,0.1); }
.mfix .nav .nLi h3 a { color: #ffffff; }
.mfix .nav .nLi a.active:after { background-image: url(../images/navh1.png); }
.bannerSwiper { clear: both; position: relative; z-index: 0; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; width: 100%; }
.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ff3c30; opacity: 1; }
.bannerSwiper img.imgs2 { display: none; }
.product-section { background: url(../images/probg.jpg) no-repeat center center; padding: 80px 0; background-size: cover; }
.product-section .wrap { position: relative; }
.section-header { display: flex; align-items: center; margin-bottom: 40px; }
.section-header .red-line { width: 8px; height: 60px; background-color: #dd1818; margin-right: 12px; }
.section-header h2 { font-size: 36px; font-weight: bold; position: relative; padding-top: 20px; }
.section-header h2:before { content: "Category"; text-transform: uppercase; display: block; font-size: 48px; font-family: ariblk; opacity: 0.1; position: absolute; top: -15px; left: 0; }
.slide-item { display: flex; align-items: center; justify-content: space-between; }
.proSwiper1 { width: 40%; position: absolute; top: 20px; right: 0; }
.proSwiper1 .swiper-slide { padding: 8px 15px; border-radius: 30px; border: none; font-size: 24px; cursor: pointer; color: #fff; background-color: #1976d2; text-align: center; }
.proSwiper1 .swiper-slide.swiper-slide-active { background-color: #dd1818; }
.slide-item { display: flex; align-items: center; justify-content: space-between; }
.slide-image { width: 43%; background-color: #f3faff; border: 8px solid #ffffff; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.slide-content { width: 50%; }
.content-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.dot-icon { width: 16px; height: 16px; border: 2px solid #cc0000; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.dot-icon:after { content: ""; width: 8px; height: 8px; background-color: #cc0000; border-radius: 50%; }
.content-header h3 { font-size: 32px; font-weight: bold; }
.content-header .num { font-size: 60px; color: transparent; /* 透明填充 */ -webkit-text-stroke: 1.5px #b3d8f4; /* 1.5px 浅蓝色描边 */ text-stroke: 1.5px #b3d8f4; margin-left: auto; font-family: ariblk; }
.divider-line { width: 100%; height: 1px; background-color: #ddd; margin-bottom: 20px; }
.slide-content p { font-size: 17px; line-height: 1.8; color: #444; margin-bottom: 30px; }
.detail-btn { display: inline-flex; align-items: center; gap: 8px; background-color: #0063b5; color: #fff; padding: 10px 24px; border-radius: 30px; text-decoration: none; font-size: 16px; }
.detail-btn:hover { color: #ffffff; }
.detail-btn .play-icon { width: 20px; height: 20px; background: url(../images/proi.png) no-repeat center center; }
    /* 适配移动端 */
    @media (max-width: 768px) {
.slide-item { flex-direction: column; }
.slide-image, .slide-content { width: 100%; }
}
.product-section2 { padding: 80px 0; }
.product-section2 .section-header h2:before { content: "Display"; }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.section-title { display: flex; align-items: center; }
.title-text { font-size: 32px; font-weight: bold; color: #111; }
.view-more-btn { background-color: #d92222; color: #fff; border: none; padding: 12px 32px; border-radius: 30px; font-size: 18px; cursor: pointer; transition: background-color 0.3s; }
.view-more-btn:hover { background-color: #b81818; color: #fff; }
/* 产品网格布局 - 两行 */
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.product-card { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); overflow: hidden; }
.product-img-box { display: flex; align-items: center; justify-content: center; padding: 20px; }
.product-img { max-width: 100%; max-height: 100%; object-fit: contain; }
.product-name { text-align: center; font-size: 24px; color: #333; padding: 10px 0; background-color: #fff; }
.product-buttons { display: flex; padding: 15px; }
.btn-detail, .btn-consult { flex: 1; padding: 10px; border: none; font-size: 16px; cursor: pointer; transition: opacity 0.3s; display: block; text-align: center; }
.btn-detail { background-color: #0071ce; color: #fff; }
.btn-consult { background-color: #fff; color: #0071ce; border: 1px solid #0071ce; }
.btn-detail:hover, .btn-consult:hover { opacity: 0.9; }
.btn-detail:hover { color: #ffffff; }
.banner-container { width: 100%; padding: 80px 0; background: url(../images/sec3bg.jpg) no-repeat center top; display: flex; align-items: center; justify-content: space-between; color: #fff; position: relative; }
/* 左侧内容区域 */
.banner-left { flex: 1; display: flex; flex-direction: column; justify-content: center; width: 40%; float: left; }
.company-tag { background: #ff1a1a; color: #fff; padding: 8px 20px; border-radius: 20px; font-size: 16px; font-weight: bold; display: inline-block; width: fit-content; margin-bottom: 20px; transition: all 0.3s ease; }
.banner-title { font-size: 72px; font-weight: bold; margin-bottom: 15px; line-height: 1.1; }
.banner-subtitle { font-size: 24px; color: #fff; opacity: 0.9; margin-bottom: 40px; }
.machine-img-wrap { width: 100%; position: relative; margin-top: 50px; }
.machine-img { width: 100%; display: block; position: relative; z-index: 1; transition: transform 0.5s ease; }

.banner-right { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-left: 5%; width: 55%; float: left; margin-top: 110px; }
.feature-card { padding: 40px 30px; border-radius: 5px; transition: all 0.3s ease; position: relative; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); background: #fff; color: #333; }
/* 卡片悬停动画 */
.feature-card:hover { transform: translateY(-8px); box-shadow: 0 12px 25px rgba(0,0,0,0.2); background: #ff1a1a; color: #fff; }
.feature-card::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease; }
.feature-card:hover::after { left: 100%; }
.card-icon { display: block; width: 60px; height: 60px; margin-bottom: 15px; background: url(../images/sec3i_01.png) no-repeat center center; }
.feature-card:hover .card-icon { background-image: url(../images/sec3i_05.png); }
.feature-card:nth-child(2) .card-icon { background-image: url(../images/sec3i_02.png); }
.feature-card:nth-child(3) .card-icon { background-image: url(../images/sec3i_03.png); }
.feature-card:nth-child(4) .card-icon { background-image: url(../images/sec3i_04.png); }
.feature-card:nth-child(2):hover .card-icon { background-image: url(../images/sec3i_06.png); }
.feature-card:nth-child(3):hover .card-icon { background-image: url(../images/sec3i_07.png); }
.feature-card:nth-child(4):hover .card-icon { background-image: url(../images/sec3i_08.png); }
.card-title { font-size: 22px; font-weight: bold; margin-bottom: 15px; }
.card-desc { font-size: 16px; line-height: 1.6; opacity: 0.9; }
.card-number { position: absolute; top: 20px; right: 20px; font-size: 18px; font-weight: bold; color: #cc0000; }
.card-number::after { content: "●●●";  display: block; font-size: 10px; margin-top: 5px; opacity: 0.5; line-height: 1.6; letter-spacing: 0; white-space: pre; }
.feature-card:hover .card-number { color: #ffffff; }
/* 顶部右侧文字 */
.top-right-tip { position: absolute; top: 30px; right: 30px; font-size: 18px; color: #fff; }
.top-right-tip::after { content: ""; position: absolute; top: -5px; right: -25px; width: 15px; height: 15px; background: #ff1a1a; border-radius: 50%; animation: blink 1.5s infinite; }
 @keyframes blink { 0%, 100% {
opacity: 1;
}
 50% {
opacity: 0.3;
}
}

 @media (max-width: 980px) {
.banner-container { flex-direction: column; padding: 50px 5%; text-align: center; }
.company-tag { margin: 0 auto 20px; }
.banner-left { margin-bottom: 40px; width: 100%; }
.machine-img-wrap { margin-top: 0; }
.banner-title { font-size: 50px; }
.banner-right { width: 100%; margin: 0; }
.top-right-tip { display: none; }
}
 @media (max-width: 768px) {
.banner-right { grid-template-columns: 1fr; }
.banner-title { width: 50%; margin: 10px auto; }
.banner-subtitle { font-size: 18px; }
.product-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
.about-section { padding: 80px 0; background: url(../images/aboutbg.jpg) no-repeat center bottom; background-size: cover; }
.about1 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
/* 左侧文字部分 */
.about-text .section-header h2:before { content: "about"; }
.about-text .subtitle { font-size: 20px; color: #333; margin-bottom: 25px; font-weight: 500; }
.about-text p { font-size: 16px; line-height: 1.8; color: #444; margin-bottom: 15px; }
.about-text .btn { display: inline-flex; align-items: center; margin-top: 20px; padding: 10px 20px; border: 1px solid #d91e18; background-color: #fff; color: #d91e18; border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: 15px; }
.about-text .btn .play-icon { width: 20px; height: 20px; background-color: #d91e18; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 8px; }
.about-text .btn .play-icon::after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; }
.about-text .btn:hover { background-color: #d91e18; color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(217, 30, 24, 0.3); }
/* 右侧图片部分 */
.about-img { position: relative; }
.about-img img { width: 100%; border-radius: 4px; display: block; }
/* 底部数据卡片 */
.stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0 20px 60px; margin-top: 30px; }
.stat-card { background-color: #fff; padding: 25px 15px; border-radius: 8px; text-align: center; transition: all 0.3s ease; cursor: pointer; }

.stat-card .number { font-size: 48px; font-weight: 700; margin-bottom: 8px; position: relative; display: inline-block; }
.stat-card .number .unit { font-size: 14px; margin-left: 5px; vertical-align: top; }
.stat-card .number .red-tag { position: absolute; right: -25px; top: 10px; width: 22px; height: 22px; background-color: #d91e18; border-radius: 50%; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.stat-card .label { font-size: 14px; color: #666; }
/*
.stat-card.blue { background-color: #0066cc; color: #fff; }
.stat-card.blue .label { color: #fff; }
.stat-card.blue:hover { background-color: #0055aa; }*/
.stat-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }

        /* 响应式适配 */
        @media (max-width: 992px) {
.about1 { grid-template-columns: 1fr; }
.stats-row { grid-template-columns: repeat(2, 1fr); }
}
 @media (max-width: 576px) {
.stats-row { grid-template-columns: 1fr; }
}
.news-section { padding: 80px 0; }
.news-section .section-header h2:before { content: "Information"; }
.news-container { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; opacity: 0; animation: fadeIn 0.8s ease forwards; }
 @keyframes fadeIn { from {
 opacity: 0;
 transform: translateY(20px);
}
to { opacity: 1; transform: translateY(0); }
}
/* 左侧带图新闻 */
.news-item-left { border: 1px solid #eee; padding: 20px; transition: all 0.3s ease; }
.news-item-left:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.08); transform: translateY(-4px); }
.news-img { width: 100%; height: auto; margin-bottom: 20px; transition: transform 0.3s ease; }
.news-item-left:hover .news-img { transform: scale(1.02); }
.news-title { font-size: 20px; font-weight: bold; color: #222; margin-bottom: 15px; line-height: 1.4; }
.news-meta { display: flex; justify-content: space-between; align-items: center; color: #888; font-size: 14px; }
.date-icon::before { content: ""; display: block; float: left; width: 16px; height: 17px; background: url(../images/time.png) no-repeat center center; margin-right: 6px; }
.detail-btn-blue { background-color: #266dd3; color: #fff; border: none; padding: 6px 16px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.3s ease; }
.detail-btn-blue:hover { background-color: #1e58a8; transform: scale(1.05); }
/* 右侧新闻列表 */
.news-item-right { border: 1px solid #eee; padding: 26px; margin-bottom: 20px; transition: all 0.3s ease; }
.news-item-right:last-child { margin-bottom: 0; }
.news-item-right:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.08); transform: translateY(-4px); }
.news-content { color: #666; line-height: 1.6; margin-bottom: 15px; }
.detail-btn-red { background-color: #d91e18; color: #fff; border: none; padding: 6px 16px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.3s ease; }
.detail-btn-red:hover { background-color: #b81510; transform: scale(1.05); }
.service-process-section { background: url(../images/serbg.jpg) no-repeat center center; padding: 60px 0; position: relative; overflow: hidden; background-size: cover; }
/* 标题区域 */
        
.service-process-section .section-header { padding-bottom: 50px; justify-content: center; flex-direction: column; background: url(../images/ser-1.png) no-repeat center 50px; }
.service-process-section .section-header h2:before { content: "service"; width: 100%; text-align: center; }
.title-text span { color: #d91e18; }
.section-subtitle { display: inline-block; font-size: 20px; color: #555; }
.bzhfw_fbnr { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
.bzhfw_fb li { width: 14.666666%; margin: 0 1%; box-shadow: 0 8px 10px rgba(0,0,0,0.08); border-radius: 10px; background-color: #ffffff; padding-top: 2.8%; padding-bottom: 4.4%; text-align: center; cursor: pointer; display: flex; flex-wrap: wrap; flex-direction: column; }
.bzhfw_fb li .yswz { display: flex; flex-flow: column; flex-grow: 1; flex-direction: column; justify-content: space-between; align-items: center; }
.bzhfw_fb li .img { width: 54px; margin: 0 auto; line-height: 54px; background-color: #0059ab; text-align: center; border-radius: 50%; position: relative; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.bzhfw_fb li .img2 { display: none; }
.bzhfw_fb li h3 { font-size: 1.2rem; font-weight: normal; font-stretch: normal; line-height: 1.25; color: #222222; margin-top: 15px; }
.bzhfw_fb li h4 { font-size: 16px; font-weight: normal; line-height: 1.5; color: #666666; margin: 9px 0 1.5rem; padding: 0 5px; }
.bzhfw_fb li .bzhfwlj { display: inline-block; font-size: 14px; line-height: 1; color: #666666; border-radius: 18px; border: solid 1px #cccccc; width: 103px; padding: 11px 0; }
.bzhfw_fb li:hover { background-color: #0066cc; }
.bzhfw_fb li:hover .img2 { display: block; }
.bzhfw_fb li:hover .img1 { display: none; }
.bzhfw_fb li:hover .img { background-color: #ffffff; border: solid 1px #ffffff; top: -10px; }
.bzhfw_fb li:hover h3 { color: #fefefe; }
.bzhfw_fb li:hover h4 { color: #fefefe; }
.bzhfw_fb li:hover .bzhfwlj { background-color: #ffffff; border: solid 1px #ffffff; color: #0059ab; }
@media(max-width: 1200px) {
.bzhfw_fb li h3 { font-size: 18px; margin-top: 10px; }
.bzhfw_fb li h4 { font-size: 14px; margin: 10px 0; }
}
@media(max-width: 991px) {
.bzhfw_fb li { width: 31.333%; padding: 25px 0; margin-bottom: 15px; }
}
@media(max-width: 768px) {
.bzhfw_fb li { width: 48%; }
.bzhfw_fb li .img { width: 80px; line-height: 80px; }
}
@media(max-width: 468px) {
.bzhfw_fb { margin-top: 15px; }
}
.reasons-section { background: url("../images/reasonsbg.jpg") center/cover no-repeat; background-blend-mode: multiply; padding: 80px 0; text-align: center; color: #fff; position: relative; }
/* 标题区域 */
.reasonssection-title { font-size: 36px; font-weight: bold; margin-bottom: 15px; }
.reasonssection-subtitle { font-size: 20px; opacity: 0.9; margin-bottom: 60px; }
/* 卡片容器 */
.reasons-container { display: flex; justify-content: space-between; /*  gap: 25px;*/ flex-wrap: wrap; }
/* 卡片样式 */
.reason-card { width: 23%; float: left; background-color: #fff; color: #333; overflow: hidden; transition: all 0.4s ease; cursor: pointer; }
.reason-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.2); }
/* 卡片图片 */
.reason-card .card-img { width: 100%; transition: transform 0.4s ease; }
.reason-card:hover .card-img { transform: scale(1.05); }
/* 卡片内容 */
.reason-card .card-content { padding: 30px 25px; }
.reason-card .card-title { font-size: 28px; font-weight: bold; margin-bottom: 15px; position: relative; display: inline-block; }
.reason-card .card-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 40px; height: 3px; background-color: #d91e18; }
.reason-card .card-desc { font-size: 16px; line-height: 1.8; margin-top: 25px; color: #555; transition: color 0.3s ease; }
.reason-card:hover .card-desc { color: #222; }
.case-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.case-section { padding: 80px 0; background: url(../images/casebg.jpg) no-repeat center center; background-size: cover; }
.case-section .section-header h2:before { content: "case"; }
.tab-group { display: flex; gap: 16px; }
.tab-btn { padding: 12px 32px; border: none; border-radius: 30px; font-size: 18px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; color: #fff; background-color: #1967d2; }
.tab-btn.active { background-color: #d9251d; }
.tab-btn:hover { opacity: 0.9; }
/* 轮播容器默认隐藏，激活显示 */
.case-container .swiper-wrap { display: none; }
.case-container .swiper-wrap.active { display: block; }
/* 轮播基础样式 */
.case-container .swiper { width: 100%; padding-bottom: 80px; }
.case-container .swiper-slide { text-align: center; background: #fff; border-radius: 8px; overflow: hidden; position: relative; transition: 300ms; transform: scale(0.8); }
.case-container .swiper-slide img { display: block; width: 100%; height: 350px; object-fit: cover; }
.case-container .swiper-slide-active, .case-container .swiper-slide-duplicate-active { transform: scale(1); }
.slide-label { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, #1967d2, rgba(25, 103, 210, 0.8)); color: #fff; font-size: 18px; padding: 12px 0; }
.case-container .swiper-button-prev, .case-container .swiper-button-next { width: 100px; height: 50px; border-radius: 4px; color: #fff; font-weight: bold; top: auto; bottom: 0; }
.case-container .swiper-button-prev { background-color: #d9251d; left: calc(50% - 120px); }
.case-container .swiper-button-next { background-color: #1967d2; right: calc(50% - 120px); }
.case-container .swiper-button-prev::after, .case-container .swiper-button-next::after { font-size: 20px; }
        /* 移动端适配 */
        @media (max-width: 768px) {
.case-header { flex-direction: column; align-items: center; }
.title-text { font-size: 24px; }
.title-english { font-size: 30px; }
.tab-btn { padding: 10px 20px; font-size: 16px; }
.case-container .swiper-slide img { height: 250px; }
.case-container .swiper-button-prev, .case-container .swiper-button-next { display: none; }
}
.flink { overflow: hidden; padding: 30px 0; background-color: #1162cd; border-bottom: 1px rgba(255,255,255,0.2) solid; }
.flink a { display: inline-block; margin: 0 15px; }
.footer { overflow: hidden; background-color: #1162cd; color: #fff; padding: 4rem 0 0; }
.flogo { text-align: center; }
.footer a { color: #fff; }
.footer dd a { color: #fff; }
.footer .f1 { width: 18%; float: left; }
.footer dt { font-size: 1.25rem; font-weight: bold; margin-bottom: 20px; color: #fff; }
.footer dl.flx { width: 25%; float: left; }
.flogo { text-align: left; margin-bottom: 1rem; float: left; width: 25%; }
.fdz { margin-top: 50px; width: 70%; line-height: 1.2; }
.fdz img { display: block; margin-bottom: 10px; }
.footer .flx span { display: block; font-size: 1.875rem; font-family: timesbd; line-height: 1; }
.footer .flx dd { margin-bottom: 10px; }
.footer .f3 { width: 12%; float: right; text-align: right; }
.footer2 { clear: both; overflow: hidden; font-size: 1rem; line-height: 2; padding-bottom: 2rem; }
.copyright { padding: 15px 0; clear: both; text-align: left; margin-top: 30px; background-color: #084da9; }
.copyright span { float: right; }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #cc0000 url(../images/fl5.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 33333; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 16px !important; }
}
@media (min-width:640px) and (max-width:1279px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 14px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 14px !important; }
}
@media (max-width:328px) {
html { font-size: 14px !important; }
}
@media (max-width: 1400px) {
.wrap { width: 94%; margin: 0 auto; }
}
 @media (max-width: 1280px) {
.
}
@media (max-width: 980px) {
.bannerSwiper {  }
.proSwiper1, .caseSwiper1 { width: 100%; position: relative; top: 0; margin-bottom: 30px; }
}
 @media (max-width: 800px) {
.slide-image { width: 100%; }
.slide-item { flex-wrap: wrap; }
.section-header { margin-bottom: 20px; }
.proSwiper1 .swiper-slide, .caseSwiper1 .swiper-slide { font-size: 18px; }
.section-header h2:before { display: none; }
.section-header h2, .reasonssection-title { font-size: 30px; text-align: center; padding: 0; }
.section-header .red-line { display: none; }
.section-header { justify-content: center; flex-direction: column; }
.content-header .num { display: none; }
.content-header h3 { font-size: 24px; }
.content-header { margin: 15px 0; }
.product-section2, .product-section1 { padding: 50px 0; }
.reason-card { width: 48%; margin-bottom: 15px; }
.reasonssection-subtitle { margin-bottom: 30px; }
.footer .f1 { display: none; }
.footer dl.flx, .footer .ftel, .footer .f3 { width: 100%; text-align: center; }
.flogo { text-align: center; width: 100%; padding-bottom: 15px; border-bottom: 1px rgba(255,255,255,0.1) solid; }
.fdz { display: none; }
.footer .ftel em, .footer .ftel span { display: none; }
.footer dt { margin-bottom: 0; }
.flogo img { height: 50px; max-width: 100%; }
.sec3Swiper .swiper-slide a .txt { padding: 10px; }
.section2 { padding: 2rem 0; }
.sec2tit { text-align: center; }
.sec2a { margin: 0 auto; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 1rem; }
.swiper { --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.reasons-section, .news-section, .case-section, .service-process-section, .about-section, .product-section { padding: 40px 0; }
.service-process-section .section-header { background-image: none; padding-bottom: 0; }
.product-grid { grid-template-columns: repeat(2, 1fr); }
.slide-content { width: 100%; }
.view-more-btn { padding: 3px 15px; }
.news-container { grid-template-columns: 1fr; }
.news-section { padding-top: 0; }
.case-section { padding-bottom: 0; }
.reasonssection-title { margin-bottom: 0; }
}
@media (max-width: 640px) {
.bannerSwiper img { height: 16rem; object-fit: cover; }
}
@media (max-width: 520px) {
.footer2 { padding: 0; }
.copyright span { float: none; display: block; }
.copyright { text-align: center; }
.bannerSwiper img { height: 12rem; object-fit: cover; }
.reason-card { width: 98%; }
.reason-card .card-img img { width: 100%; }
.product-grid{grid-template-columns: repeat(1, 1fr);}
}