@font-face{font-family:"Harmony_Sans_Regular";src:url("../../Harmony_Sans/Harmony_Sans_Regular.ttf")}
*{font-family:"Harmony_Sans_Regular"}
.Harmony_Sans_Regular{font-family:"Harmony_Sans_Regular"}
html{font-family:'Harmony_Sans_Regular',sans-serif}
html[lang=ar],[dir=rtl] 
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] p,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p{direction:rtl}
body{direction:ltr;color:#000;font-size:14px;line-height:1.2;overflow-x:hidden}
body:-webkit-full-page-media{background:inherit}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}

html {font-size:calc(100vw / 1920 * 100)}
@media (min-width: 1921px) {html {font-size:100px}}
@media (max-width: 900px) {html {font-size:calc(900px / 1920 * 100);}}
.s0{font-size:0}
.s12{font-size:calc(12 / 1920 * 100vw)}
@media (max-width:1920px){.s12{font-size:12px}
}
.s14{font-size:calc(14 / 1920 * 100vw)}
@media (max-width:1700.57143px){.s14{font-size:12.4px}
}
.s16{font-size:calc(16 / 1920 * 100vw)}
@media (max-width:1536px){.s16{font-size:12.8px}
}
.s18{font-size:calc(18 / 1920 * 100vw)}
@media (max-width:1408px){.s18{font-size:13.2px}
}
.s20{font-size:calc(20 / 1920 * 100vw)}
@media (max-width:1305.6px){.s20{font-size:13.6px}
}
.s22{font-size:calc(22 / 1920 * 100vw)}
@media (max-width:1221.81818px){.s22{font-size:14px}
}
.s24{font-size:calc(24 / 1920 * 100vw)}
@media (max-width:1152px){.s24{font-size:14.4px}
}
@media (min-width:1921px){
.s12{font-size:12px}
.s13{font-size:13px}
.s14{font-size:14px}
.s15{font-size:15px}
.s16{font-size:16px}
.s17{font-size:17px}
.s18{font-size:18px}
.s19{font-size:19px}
.s20{font-size:20px}
.s22{font-size:22px}
.s23{font-size:23px}
.s24{font-size:24px}}
/*.layout{margin-left:auto;margin-right:auto;width:1920px;max-width:100%;margin-left:50px;}
.layout_full{margin-left:auto;margin-right:auto;width:1920px;max-width:100%}*/
.layout{margin-left:auto;margin-right:auto;width:18rem;max-width:100%}
.layout_full{margin-left:auto;;margin-right:auto;width:19.2rem;max-width:100%}

.fonts{font-size:clamp(14px,1.5vw,16px);font-family:'Harmony_Sans_Regular';color:#444;margin:0}
.fonts a{font-size:clamp(14px,1.5vw,16px);font-family:'Harmony_Sans_Regular';color:#444;margin:0}
.fonts a:hover{color:#0079C3;}
.inquiry a{font-size:clamp(16px,1.5vw,18px);font-family:'Harmony_Sans_Regular';color:#444;margin:0}
.s_u{font-size:clamp(16px,1.5vw,18px);font-family:'Harmony_Sans_Regular';color:#666;margin:0}

.oh{overflow:hidden}
.pointer{cursor:pointer}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.color-theme{color:#0079c3}
.color-active{color:#0079c3}
.bg-theme{background-color:#0079c3}
.bg-active{background-color:#0079c3}
.bg-gradient{background:-webkit-gradient(linear,left top,right top,from(#0079c3),to(#598bc5));background:-o-linear-gradient(left,#0079c3,#598bc5);background:linear-gradient(to right,#0079c3,#598bc5)}
.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover}
.bg-contain{background-position:center;background-repeat:no-repeat;background-size:contain}
.md-prod-1{padding-top:35px;}
/*.lh_1{line-height:50px;font-weight:bold;font-size:20px;}
.lh_2{line-height:46px;font-weight:bold;font-size:16px;}*/
.color_0{color:#000}.bg-0{background-color:#000}.color_1{color:#111}.bg-1{background-color:#111}.color_2{color:#222}.bg-2{background-color:#222}.color_3{color:#333}.bg-3{background-color:#333}.color_4{color:#444}.bg-4{background-color:#444}.color_5{color:#555}.bg-5{background-color:#555}.color_6{color:#666}.bg-6{background-color:#666}.color_7{color:#777}.bg-7{background-color:#777}.color_8{color:#888}.bg-8{background-color:#888}.color_9{color:#999}.bg-9{background-color:#999}.color_a{color:#aaa}.bg-a{background-color:#aaa}.color_b{color:#bbb}.bg-b{background-color:#bbb}.color_c{color:#ccc}.bg-c{background-color:#ccc}.color_d{color:#ddd}.bg-d{background-color:#ddd}.color_e{color:#eee}.bg-e{background-color:#eee}.color_f{color:#fff}.bg-f{background-color:#fff}

.rich-text * { max-width: 100%; text-wrap: wrap !important; }
.rich-text img { height: auto; vertical-align: top; }
.rich-text table { word-break: break-word; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.c-pic{overflow:hidden;position:relative}
.c-pic .img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.c-pic .img img{display:none}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.flex-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.flex-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media (min-width:901px){.hidden-pc{display:none}
}@media (max-width:900px){.hidden-wap{display:none}
}.c-img-full{font-size:0}
.c-img-full img{width:100%}
.c-scroll{overflow:auto}
.c-scroll::-webkit-scrollbar{width:4px;height:4px;background-color:#e5edf8;border-radius:2px}
.c-scroll::-webkit-scrollbar-thumb{background-color:#0079c3;border-radius:2px}
.pswp__bg{background:rgba(0,0,0,0.7)}
.ep1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.m-title .t2{margin-top:.04rem}
.m-more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:1.8rem;min-height:.54rem;border-radius:.54rem;padding:.6em .28rem;background-color:#0079c3;color:#fff;border:none;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-more:after{content:'';width:.08rem;height:.11rem;min-width:8px;min-height:11px;margin-left:.18rem;background-repeat:no-repeat;background-position:center;background-image:url(../image/i-right-1.png);background-size:contain;position:relative;z-index:2}
@media (any-hover:hover){.m-more:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 0.1rem 0.1rem -0.05rem rgba(47,110,182,0.5);box-shadow:0 0.1rem 0.1rem -0.05rem rgba(47,110,182,0.5)}
}.m-more.border{background-color:transparent;border:1px solid #0079c3;color:#0079c3}
.m-more.border::after{background-image:url(../image/i-right-2.png)}
@media (any-hover:hover){.m-more.border:hover{background-color:#0079c3;color:#fff}
.m-more.border:hover::after{background-image:url(../image/i-right-1.png)}
}.m-arrow{width:.54rem;height:.54rem;min-width:30px;min-height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:8px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;border:1px solid #0079c3}
.m-arrow:hover{background-color:#0079c3}
.m-arrow.swiper-button-disabled{cursor:not-allowed;pointer-events:none}
.m-arrow.prev{background-image:url(../image/i-left-2.png)}
.m-arrow.prev:hover{background-image:url(../image/i-left-1.png)}
.m-arrow.next{background-image:url(../image/i-right-2.png)}
.m-arrow.next:hover{background-image:url(../image/i-right-1.png)}
.md-ban{position:relative}
.md-ban .text{position:absolute;left:0;top:50%;z-index:2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.md-ban .t2{margin-top:.35rem;line-height:2.0625;width:8.4rem;max-width:100%}
.md-ban--solution .text{top:49.6%}
.md-ban--solution .t1{line-height:1.5;width:9.3rem;max-width:100%}
.md-ban--solution .t2{line-height:1.5;width:9.3rem;max-width:100%;margin-top:.21rem}
@media (max-width:750px){.md-ban .text{top:55%}
.md-ban .img{min-height:300px}
.md-ban .t2{line-height:1.5}
}@media (max-width:500px){.md-ban .t1{font-size:calc(60 / 1000 * 100vw)}
.md-ban .t2{font-size:12px}
.md-ban--solution .t1{font-size:calc(48 / 1000 * 100vw)}
}


.md_nav {
  text-align: left !important;
  padding-top: 15px;
  padding-bottom: 30px;
  background-color: #fff;
  border-bottom: 0px solid #f9f9f9 !important;
  position: relative;
  z-index: 2;
}
.md_nav .layout {
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-bottom: 1px solid #f6f6f6;
  margin: 0 auto !important;
  max-width: 1920px !important;
  width: 100% !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  flex-wrap: wrap !important;
  /* 上下行间距 0.32rem，左右间距0 */
  gap: .1rem  0;
}
/* 面包屑:不收缩,不换行*/
.md_nav .md_bread {
  flex-shrink: 0 !important;
  max-width: 50% !important;
  white-space: nowrap !important;
}
/*子导航 基础样式*/
.md_nav .md_subnav {
  margin-left: .7rem;
  flex: 1;
  /*设置最小宽度,达到阈值就触发换行*/
  min-width: 380px;}
.md_nav .md_subnav .swiper-container{width:100%;overflow:hidden}
.md_nav .md_subnav .swiper-wrapper{display:flex;flex-wrap:nowrap;width:max-content}
.md_nav .md_subnav-item{white-space:nowrap;padding:0 12px}
/*平板+手机 统一适配（阈值1200px，可改）*/
@media (max-width: 1200px) {
  .md_nav .layout {
    padding: 0 15px !important;
  }  /*面包屑独占整行*/
  .md_nav .md_bread {
    width: 100% !important;
    max-width: 100% !important;
  }  /*子导航换行至第二行,独占整行*/
  .md_nav .md_subnav {
    width: 100% !important;
    flex: none !important;
    margin-left: 0 !important;
    border-bottom: 1px solid #f6f6f6 !important;
  }  /*🔥隐藏移动端/平板 横向滚动条,保留滚动功能*/
  .md_nav .md_subnav .swiper-container {
    /*兼容 Chrome/Safari/Edge*/
    -ms-overflow-style: none;scrollbar-width: none;
  }.md_nav .md_subnav .swiper-container::-webkit-scrollbar {display: none;}
}


.home-{margin:0 .1rem}
.m_pages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}
.m_pages-item{min-width:0.54rem;height:0.54rem;line-height:0.54rem;border-radius:0.54rem;padding:0 .2em;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;margin-right:.2rem;position:relative}
.m_pages-item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #0079c3}
.m_pages-item:last-child{margin-right:0}
.m_pages-item:hover{color:#0079c3;font-weight:bold}
.m_pages .on{background:#0079c3;color:#fff}
.m_pages .disabled{pointer-events:none}
.m_pages-prev,.m_pages-next{background-position:center;background-repeat:no-repeat;background-size:8px}
.m_pages-prev:hover,.m_pages-next:hover{background-color:#0079c3}
.m_pages-prev{background-image:url(../image/i-left-2.png)}
.m_pages-prev:hover{background-image:url(../image/i-left-1.png)}
.m_pages-next{background-image:url(../image/i-right-2.png)}
.m_pages-next:hover{background-image:url(../image/i-right-1.png)}
@media (max-width:1400px){.m_pages-item{min-width:30px;height:30px;line-height:30px;}
}
.m-prod-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.m-prod-list .li{background-color:#fff;border-bottom:1px dashed #f3f3f3;border-radius:0.1rem;width:calc(880 / 1800 * 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.4rem .4rem;margin-bottom:.1rem}
.m-prod-list .li:hover .img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.m-prod-list .li:hover .tit{color:#0079c3;font-weight:bold;}
.m-prod-list .li:hover .line::after{width:100%}
.m-prod-list .li:hover .m-more{background-color:#0079c3;color:#fff}
.m-prod-list .li:hover .m-more::after{background-image:url(../image/i-right-1.png)}
.m-prod-list .c-pic{width:calc(350 / 880 * 100%)}
.m-prod-list .img{padding-top:100%}
.m-prod-list .text{width:calc(530 / 880 * 100%)}
.m-prod-list .desc{margin-top:.12rem}
.m-prod-list .line{margin:.22rem 0 .08rem;height:0px;background:#f8f8f8;position:relative}
.m-prod-list .line:after{content:'';position:absolute;left:0;bottom:0;width:.71rem;height:3px!important;background:#0079c3;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-prod-list .param{line-height:2.25;height:calc(36 / 16 * 3em);height:auto;}
.m-prod-list .m-more{margin-top:.3rem}
@media (max-width:900px){.m-prod-list .li{padding:.4rem;-ms-flex-wrap:wrap;flex-wrap:wrap}
.m-prod-list .c-pic{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.m-prod-list .text{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:5%}
}@media (max-width:500px){.m-prod-list .li{width:100%;margin-bottom:5%}
.m-prod-list .c-pic{width:90%;margin:auto}
}