/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}
/* 手机端下拉 */
.wap-click {cursor: pointer;display: none; margin-left: 2rem;}
.wap-click span { width: 34px; height: 3px;background: #222222; display: block; border-radius: 0.13rem; margin: 8px auto; transition: all .5s ease-in-out; position: relative;}
.active span.cl-1 { transform: rotate(-45deg); top: 11px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -11px;}
.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.nav2Box {width: 92%; margin: auto; height: 100%;}
.wrapNav { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.5rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #00a0e9;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 20px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}
.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size: 1.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #00a0e9;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}
.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.2rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #00a0e9;}
/* 内页二级列表 */
.nywrapNav {display: none;}
@media screen and (min-width: 1920px) {
.aboutTwo .imgBox {width: auto;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
.proThree .container {width: 92%;}
}
/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
.container {width: 92%;}
}
/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
.container14 {width: 92%;}
.profile2 .w1200 {width: 92%;}
/* 头部 */
header .heBox > ul {margin-right: 0%;}
}
@media screen and (min-width: 200px) and (max-width: 1400px) {
/* 首页 */
.indexOne ul li .timer {font-size: 4rem;}
.container13 {width: 92%;}
}
/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
.aboutScroll .container14 {width: 92%;}
.aboutOne .boxCon .con {width: 69%; margin-left: 2%;}
.aboutOne .boxCon .con p {margin-top: 0.5rem;}
/* 关于我们 */
.aboutTwo {height: auto; padding-bottom: 3rem;}
.aboutTwo dl {margin-top: 2rem;}
.profile2 {padding: 3rem 0; padding-bottom: 5rem;}
.profile2 .w1200 {flex-wrap: wrap;}
.profile2 .w1200 .left {text-align: center; width: 100%;}
.profile2 .left .about-title {text-align: center;}
.aboutThree .left span::after { margin:1rem auto;}
.aboutThree .left em {font-size: 2rem;}
.profile2 .w1200 .right {width: 100%; margin-top: 5rem;}
.profile2 .w1200 .right .box {justify-content: center;}
}
/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
/* 头部 */
header .heBox > ul {display: none;}
.wap-click {display: block;}
/* 首页 */
.indexOne ul li .timer {font-size: 3rem;}
.indexOne ul li .dian {font-size: 3rem;}
.indexOne ul li::after {width: 8rem; height: 8rem;}
/* 产品详情 */
.proTwo .box ul {display: none;}
.proFour ul li .num {font-size: 4rem; line-height: 4rem;}
.proFour ul li strong {font-size: 2rem;}
.proFour ul li small {font-size: 1.5rem;}
.proFour ul li p {font-size: 1rem;}
.proFour ul li dd span {font-size: 1rem;}
.proFour ul li .info .text2 {font-size: 1rem;}
.proFour ul li strong::after {height: 0.4rem;}
.container12{width:92%}
.F500One-box .info { width: 58%;}
.F500Three-box .info { width: 58%;}
.F500Four-box .info { width: 55%;}
.F500Five-box .info { width: 56%;}
.F500One-box .pic { margin-left: 0;}
.F500Two-box{justify-content: space-between;}
/* 2025.5.7黑猫警长 */
.hm-title h3 { font-size: 2.8rem; }
.HMOne-box .item1, .HMOne-box .item2{display: none;}
}
/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
/* 关于我们 */
.aboutTwo .box {flex-wrap: wrap;}
.profile2 { padding: 60px 0; }
.profile2 .w1200 .right { transform: translate(0); }
.profile2 .w1200 .right .box { flex-direction: column;}
.profile2 .w1200 .right .box .swiper-timeline { display: none;}
.profile2 .w1200 .right .box .swiper-time { height: auto; padding: 0; width: 100%; margin-right: 0;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active h5 { color: #E8AF02;}
.profile2 .w1200 .right .box .swiper-timebox { margin-top: 30px; width: 100%;}
.profile2 .w1200 .right .box .swiper-timebox .prev { top: 100px ;}
.profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { left: 70px; }
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide { padding: 0 30px; }
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 100px;}
.wmpronine-list ul li{width: 18%;}
}
/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
.newsXq .container14 , .otherNews .otherBox {width: 92%;}
/* 解决方案 */
.solutionList ul::after {width: 48%;}
.solutionList ul li {width: 48%; margin-top: 2rem; margin-bottom: 0;}
/* 新闻详情 */
.ny-news-xq .xq-box {flex-wrap: wrap;}
.ny-news-xq .box-left {width: 100%;}
.ny-news-xq .box-right {width: 100%; position: relative; top: 0;}
/* 关于我们 */
.aboutTwo .box {flex-wrap: wrap;}
.aboutTwo .box .le {width: 100%;}
.aboutTwo .imgBox {position: relative; height: 100%; width: 100%;}
.aboutFour .box {flex-wrap: wrap;}
.aboutFour h3 { width: 100%;}
.aboutFour .box .about-title>em {font-size: 2rem;}
.aboutFour ul {width: 100%; margin-top: 3rem;}
/* 服务支持 */
.serviceOne ul li .con strong {font-size: 1.6rem;}
.serviceThree ul {flex-wrap: wrap;}
.serviceThree ul li {width: 55%;}
.serviceThree ul li:nth-child(2) {width: 40%;}
.serviceThree ul li:last-child {width: 100%; margin-top: 3rem;}
/* 代理合作 */
.coperTwo ul li h4 {margin-bottom: 0;}
/* 产品详情 */
.proThBox {overflow-x: auto;}
.proThBox::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}
.proThBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgb(255, 255, 255);}
.proThBox::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgb(156, 156, 156);}
.proThree .proThBox table {width: 1000px;}
.proFive ul::after {width: 49%;}
.proFive ul li {width: 49%;}
}
/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
/* 外卖机器人 详情 2024.12.13*/
.wmpro-banner .proTle h3{font-size: 3rem;}
.wmpro-banner .proTle span{font-size: 2.4rem;}
.wmpro-title h3{font-size: 2.6rem;}
.wmproOne .wmpro-title{max-width: 100%;}
.wmproOne{background: #efefef;}
.wmproOne-pic{display: block;}
.Three-box { flex-direction: column-reverse;}
.Three-box .info{width: 100%;}
.wmproFive{padding: 8rem 0 0;}
.wmproFive .info { width: 100%; }
.wmproFive .pic { position: relative; top: auto; transform: none; right: auto; width: 100%; overflow: hidden; margin-top: 5rem;}
.two-box{flex-wrap: wrap;}
.two-box .info{width: 100%;}
.two-box .pic { position: relative; right: 0; width: 60%; top: auto; bottom: 0; left: 0; right: 0; margin: auto;}
.parameter tr td{padding: 0 1%; font-size: 1.25rem;}
/* 2025.1.9 牛魔王*/
.F500-banner .proTle h3 { font-size: 4rem; }
.F500-banner .proTle em { font-size: 2rem;}
.F500-banner .proTle span{font-size: 1.6rem;}
.F500One-box .F500-title h3 { font-size: 3.25rem; }
.F500-title h3{font-size: 2.8rem;}
.F500-title h4 { font-size: 1.6rem; line-height: 3rem; }
.F500Two-box{justify-content: space-between;}
.F500Two-box .info ul li strong { font-size: 3.13rem;}
/* 2025.6.12框架修改 */
.wm-parameter tr th .pic{width: auto;right: 1%;}
}
/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
/* 首页 */
.indexOne {padding: 5rem 0;}
.indexOne ul li {width: 48%; padding-top: 2rem;}
.indexOne ul li::after {top: 15%;}
.wmproseven-list ul{flex-wrap: wrap; justify-content: space-between;}
.wmproseven-list ul li{width: 30%; margin: 0 0 2rem;}
.wmpronine-list ul .arrow1,.wmpronine-list ul .arrow2,.wmpronine-list ul .arrow3 {
width: 3rem;
}
}
/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
/* 首页 */
.indexFive ul {grid-template-columns: repeat(4,1fr);}
/* 底部 */
footer .footerBox .foRe {display: none;}
footer .footerLinks {flex-wrap: wrap;}
footer .footerLinks dl {width: 100%;}
footer .footerLinks .backTop {width: 100%; margin-top: 2rem;}
/* 新闻列表 */
.newsOneSlide .bd ul li {flex-wrap: wrap;}
.newsOneSlide .bd ul li .le , .newsOneSlide .bd ul li .re {width: 100%;}
.newsOneSlide .bd ul li .le {margin-bottom: 3rem;}
.newsOneSlide .bd ul li .le h6 {margin-top: 0;}
.newsOneSlide .bd ul li .le em {margin-bottom: 1rem;}
.newsOneSlide .bd ul li .le a {margin-top: 2rem;}
.newsList ul::after {width: 48%;}
.newsList ul li {width: 48%; margin-bottom: 2rem;}
.contactOne .box {padding: 3rem 0;}
.contactOne .box {flex-wrap: wrap;}
.contactOne .box .le {width: auto; position: relative; top: 0;}
.contactOne .box .re {margin-left: 0; margin-top: 3rem; width: 100%;}
.fy {padding: 4rem 0;}
/* 联系我们 */
/* .talentTab {overflow-x: scroll;} */
/* .talentTwo .joinus-tab {width: 800px;} */
.talentTwo .joinus-tab thead tr th {width: 33.33%;}
.talentTwo .joinus-tab tbody tr td {width: 33.33%;}
.talentTwo .joinus-tab thead tr th:nth-child(3) {display: none;}
.talentTwo .joinus-tab tbody tr td:nth-child(3) {display: none;}
.talentTwo .joinus-tab thead tr th:nth-child(4) {display: none;}
.talentTwo .joinus-tab tbody tr td:nth-child(4) {display: none;}
/* 关于我们 */
.about-banner .nyTle {top: 50%;}
.aboutScroll {position: relative; top: 0;}
.aboutScroll strong {font-size: 1.6rem;}
.aboutScroll {width: 100%;}
.aboutScroll .shuxian {margin-top: 10px;}
.aboutOne .boxCon {flex-wrap: wrap; padding-top: 0; width: 92%; margin: auto;}
.aboutOne .boxCon .con {width: 100%; padding: 2rem 0; margin-left: 0;}
.aboutOne .boxCon .con h3 {font-size: 2rem;}
.aboutOne .boxCon .re {width: 100%;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 18px;text-align: center;}
.profile2 .w1200 .left .img img { width: 150px;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide .flags-time { justify-content: center; width: 100%; margin-bottom: 1rem;}
.profile2 .w1200 .right .box .swiper-timebox { height: auto; padding: 15px; box-sizing: border-box;}
.profile2 .w1200 .right .box .swiper-timebox .prev { left: 0; position: static; transform: rotate(-90deg);margin-bottom: 20px;}
.profile2 .w1200 .right .box .swiper-timebox .next { left: auto; bottom: auto; top: 70px; right: 15px;transform: rotate(-90deg);}
.profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { width: 40px;height: 40px; display: none;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {padding: 0; flex-wrap: wrap;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 24px; }
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {font-size: 16px;line-height: 30px; margin-top: 0;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p { font-size: 14px; width: auto; line-height: 25px;}
/* 服务支持 */
.serviceOne {margin-bottom: 5rem;}
.serviceOne h3 {padding: 3rem 0;}
.serviceOne ul li .con span {font-size: 1rem;}
.serviceOne ul li .con strong {font-size: 1.2rem;}
.serviceTwo { padding: 6rem 0; padding-top: 3rem;}
.serviceTwo ul {flex-wrap: wrap;}
.serviceTwo ul li {width: 100%; margin-top: 3rem;}
.serviceTwo ul li::before {display: none;}
/* 内页二级列表 */
.bannerTwoNav {display: none;}
.nywrapNav {padding: 2rem 0; display: block; padding-top: 1rem;}
.nywrapNav ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.nywrapNav ul li {width: 48.5%; margin-top: 1rem; text-align: center;}
.nywrapNav ul li a {color: #333; padding: 1rem; font-size: 1.15rem;display: block; box-sizing: border-box; border: 1px solid #eee;}
.nywrapNav ul li:hover a {background: #00a0e9; color: #fff; border: 1px solid #00a0e9;}
.nywrapNav ul li.on a {background: #00a0e9; color: #fff; border: 1px solid #00a0e9;}
/* 代理合作 */
.coperTle {padding: 3rem 0;}
.coperOne ul::after {content: ""; width: 33%;}
.coperOne ul li {width: 33%;}
.coperTwo ul {flex-wrap: wrap;}
.coperTwo ul li {width: 100%; margin-bottom: 1rem;}
.coperFive form {padding: 0;}
/* 产品列表 */
/* .proList-banner .proListTle {top: 50%;} */
.proList-banner h3 {font-size: 3rem;}
.proList ul li {padding: 3rem 0;}
.proList ul li .box {flex-wrap: wrap;}
.proList ul li .proListLe {width: 100%;margin-bottom: 2rem;}
/* 产品详情 */
.pro-banner {height: 23rem;}
.proOne {padding-top: 1rem;}
.proOne ul {flex-wrap: wrap;}
.proOne ul li {width: 33%; padding-top: 2rem;}
.proFour ul li {flex-wrap: wrap; margin-bottom: 2rem;}
.proFour ul li .con {width: 100%;}
.proFour ul li .imgBox {height: auto; width: 100%;background: none !important; margin-top: 2rem;}
.proFour ul li .imgBox img {display: block;}
.proFour ul li:nth-child(even) .con {order: 0;}
/* 外卖机器人 详情 2024.12.13*/
.wmpro-banner .proTle h3{font-size: 2.4rem;}
.wmpro-banner .proTle span{font-size: 2rem;}
/* 2025.1.9 牛魔王*/
.F500-banner .proTle h3 { font-size: 3rem; }
.F500-banner .proTle em { font-size: 1.8rem;}
.F500-banner .proTle span{font-size: 1.4rem;}
.F500One-box .F500-title h3 { font-size: 2.6rem; }
.F500-title h3{font-size: 2.2rem;}
.F500-title h4 { font-size: 1.3rem; line-height: 2.5rem; }
.F500Two-box .info ul li strong { font-size: 2rem; line-height: 3rem;}
}
@media screen and (min-width: 200px) and (max-width: 640px) {
/* 首页 */
.bannerSwiper .swiper-slide .con h3 {font-size: 3rem;}
.bannerSwiper .swiper-slide .con a {width: 10rem; height: 3rem; line-height: 3rem;}
.bannerSwiper .swiper-slide .con a span {font-size: 1.2rem;}
.indexTle h3 {font-size: 2rem; margin: 0.5rem 0;}
.inThSwiper .swiper-slide {width: 100%;}
.inThSwiper .swiper-button-next , .inThSwiper .swiper-button-prev {display: none;}
.inThSwiper .swiper-slide .tle h3 {font-size: 1.3rem; margin-bottom: 0.5rem;}
.inThSwiper .swiper-slide .tle a { width: 8rem;line-height: 2.5rem; height: 2.5rem;}
.indexTwo li .imgBox {height: auto; width: 80%;}
.indexTwo li .imgBox img {max-width: 55%; margin: auto;}
/* 联系我们 */
.acquisition-info {width: 90%; padding: 1.5rem;}
.acquisition-info .box-title h3 {font-size: 1.3rem;}
.acquisition-info .box-title span {font-size: 2rem;}
.acquisition-info dl {margin-top: 1rem;}
/* 新闻详情 */
.otherNewsSwiper .swiper-slide {width: 65%;}
/* 服务支持 */
.serviceOne h3 {font-size: 1.8rem;}
/* 代理合作 */
.coperFour {padding-bottom: 3rem;}
.coperFour ul {flex-wrap: wrap;}
.coperFour ul li {width: 100%; margin-bottom: 2rem;}
/* 产品详情 */
.pro-banner {height: 20rem;}
.pro-banner .proTle h3 {font-size: 3rem;}
.proDeTle h3 {font-size: 2.8rem;}
.proDeTle span {font-size: 1.1rem;}
.proThree .proThBox {padding: 1rem;}
.proDeTle {padding: 2rem 0;}
.proDeTle i {width: 3.5rem; height: 0.3rem;}
.proFour ul li .num { font-size: 3rem; line-height: 3rem;}
.proFour ul li .info .item {padding: 0.5rem;}
.proFour ul li .info .text1 {font-size: 1.2rem;}
.proFour ul li strong::after {height: 0.2rem;}
.proFive ul li .cation img {width: 20%;}
.proFive {padding-bottom: 3rem;}
.proApplication li h6 {font-size: 1rem; margin: 0.5rem 0;}
.proApplication li i {width: 2rem; height: 0.2rem;}
/* 右侧固定 */
.slideflex {display: none;}
/* 外卖机器人 详情 2024.12.13*/
.wmpro-banner .proTle h3{font-size: 1.4rem!important;}
.wmpro-banner .proTle span{font-size:1.2rem!important;}
.wmpro-title h3 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.wmpro-title h4{font-size: 1.1rem;}
.wmproOne{height: auto; padding: 5rem 0;}
.wmproOne-pic{width: 100%;}
.One-box{margin-bottom: 10rem;}
.two-box .pic{width: 100%;}
.wmproTwo-list ul li em,.wmproFive-list ul li em { display: block; font-size: 2rem; }
.wmproTwo { padding: 4.8125rem 0 4.8125rem;}
.Three-box .info{margin-top: 2rem;}
.wmproFive { padding: 4rem 0 0; }
.wmproFive-list ul li h5{font-size: 1.25rem;}
.wmproSix-list ul li { margin-bottom: 1rem; width: 47%;}
.wmproSix-list ul li .pic{margin-bottom: 0.5rem;}
.wmproSix-list ul li h3{font-size: 1.3rem;}
.wmproseven-list ul li img{width: 3rem;}
.parameter tr td{padding: 1rem 1%; font-size: 1.1rem; line-height: 1.5rem;}
.wmpronine-list ul li .pic {min-height: 6rem;display: flex;justify-content: center;align-items: center;}
.wmpronine-list ul .arrow1, .wmpronine-list ul .arrow2, .wmpronine-list ul .arrow3 { width: 1rem; }
.wmpronine-list ul li em{font-size: 1.1rem;margin-top: 0;}
.wmpronine {
padding: 4rem 0 3.75rem;
}
/* 2025.1.9 牛魔王*/
.F500-banner .proTle h3 { font-size: 1.8rem; }
.F500-banner .proTle em { font-size: 1.4rem;}
.F500-banner .proTle span{font-size: 1.2rem; line-height: 2.4rem; padding: 0 3%;}
.F500One-box .F500-title h3 { font-size: 1.7rem; }
.F500-title h3{font-size: 1.4rem;}
.F500-title h4 { font-size: 1.1rem; line-height: 2rem; }
.F500Two-box .info ul li strong { font-size: 1.5rem; line-height: 2rem;}
.F500Two-box .pic {
width: 49.16%;
}
.F500Two-box .info ul li span{font-size: 1.1rem;}
.F500Three-box .info{width: 100%;}
.F500Four-box .info {
width: 100%; margin-bottom: 2rem;
}
.F500Four-box .pic {
width: 100%;
position: relative;
right: 0;
top: 0;
transform: none;
}
.F500Five-box .pic {
width: 50%; margin: 0 auto 2rem;
}
.F500Five-box .info {
width: 100%;
}
.icon-list ul li img {
width: 3rem;
}
.icon-list ul li span{font-size: 1.2rem;}
.F500Six-box .info{width: 100%; margin-top: 5.9375rem;}
.F500Six-box .pic {
width: 100%;
}
.F500Seven-box .pic {
width: 100%;
margin-bottom: 2.5rem;
}
.F500Seven-box .info{width: 100%;}
.wmproseven .wmpro-title h3,.F500Eight .wmpro-title h3,.F500Nine .wmpro-title h3{margin-bottom: 2rem;}
.F500One { padding: 3.9375rem 0 3.875rem; }
.F500Two { padding: 4.3125rem 0 3.75rem; }
.F500Three { padding: 5.75rem 0 6.9375rem; }
.F500Four-box { padding: 4.7rem 0 3.8125rem; }
.F500Five { padding: 5.1875rem 0 4.75rem;}
.table-overflow{overflow-x: scroll;}
.F500-table tr th em{font-size: 1.1rem;}
.F500-table tr th span{ font-size: 0.9375rem;}
.F500-table tr td { font-size: 1.1rem; height: 2.5rem; line-height: 1.6rem;}
.F500-table{width:790px !important;margin:0 auto;}
.table-overflow::-webkit-scrollbar{ width: 7px; height: 7px;}
/*定义滚动条轨道 内阴影+圆角*/
.table-overflow::-webkit-scrollbar-track{ background-color: #fff;}
/*定义滑块 内阴影+圆角*/
.table-overflow::-webkit-scrollbar-thumb{ background-color: #decc37; }
.F500Nine {
padding: 4rem 0 3.4375rem;
}
.F500proseven {
padding: 3.625rem 0 2.25rem;
}
/* 2025.5.7黑猫警长 */
.HM-banner{height: 25rem!important;}
.HM-banner .info{margin-bottom: 2rem;}
.HM-banner .info h2{font-size: 1.2rem;}
.HM-banner .info h3{font-size: 1.6rem; margin-bottom: 1rem;}
.pro-num ul li b{font-size: 1.8rem;}
.pro-num ul li span{font-size: 1rem;}
.HM-banner .pic { width:24%; margin-right: 0; }
.HMOne{padding: 3rem 0;}
.hm-title{margin-bottom: 2rem!important;}
.hm-title h3 { font-size: 2rem; }
.HMTwo { padding: 3rem 0 1rem; }
.HMTwo-list ul li{width: 30%; text-align: center; margin-bottom: 2rem;}
.HMTwo-list ul li img { width: 4rem; }
.HMTwo-list ul li em{font-size: 1.2rem;}
.HMThree-box .info{margin-bottom: 2rem;}
.HMThree-box .info p { font-size: 1.1rem;}
.HMThree-box .pic { width: 100%; display: flex; align-items: center; justify-content: center; }
.HMThree-box .pic img{max-width: 30%;}
.HMFour .pic{height: 18rem;}
.HMFour .jddwjz{top: 0.5rem;}
.HMFive{ padding: 3rem 0 1rem; }
.HMFive-box .info h3{font-size: 1rem;}
.HMFive-box .info .icon {
width: 2.875rem;
margin-right: 1rem;
}
.HMFive .hm-title {
margin-bottom: 10rem!important;
}
.HMSeven {
padding: 3rem 0 1rem;
}
.HMparameter-box{overflow-x: scroll;}
.HMparameter{width:820px !important;margin:0 auto;}
.HMparameter-box::-webkit-scrollbar{ width: 7px; height: 7px;}
.HMparameter-box::-webkit-scrollbar-track{ background-color: #fff;}
.HMparameter-box::-webkit-scrollbar-thumb{ background-color: #decc37; }
.HMSeven-list ul li { width: 100%; margin-bottom:2rem }
/* 2025.6.12框架修改 */
.wmproeight .parameter-box { overflow-x: scroll; }
.wm-parameter{width:790px !important;margin:0 auto;}
.wmproeight .parameter-box::-webkit-scrollbar{ width: 7px; height: 7px;}
/*定义滚动条轨道 内阴影+圆角*/
.wmproeight .parameter-box::-webkit-scrollbar-track{ background-color: #fff;}
/*定义滑块 内阴影+圆角*/
.wmproeight .parameter-box::-webkit-scrollbar-thumb{ background-color: #decc37; }
}
@media screen and (min-width: 200px) and (max-width: 500px) {
/* 头部 */
header .heBox .logo img {width: 80%;}
header .heLinks .peopleLink {margin: 0 1.5rem;}
/* 首页 */
.indexOne {padding: 2rem 0; padding-top: 0;}
.indexOne ul li i ,.indexOne ul li em , .indexOne ul li p {font-size: 1rem;}
.indexOne ul li .timer {font-size: 2rem;}
.indexOne ul li b , .indexOne ul li .dian {font-size: 2rem;}
.indexOne ul li::after { top: 25%; width: 5rem; height: 5rem;}
.indexTwo li h3 {font-size: 2.5rem;}
.indexTle {padding: 3rem 0;}
.indexTle p {font-size: 1rem;}
.inFoSwiper .swiper-slide p {padding: 1.5rem; height: 6rem;}
.indexFive {margin-bottom: 3rem;}
.indexFive ul {grid-template-columns: repeat(3,1fr);}
.indexSix {padding: 3rem 0; padding-bottom: 2rem;}
.indexSix ul {flex-wrap: wrap;}
.indexSix ul li {width: 49%; margin-bottom: 2rem;}
.banner .bannerSwiper {height: 18rem;}
.bannerSwiper .swiper-slide a {display: block; height: 100%;}
.bannerSwiper .swiper-slide img {height: 100%; object-fit: cover;}
.indexTwo ul li {height: 16rem;}
/* 底部 */
footer .footerBox {padding: 3rem 0;}
footer .footerBox .foLe {width: 100%; text-align: center;}
footer .footerBox .foLe .text {margin-top: 1rem;}
footer .footerBox .foLe .kf a {justify-content: center;}
footer .footerLinks dl dt {width: 100%; margin-bottom: 1rem;}
footer .footerLinks dl dd a {margin-right: 1rem;}
/* 新闻详情 */
.position {margin: 2rem 0;}
.ny-news-xq .news-title h2 {font-size: 1.8rem;}
.otherNews .title h3 {font-size: 1.8rem;}
.otherNewsSwiper .swiper-button-prev { top: -7px; }
.otherNewsSwiper .swiper-button-next {top: -5px;}
.otherNewsSwiper .swiper-slide .con {padding: 1rem;}
.otherNewsSwiper .swiper-slide .con h6 {font-size: 1rem;}
.newsOneSlide .hd h3 {font-size: 1.8rem;}
/* 新闻列表 */
.newsList ul li {width: 100%;}
.newsList ul li p {padding: 2rem 1rem;}
/* 联系我们 */
.contactOne .box {padding-top: 1rem;}
.contactOne .box .le .tel {font-size: 2rem;}
.contactOne .box .le strong {font-size: 5rem;}
.contactOne .box .le span {font-size: 1.5rem;}
.contactOne .box .re h3 {font-size: 1.7rem;}
.contactOne .gt {margin-top: 2rem;}
.talentTwo .talentTle {padding: 3rem 0;}
.talentTwo {padding-bottom: 5rem;}
.talentTwo .talentTle h3 {font-size: 2.5rem;}
/* 关于我们 */
.about-banner .nyTle h3 {font-size: 2rem;}
.aboutFour {padding: 3rem 0;}
.aboutFour ul {padding-left: 2rem;}
.aboutFour ul li span {font-size: 1.25rem;}
.aboutFour ul li {margin-top: 2rem;}
/* 服务支持 */
.ny-banner2 {height: 18rem;}
.ny-banner2 .nyTle h3 {font-size: 2.5rem;}
.serviceOne h3 {padding: 3rem 0;}
.serviceOne ul {flex-wrap: wrap;}
.serviceOne ul li {width: 100%; margin-bottom: 1rem;}
.serviceOne ul li .con span {font-size: 1.5rem;}
.serviceOne ul li .con strong {font-size: 2rem;}
.serviceTwo ul li strong {font-size: 2rem;}
.serviceThree {padding-bottom: 3rem;}
.serviceThree h3 {padding: 3rem 0;}
.serviceThree ul li {width: 100% !important}
.serviceThree ul li strong {font-size: 1.5rem;}
/* 代理合作 */
.coperTle h3 {font-size: 2rem;}
.coperOne ul li {width: 49%; margin-bottom: 2rem;}
.coperOne ul li strong {font-size: 1.5rem;}
.coperOne ul li p {font-size: 1rem;}
.coperTle p {font-size: 1.2rem;}
.coperTwo {padding-bottom: 3rem;}
.coperTwo ul li h4 {font-size: 2rem;}
.coperTwo ul li .con h6 {font-size: 1.2rem;}
.coperThree {padding: 3rem 0;}
.coperThree p {width: 100%;}
.coperFive .coperTle {padding-bottom: 0;}
.coperFive {margin-bottom: 4rem;}
/* 产品列表 */
.proList-banner img {height: 35vh; object-fit: cover;}
.proList-banner h3 {font-size: 2rem;}
.proList-banner span {font-size: 1rem;}
.proList ul li h3 {font-size: 2.5rem;}
.proList ul li .proListLe p {margin: 1rem 0; font-size: 1rem;}
.proList ul li .proListRe img { max-width: 80%; margin: auto;}
/* 产品详情 */
.pro-banner {height: 14rem;}
.pro-banner .proTle h3 {font-size: 2rem;}
.pro-banner .proTle span {font-size: 1.2rem;}
.proDeTle {padding: 3rem 0;}
.proDeTle h3 {font-size: 2rem;}
.proDeTle span {font-size: 1rem;}
/* 解决方案 */
.solutionList ul::after {width: 100%;}
.solutionList ul li {width: 100%;}
.solutionList ul li:last-child {margin-bottom: 0;}
/* 右侧固定 */
.slideflex {right: 10px; padding-bottom: 20px;}
/* 2025.1.9 牛魔王*/
.F500-banner .proTle h3 {font-size: 1.7rem;}
.F500-banner .proTle em {font-size: 1.3rem;}
.F500-banner .proTle span{font-size: 1.1rem;line-height: 2.4rem;padding: 0 3%;}
.F500One-box .pic{width: 60%; margin: 0 auto 2rem;}
.F500One-box .info { width: 100%;}
/* 2025.6.12外卖机器人框架修改 */
.wmproten-list ul{grid-template-columns: repeat(2, 1fr); gap:0.8125rem; }
}
@media screen and (min-width: 200px) and (max-width: 450px) {
}
@media screen and (min-width: 200px) and (max-width: 400px) {
}