@charset "utf-8";
@media screen and (max-width:1024px){
.mhide{display:none!important}
.mshow{display:block!important}
.mshowfx{display:flex!important}
.pcshow{display:none}
.wp{width:100%;padding:0 10px}
.topbg{padding:20px 0}
.top a.logo img{height:30px}
.smenu{cursor:pointer;position:relative;width:28px;height:20px;display:block}
.smenu i{left:0;transform-origin:0;position:absolute;width:100%;height:2px;background:#222;transition:all .3s ease 0s}
.smenu i:nth-child(1){top:0;width:100%}
.smenu i:nth-child(2){top:50%;width:100%;margin-top:-1px}
.smenu i:nth-child(3){bottom:0;width:100%}
.smenu.cur i:nth-child(1){transform:rotate(45deg);top:-1px}
.smenu.cur i:nth-child(3){transform:rotate(-45deg);bottom:-1px}
.smenu.cur i:nth-child(2){opacity:0}
.banner .swiper-slide{height:50vh}
.about{margin-top:60px}
.about .d1{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.about .d2{width:100%;margin-left:0;margin-top:30px}
.about .d1 .x4{text-align:center}
.about .d2::after{display:none}
.about .d2 img{box-shadow:rgb(0 0 0 / 20%) 4px 4px 4px 0}
.bar .d1 .x1 em{font-size:12px}
.bar .d1 .x2{font-size:25px}
.bar .d2 a{padding:0 0;margin-left:20px}
.product_dom{margin-top:0;padding:30px 0;background:#fafafa}
.proindex{margin-top:20px}
.proindex a .d2{height:35px;margin-top:10px}
.proindex a .d2 em.sl1{color:#333;font-size:14px}
.contact{height:initial;padding:50px 20px}
.contact .d1 em{font-size:25px}
.contact .d2 em{font-size:14px}
.contact .d3{margin-top:30px}
.contact .d3 a{font-size:14px;width:150px;height:45px}
.contact .d3 a:nth-child(2){margin-left:10px}
.news_dom{padding:30px 0}
.news{margin-top:20px}
.news a .d2{padding:10px 10px}
.news a .d2 .x1 em{font-size:16px}
.news a .d2 .x2{margin-top:5px}
.news a .d2 .x2 em{font-size:14px}
.news a .d2 .x3{line-height:1.6;margin-top:5px}
.news a .d2 .x3 em{font-size:14px}
.art{padding-bottom:20px;margin-bottom:20px}
.art h1{font-size:22px;font-weight:500}
.art div i{font-size:15px}
.art div i.icon-view{font-size:18px}
.art div em{line-height:1;font-size:12px}
.pn{font-size:14px;padding:10px 0;line-height:2;margin-top:20px}
.pro a .d1 .x1 em{font-size:12px;padding:5px 20px}
.pro a .d2{height:35px;margin-top:10px}
.pro a .d2 em.sl1{font-size:14px}
.bar .d2 a{font-size:12px;padding:4px 10px;margin-left:10px}
.lan{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-right:20px}
.lan em{color:#999;font-size:12px;padding:0 5px}
.lan a{color:#333;font-size:14px}
.lan a.cur{color:#00468d;font-weight:700}
.lan i{color:#333;font-size:18px;margin-right:5px}
.youshi ul li{padding:50px 10px}
.youshi ul li .d1{padding:5px 5px}
.youshi ul li .d1 .x1 i.iconfont{font-size:35px;padding:10px 10px}
.youshi ul li .d2{margin-top:20px}
.youshi ul li .d2 em.sl1{font-size:16px}
.youshi ul li .d3{line-height:1.8;margin-top:15px}
.youshi ul li .d3 em.sl3{font-size:12px}
.zizhi .swiper-slide a{border:1px #eee solid}
.mmmenu.cur{overflow-y:scroll;box-shadow:rgba(0,0,0,.2) 0 0 20px 0;background:rgba(255,255,255,.98);width:50%;position:fixed;left:0;top:0;height:100vh;z-index:99;display:block!important}
.top.cur ul{flex-direction:initial;justify-content:initial;display:initial}
.top.cur li{padding:20px 20px;border-bottom:1px #f3f3f3 solid;width:100%;margin-left:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.top.cur li a.item{font-size:16px;height:initial;font-weight:700}
.top.cur li i.iconfont{color:#333;font-size:18px;display: flex;}
.top.cur li .la{padding-top:20px;margin-top:10px;border-top:1px #f3f3f3 solid;display:none;position:initial;background:0 0}
.top.cur li .la a{text-align:left;padding:5px 0;padding-left:5%}
.top li::after{display:none}
.top li:hover::after{display:none}
.ban{height:250px}
}