body{font-family: "Helvetica", Sans-serif; line-height: 1.5; font-size: 16px;}
.header_top{ background-color: #000;}
.header_top .box{display: flex; align-items: center; justify-content: space-between;height: 48px;}
.header_top *{color: #fff; fill: #fff;}
.header_top svg{width: 16px; display: block; margin-right: 6px;}
.header_top .{}
.header_top .share-icon{background-color: transparent; width: auto;height: auto;}
.header_top .share-item:nth-child(5){display: none;}
.header_top .share-item svg{width: 16px;}
.top-item{ display: inline-flex; justify-content: center;}
.elementor-menu-toggle{display: none;}
#nav{flex: 1; margin: 0 120px; position: relative; z-index: 98; margin-right: 120px;}
#navBox{align-items: center; justify-content: space-between; display: flex; height: 66px;}
.top-form-btn{background-color: #f2f2f2; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 3px; cursor: pointer;}
.top-form-btn svg{fill: #000; width: 12px;}
.sub-menu{ min-width: 100%;top: 100% !important;position: absolute; left: 0; display: none;  width: auto; background-color: #FFFFFF;}
.logo{display: block; line-height: 1;}
#nav .nav-a{font-size: 16px; align-items: center; display: inline-flex;  padding: 20px 10px;}
#nav .sub-arrow{display: inline-flex; align-items: center; margin-left: 10px; transition: all ease .3s;}
#nav .sub-arrow svg{width: 10px; display: block;}
#nav ul{list-style: none;}
#nav .menu-item{position: relative;}
.sub-menu-item{position: relative;}
.sub-menu-item a{ padding: 0 20px; white-space: nowrap; font-size: 15px; display: block; transition: all ease .3s; height: 50px; display: flex; align-items: center;}
.sub-menu-item:hover>a{background-color: #02479C; color: #fff;}
.nav-a{position: relative;}
.nav-a.on::after,.nav-a:hover::after{content: ''; display: block; position: absolute; left: 0; bottom: 10px; height: 4px; background-color: #02479C; width: 100%; }

input,textarea,button{font-size: 16px;font-family: "Helvetica", Sans-serif;border: none;outline: none;}
.sub-menu.elementor-nav-menu--dropdown{width: 100%;}
.menu-item-has-children:hover .sub-menu{display: block;}
.cp-list .elementor-active{display: block}
#homeTabCon2 .elementor-active{display: block}
#goToBack{width: auto; left: auto; right: 80px; cursor: pointer;}
#goToBack:hover .elementor-icon{background-color: #fff; color: #02479C;fill: #02479C;}
.relative{position: relative;}

#topSearchForm{position: fixed;width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.8); display: flex;align-items: center; justify-content: center; display: none; opacity: 0; transform: scale(0.2);}
#topSearchForm.on{display: flex;}
.zoomIn{ animation-delay: 0.1s;  animation: zoomIn 0.3s ease-out forwards;}
.zoomOut{animation: zoomOut 0.3s ease-out forwards;}
.closeSearch{position: absolute; right: 0; bottom: 4px;}
.closeSearch svg{fill: #02479C; width: 14px;}
#topSearchInput{background-color: transparent; width: 100%; height: 40px; border-bottom: 1px solid #fff; color: #fff; text-align: center;}
.topform{max-width: 1240px; width: 92%; display: block; position: relative;}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.2);
  }
  
}



.ny-ban{background-color: #000; min-height: 600px; position: relative; display: flex;align-items: center;justify-content: center;background-position: center;background-size: cover;background-repeat: no-repeat; margin-top:114px;}
.ny-ban::before{content: '';display: block;  width: 100%; height: 100%;left: 0;top: 0; z-index: 0; background-color: rgba(0,0,0,0.18);position: absolute;}
.ny-ban .con{position: relative;z-index: 9; color: #fff; text-align: center;}
.ny-ban .h2{font-size: 30px; font-weight: bold;line-height: 1.2;}
.ny-ban .intro{font-size: 16px; font-weight: 400;font-family: "Arial", Sans-serif; max-width: 880px; margin: 10px auto 20px;}
.ny-ban a{color: #fff;}



.ab-main1{padding: 10px 0 38px;}
.ab-tit{font-size: 28px; font-weight: 600; color: #000000; margin-bottom: 20px;}
.ab-intro{font-family: "Arial", Sans-serif; font-size: 16px; font-weight: 400; color: #5E5E5E; margin-top: 10px;}
.ab-icon{width: 60px; display: block;margin: 0 auto 20px;}
.ab-box1{align-items: stretch;margin-top: 30px;}
.ab-box1 .imgW{width: 606px;}
.ab-box1 .div{margin-left: 50px;position: relative;z-index: 9;padding-bottom: 100px;padding-top: 50px;}
.ab-box1 .intro::before{content: '';display: block;position: absolute;left: 0;top: 0; width: 160px;height: 2px;background-color: #02479C;}
.ab-box1 .intro{
  font-family: "Arial", Sans-serif;padding: 0 0 30px;
  font-weight: 400;
  color: #5E5E5E;
}
.ab-box1 .item{ background-color: #FFFFFF; text-align: center; width: 32%; padding: 30px; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);}
.ab-box1 .num{color: #000000; font-family: "Helvetica", Sans-serif; font-size: 28px; font-weight: 600;}
.ab-box1 .name{color: #02479C;}
.ab-box1 .bottom{left: 0px;position: absolute; bottom: 40px;right: 0;}


.ab-main2{background-color: #02479C; padding-bottom: 70px;margin-bottom: 10px; position: relative;}
.ab-main2 .ab-top{position: relative;z-index: 1; padding: 55px 0;}
.ab-main2 .ab-top *{color: #fff;}
.ab-main2 .ab-intro{max-width:888px;margin: 0 auto;}
.ab-item2{background-color: #0556BA; border-radius: 10px; padding: 30px ;padding-left: 60px; color: #fff; width: 29.2%; margin-bottom: 20px; margin-right: 2%;}
.ab-item2 .name{font-size: 18px; font-weight: 600;margin-bottom: 10px;position: relative;background-image: url(../images/ab-icon2.png); background-repeat: no-repeat;background-size: 30px;background-position: 0 center;padding-left: 30px;margin-left: -30px; padding-top: 5px;}
.ab-list2{flex-wrap: wrap;align-items: stretch; margin-top: 40px;width: 110%;}
.ab-bg{position: absolute;left: 0;width: 100%;top: 0;z-index: 0;height: 100%;}
.ab-bg svg{
      fill: #1B60B4;
      transform: rotateY(0deg);
      transform-origin: center;
      width: calc(105% + 1.3px);
          height: 100%;
      }
.ab-bottom2{align-items: stretch;background-color: #fff;padding-left: 20px;color: #02479C;box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);margin-top: -60px;position: relative; z-index: 4;}
.ab-bottom2 .ri{width: 330px;box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);}
.ab-bottom2 .icon{margin-right: 10px;}
.ab-bottom2 .div{padding: 20px 0;}
.ab-bottom2 .a{    background-color: #02479C;
    font-family: "Helvetica", Sans-serif;
    font-size: 13px;
    font-weight: 500;width: 118px;height: 37px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 6px;
    fill: #FFFFFF;
    color: #FFFFFF;}
    
    
    
.ab-main3{padding-top: 30px;}
.ab-box3{align-items: stretch;}
.ab-item3{padding: 100px 60px; text-align: center; width: 49.2%;}
.ab-item3 .icon{margin-bottom: 15px;display: block;}
.ab-item3:first-child *{color: #fff;}
.ab-item3:nth-child(2) *{color: #000;}


.ab-main4 .ab-tit{margin-bottom: 10px;}
.ab-main4 .ab-top{margin-bottom: 20px;}
.ab-main4{padding-top: 90px;}
.m4-list{width: 110%; flex-wrap: wrap;align-items: stretch;}
.ab-item4{width: 21.6%;margin-right: 1.5%;margin-bottom: 18px;}


.blog-list{display: flex;align-items: stretch; flex-wrap: wrap;width: 110%;}
.blog-item{width: 29.2%; margin-right: 2%; margin-bottom: 60px;
      background-color: #FFFFFF;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #FFFFFF;
      box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.2);
}
.blog-main{padding: 60px 0px;}
.blog-list{padding-bottom: 20px;}

.blog-list .imgW {
    position: relative;
    z-index: 0;
    width: 100%;
    padding-top: 67%;
    display: block;
    cursor: pointer;
    overflow: hidden;
}


.blog-list .imgW img {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.5s;
}




.blog-list .imgW:hover  img  {
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}


.blog-item .div{padding: 25px;}
.blog-item .name{font-weight: bold;font-size: 18px;line-height: 1.2;}
.blog-item .time{margin: 10px 0; color: #02479C;line-height: 1;;display: flex;align-items: center;}
.blog-item svg{    fill: #02479C;width: 20px;height: 20px;}
.blog-item .time i{display: block;margin-right: 10px;}
.blog-item .lab{
  padding: 5px 15px 5px 15px;display: inline-flex;margin-bottom: 20px;list-style: none;
      color: #FFFFFF;
      background-color: #02479C;
      font-weight: 400;
}

.page{text-align: center;margin: 0;}
.page .a{border: none;margin: 0 1px;}
.page .a.on{background-color: #e2e2e2;color: #000;}

#contact .ny-ban .intro{font-weight: bold; font-size: 24px;line-height: 1.2;}
.contact-main{padding: 60px 0;}


.lx-main1{align-items: stretch;margin-top: 50px;}
.lx-w1 .name{font-size: 22px;font-weight: 600;line-height: 1;margin-bottom: 6px;}
.lx-w1 .p{color: #5E5E5E;}
.lx-w1 .item{margin-bottom: 15px;width: 48%;}
.lx-w1 svg{fill:#02479C; width: 50px;margin-bottom: 4px;}
.lx-w1 .ab-tit{margin-bottom: 20;px; padding-bottom: 20px;display: inline-flex;position: relative;line-height: 1;}
.lx-w1 .ab-tit::after{content: '';display: block;width: 50%;position: absolute;left: 0;bottom: 0;height: 2px;background-color: #000;}
.lx-list1{padding-left: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lx-btn1{width: 100%;height: 48px;background-color: #000;color: #fff;border-radius: 4px;margin-top: 20px;margin-bottom: 40px;}


.lx-w2{width: 450px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.lx-w1{flex: 1;}
.lx-w2 .ab-tit{font-size: 26px;line-height: 1.1;color: #FFF;}
.lx-w2 .ab-intro{color: #fff;}
.lx-w2 .div{max-width: 300px;}

.lx-main2{background-color: #02479C;padding: 30px;color: #fff;margin-top: 50px;}
.lx-main2 .ab-tit{margin-bottom: 10px;color: #fff;}
.lx-item2{margin-bottom: 6px;}
.lx-item2 svg{fill: #fff; width: 17px;margin-right: 8px;}
.lx-item2-box{width: 48%;}
.lx-tit2{font-weight: 600; font-size: 24px;margin-bottom: 10px;}


.shareBox{display: flex;align-items: center;justify-content: center;}
.share-item a{color: #fff;fill: #fff;}
.share-icon{width: 40px;height: 40px;border-radius: 50%;display: block;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin: 0 8px;background-color: #02479C;}
.share-item svg{width: 20px;}
.share-text{display: none;}


#footer{padding-top: 100px; background-position: center;background-size: cover;background-image: url(../images/ft-bg.gif);position: relative;color: #fff;fill: #fff;}
#footer a{color: #fff;}
#footer::before{content: '';background-color: rgba(0,0,0,0.8);position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.copy-box{color: #fff;display: flex;justify-content: space-between;align-items: center;width: 100%; padding: 30px 0 50px; border-top:1px solid #fff;margin-top: 40px;}


#footer .box{position: relative;z-index: 8;}
.ft-w4{width: 390px;}
.ft-w3{width: 390px;}
.ft-ul{list-style: none;}
.ft-icon{fill: #fff;margin-right: 10px;}
.ft-icon svg{width: 10px;}
.ft-tit{margin-bottom: 20px;display: block;}
.ft-item a{display: inline-flex;align-items: center; line-height: 1;}
.ft-item{margin-bottom: 5px;}
.ft-icon1{fill: #fff;margin-right: 10px;}
.ft-icon1 svg{width: 15px;}
.img-wx{margin-top: 20px;display: block;}
.form-item{margin-bottom: 10px;}
.form-item .text{border-radius: 5px; background-color: #fff;min-height: 45px;color: #9B9FA6;font-family: "Arial", Sans-serif;padding: 0 10px;}
.form-item .textarea{padding: 10px;}
.submit-btn{ background-color: #02479C; color: #ffffff;display: block;width: 100%;height: 40px;cursor: pointer;transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;}
.submit-btn:hover,.submit-btn:focus-visible{background-color: #0a59be;transform: translateY(-1px);box-shadow: 0 6px 16px rgba(2,71,156,.25);}
.lx-main3{box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);    background-color: #E9E9E9;position: relative; margin: 70px auto;}
.lx-main3 .elementor-form{padding: 70px 60px;padding-top: 140px;}
.goBack2{fill: #fff;background-color: #02479C;font-size: 18px;padding: 25px; line-height: 1; color: #fff;display: inline-flex;position: absolute;left: 0;top: 0;}
.goBack2 svg{height: 1em;margin-right: 8px;}
.lx-main3 .submit-btn{width: 156px;height: 47px;margin: 0 auto;border-radius: 4px;}
#goBack{position: fixed; z-index: 200; right: 50px; bottom: 30px; background-color: #02479C; fill: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#goBack svg{width: 20px;}
.blog-detail{padding:60px 0}
.blog-detail-ri{width: 310px;padding-top: 10px;margin-left: 30px;}
.searchForm{background-color: #f1f2f3; align-items: stretch;overflow: hidden;border-radius: 4px;}
.searchForm .text{background-color: #f1f2f3; flex: 1;height: 50px;padding: 0 10px;}
.searchBtn{background-color: #02479C;fill: #fff; width: 50px;}
.searchBtn svg{width: 16px;}

.blog-detail-list{flex: 1;}
.blog-tit{font-size: 24px;font-weight: 600;color: #02479C;text-align: center;margin: 20px 0;line-height: 1.2;}
.blog-tit::after{content: '';display: block;width: 15%;height: 4px;background-color: #02479C;margin: 14px auto 0;}

.blog-tab{border: 1px solid #aaa;overflow: hidden;border-radius: 4px;margin-top: 20px;}
.blog-tab-tit{padding: 0 20px;height: 70px;display: flex;align-items: center;justify-content: space-between;font-size: 20px;color: #000;font-weight: 600;cursor: pointer;}
.blog-tab-tit .icon{fill: #000;transition: all ease .3s;}
.blog-tab-tit svg{width: 16px;}
.blog-tab-ul{height: 0px;overflow: hidden;padding: 0;margin: 0;}
.blog-tab-ul li{padding: 2px 0;}
.blog-tab-ul a{color: #5E5E5E;}
.blog-tab-ul a:hover{text-decoration: underline;}
.blog-tab.on .icon{transform: rotate(180deg);}
.blog-tab.on .blog-tab-ul{height: auto;border-top: 1px solid #aaa;padding: 20px;padding-left: 40px;}

.blog-detail-item{margin-bottom: 20px;}
.blog-detail-list .line{width: 100%; height: 1px; background-color: #CFCFCF; margin-bottom: 20px;}

.blog-con{color: #5E5E5E; margin-bottom: 24px;}
.blog-tit3{color: #000;font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.blog-tit4{margin-bottom: 16px;}
.blog-con-ul{padding-left: 2em;}
.blog-con-ul li{padding: 3px 0;}

.blog-list2 .item{padding: 4px 0; fill: #000; display: block;}
.blog-list2 .item svg{width: 6px;}
.blog-list2 .item .icon{margin-right: 6px;}
.blog-product .tit{font-size: 20px; font-weight: 600; color: #02479C;margin-bottom: 10px;}
.blog-product .tit::after{content: '';display: block;width: 20%;height: 2px;background-color: #02479C;margin-top: 6px;}
.blog-product{margin-top: 50px;}
.blog-list3{margin-top: 20px;}
.blog-list3 .name{line-height: 1.2;margin-bottom: 4px;}
.blog-list3 .time{font-size: 14px;color: #888;}
.blog-list3 .div{padding: 10px 0 0;}
.blog-list3 .item{margin-bottom: 40px;display: block;}
.blog-detail-list .back{padding: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.blog-detail-list .back .a{display: inline-flex;align-items: center;}
.blog-detail-list .back .icon{line-height: 1;}
.blog-detail-list .back svg{fill: #02479c; width: 10px;margin-right: 10px;}
.blog-detail-item{padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.blog-detail-list .back .next .icon{transform: rotate(180deg);}
.blog-detail-list .back .line2{width: 1px;height: 20px;background-color: #ccc;}

.service-main1{padding-top: 40px;}
.service-list{flex-wrap: wrap;text-align: center;margin:0 -20px;align-items: stretch;margin-top: 30px;}
.service-list .icon{display: block;margin-bottom: 10px; width: 65px;}
.service-list .item{margin: 20px;box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);background-color: #fff;padding: 80px 50px; width: calc(33% - 40px);}
.service-list .name{font-size: 18px;font-weight: bold; margin-bottom: 6px;}


.service-main2{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/lin-bg.jpg);padding: 80px 0;position: relative;margin-top: 10px;}
.service-main2::before{content: '';display: block;width: 100%;height: 100%;position:absolute;left: 0;top: 0;z-index: 0;background-color: #02479C; opacity: 0.6;}
.service-main2 .box{position: relative;z-index: 80;}
.service-main2 .ab-top *{color: #fff; text-align: center;}
.service-main2 .ab-tit{margin-bottom: 10px;}

.service-list2{display: flex;align-items: center;margin: 0 -20px;margin-top: 40px;flex-wrap: wrap;}
.service-list2 .item{margin: 0 10px; width: calc(20% - 20px);}

.service-main3{padding: 70px 0 100px;background-position: center 0;background-repeat: no-repeat;background-size: 1920px;background-image: url(../images/map.jpg); text-align: center;}
.service-main3 .intro{text-align: center; max-width: 630px; margin-left: auto; margin-right: auto; color: #5E5E5E; line-height: 1.6; margin-bottom: 40px;}
.service-main3 .tx{width: 100px; height: 100px; border-radius: 50%; display: block; margin: 0 auto;}
.service-main3 .name{font-size: 18px; font-weight: 600; margin: 20px 0 0px;}


.repair-box{padding: 50px 0;}
.repair-con .repair-tit{padding: 40px 0;}
.repair-tit{font-size: 26px; font-weight: 600;  line-height: 1.2;}
.repair-main1 .ab-intro{margin-top: 0;}
.repair-ri{width: 410px; margin-left: 30px;}
.repair-le{flex: 1;}
.repair-le .service-list{margin: 50px -10px 10px;}
.repair-le .service-list .item{margin: 10px;padding: 0; box-shadow: none; margin-bottom: 40px;}
.repair-main2{align-items: stretch;}
.repair-main2 .imgW{width: 390px;}
.repair-main2 .div{color: #fff; background-color: #02479C;padding: 10px;}
.repair-con{}
.repair-p1{color: #555; margin-top: 70px;}
.repair-tit .sp{color: #02479C;}
#repairNav{width: 100%; max-width: 410px;}
#repairNav1{width: 100%; max-width: 410px;}

.repair-ri .item{
  background-color: #F1F4F8; display: flex; align-items: center; justify-content: left; padding-left:30px; border-radius: 4px; height: 55px; margin-bottom: 15px;
  font-family: "Arial", Sans-serif; transition: all ease .3s;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  fill: #000000;
  color: #000000;
}
.repair-ri .item:hover,.repair-ri .item.on{background-color: #02479C; color: #fff; fill: #fff;}


.repair-ri .item:last-child{margin-bottom: 0;}
.repair-ri .icon{width: 10px; line-height: 1; margin-right: 10px;}
#repairCon{position: relative;}
#repairNav.fixed{top: 10px; position: fixed; max-height: calc(100vh - 20px); overflow-y: auto;}
#repairNav.absolute{top: auto; bottom: 0; position: absolute; left: auto !important; right: 0;}


#repairNav1.fixed{top: 10px; position: fixed; max-height: calc(100vh - 20px); overflow-y: auto;}
#repairNav1.absolute{top: auto; bottom: 0; position: absolute; left: auto !important; right: 0;}



.system-main1{background-color: #F9F9F9;}
.system-main1{padding: 50px 0;}
.sys-tit.blog-tit{margin-top: 0;}


.system-list{align-items: stretch; flex-wrap: wrap; overflow: hidden; margin: -1px;}
.system-list .item{width: 33.333%; padding: 30px; border: 1px solid #5E5E5E50;}
.system-list .item .tit{ font-size:20px; font-weight:600; text-align:center; padding:20px 0;}

.sys-tit{font-size: 28px;}
.sys-tit::after{width: 5%;}

.system-main2{padding: 70px 0;}
.system-list2 .item{margin-bottom: 20px;}
.system-list2 .item:nth-child(even){flex-direction: row-reverse;}
.system-list2 .imgW{width: 49%;}
.system-list2 .div{width: 47%;}
.system-list2 .tit{font-size: 27px; font-weight: bold; margin-bottom: 16px;}


.system-main3{background-color: #F9F9F9; padding: 60px 0;}
.system-main3 .intro{}

.system-form1{margin-top: 20px;}
.system-form1 .text{height: 60px; padding: 0 20px;}
.system-form1 .textarea{padding: 10px 20px; min-height: 104px;}
.system-form1 .form-item{box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5); border-radius: 6px; overflow: hidden;}
.system-form1 .form-item1{width: 49%;}
.system-form1 .submit-btn svg{fill: #fff; width: 16px; margin-right: 10px;}
.system-form1 .submit-btn{width: 140px; border-radius: 4px;}
.submit-ok-tip{margin-top: 10px;}


.system-main4 .sys-tit::after{display: none;}
.system-main4 .sys-tit{background-color: #fff; border-radius: 20px 20px 0 0; padding: 80px 0 10px;}
.system-main4{background-color: #02479C; padding-top: 70px;}

.system-main5{padding-bottom: 70px;}
.sys-tab{width: 48%;}
.sys-tab .item{margin-bottom: 10px;}


.sys-tab .item li p::before {
    content: "•";
    color: #000;
    font-size: 20px;
    margin-right: 5px;
}


.sys-tab .tit{padding: 15px 15px 15px 15px; box-shadow: 5px 5px 15px -5px #888888 !important; border-radius: 6px; fill: #02479C; cursor: pointer;}
.sys-tab .icon{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #d5d9ef; border-radius: 50%;}
.sys-tab .tit svg{width: 20px;}
.sys-tab .con{height: 0px; overflow: hidden; transition: all ease .3s;}
.system-form2{width: 48%;}
.system-form2 .form-item .text{min-height: 60px;}
.system-form2 .form-item{box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);border-radius: 6px; overflow: hidden; margin-bottom: 20px;}
.system-form2 .submit-btn{border-radius: 6px;}
.sys-tab .on .con{display: block; padding: 20px; border-top: 1px solid #ddd; margin-top: 20px; height: auto;}
.sys-tab ul{margin-left: .5em;}
.sys-tab .on .tit{background-color: #02479C; color: #fff;}
.system-form2 .blog-tit::after{display: none;}
.system-form2 .form-item .textarea{min-height: 190px;}
.red{color: #02479C;}
.brewhouse-box .blog-tit::after{display: none;}
.brewhouse-box{padding: 60px 0;}
.brewhouse-main1 .price{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.brewhouse-ban{width: 665px;}
.brewhouse-ban .gallery-top .img{height: 490px;}
.brewhouse-div{margin-left: 40px;}
.brewhouse-div .blog-tit{text-align: left; margin-bottom: 0;}
.brewhouse-div .bb{padding: 12px 0; font-size: 20px; line-height: 1.2; display: block;}
.brewhouse-div .star{padding: 25px 0;}
.brewhouse-div .share-item{width: 15%; }
.brewhouse-div .share-icon{border-radius: 0px; width: 100%;}
.brewhouse-div .shareBox{width: 100%; justify-content: space-between;}
.brewhouse-div .btns{margin-top: 35px;}
.brewhouse-div .btn{text-transform: capitalize; background-image: linear-gradient(90deg, #03238A 30%, #134DC4 100%); border-radius: 4px; color: #fff; width: 175px; height: 40px; margin: 0 50px;}
.brewhouse-ul1,
.brewhouse-ul1 ul.list-paddingleft-2{
  list-style-type:disc !important;
}
.gallery-top { height: 80%;  width: 100%;}
.gallery-thumbs{margin-top: 15px;}
.gallery-thumbs .img{height: 95px;}
.gallery-thumbs {padding: 10px 0; box-sizing: border-box; height: 20%;}
.gallery-thumbs .swiper-slide {height: 100%;width: 25%; position: relative; cursor: pointer;}
.gallery-thumbs .swiper-slide::after{content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #000; opacity: 0.6;}
.gallery-thumbs .swiper-slide-thumb-active::after {opacity: 0;}
.brewhouse-main2{margin-top: 60px;}
.brewhouse-item{padding-bottom: 30px;}
.brewhouse-item .tit{font-size: 18px; font-weight: bold; color: #fff; background-color: #02479C; padding: 5px 5px 5px 5px; margin-bottom: 20px;}
.brewhouse-item .con2{padding-left: 1em;}
.brewhouse-le{width: 250px; }
.brewhouse-ri{margin-left: 20px;}
.brewhouse-le #repairNav{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); margin: 0; padding: 0; width: 250px; }
.brewhouse-le #repairNav .tit{height: 65px; border-bottom: 1px solid #ddd; display: flex; align-items: center; font-weight: bold; padding: 0 1em; justify-content: space-between;}
.brewhouse-le #repairNav .tit.on svg{transform: rotate(0deg);}
#repairNavSub{padding:6px 0; margin: 0;}
.brewhouse-le #repairNav .tit svg{width: 10px; transition: all ease .3s; transform: rotate(180deg);}
.brewhouse-le #repairNav li{ margin-left: 2em;}
.brewhouse-le #repairNav li{padding: 6px 0;}
.brewhouse-le #repairNav.absolute{right: auto;left: 0;}
.brewhouse-ban .swiper-button-white{background: rgba(0,0,0,0.5) !important;display: flex; align-items: center; justify-content: center; width: 30px; height: 50px; border-radius: 4px; opacity: 0.8;}
.brewhouse-ban .swiper-button-white:hover{opacity:1;}
.brewhouse-ban .swiper-button-prev{transform: rotate(180deg);}
.brewhouse-ban .iconfont{font-size: 30px; color: #fff;}
.standard-tit{ font-size: 18px; font-weight: 600; color: #02479C; margin-bottom: 14px;}
.standard{color: #5e5e5e; margin-bottom: 20px;}
.standard ol{margin: 0; padding: 0; padding-left: 2em;}
.standard li{padding: 2px 0;}
.brewhouse-ri{color: #5e5e5e;}
#main5{padding-bottom: 0;}








.product-list{margin: 0 -5px; flex-wrap: wrap;}
.product-list .item{width: calc(25% - 10px); margin: 0 5px 10px;}


.product-list .item img{transition: all ease .3s;}

.product-list .item:hover .img{transform: scale(1.1);}


.product-list .name{background-color: #02479C; height: 52px; display: flex; align-items: center; justify-content: center; color: #fff;}
.system-main0 .page{padding: 40px 0 0;}
.system-main0{padding: 20px 0;}
.system-main0 .ab-intro{margin-bottom: 20px; color: #5E5E5E;}

.product-le{width: 320px; margin-right: 20px; box-shadow: 0 0 10px #ddd; padding: 20px;}
.product-le .tit{font-size: 18px; padding: 10px 6px; border-radius: 4px;  display: flex; align-items: center;}
.product-le .a{ padding:6px 10px; min-height: 45px; display: flex; align-items: center;}
.product-le .sub{display: none1; height: 0px; overflow: hidden;}
.product-le .item:hover>.sub{display: block; height: auto;}



.product-le .item:hover .tit{background-color: #02479C; color: #fff;}
.product-le .item:hover .tit a{ color:#fff}
.product-le .item1{}
.product-le .tit1{padding: 10px 6px; padding-left: 10px; display: flex; align-items: center; }
.product-le .sub-a .a{padding-left: 10px; }
.product-le .iconfont{font-size: 14px; font-weight:bold; transition: all ease .3s;}
.three-sub{display: none; margin-left: 10px;}
.three-sub .a{color: #555;}
.three-sub .a:hover{color: #004cfe;}
.product-le .item:hover .tit .iconfont{transform: rotate(90deg);}
.sub-div .sub-a .a{background-color: red;}
.sub-a:hover .iconfont{transform: rotate(90deg); color: #004cfe;}
.sub-a:hover .three-sub{display: block;}



.menu{display: none; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #f2f2f2;}
.menu svg{width: 16px;}
.menu-svg2,.menu.on .menu-svg1{display: none;}
.menu.on .menu-svg2{display: block;}
.ban-a{width: 140px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #02479C; border-radius: 4px; color: #fff !important; fill: #fff;}
.ban-a:hover{opacity: 0.8;}
.ban-a svg{width: 16px; margin-right: 10px;}

.home-main3{padding: 40px 0;}
.cp-tab{background-color: #02479C;display: inline-flex; margin-bottom: 30px;}
.cp-tab .item{padding: 0 30px;height: 56px; display: inline-flex; align-items: center; color: #fff; cursor: pointer;}
.cp-tab .item.on{background-color: #f0f1f6; color: #000;}
.cp-list{flex-wrap: wrap; margin: 0 -20px;display: none;}
.cp-list.on{display: flex;}
.cp-list .item{width: calc(33% - 37px); margin: 0 20px 40px; background-color: #e6e6e6;}
.cp-list .imgW{padding-bottom: 67%;}
.cp-list .img{position: absolute;left: 0; top: 0; transition: all ease .3s;}
.cp-list .item:hover .img{transform: scale(1.1);}


.cp-list .name{font-size: 18px;}
.cp-list .div{padding: 20px; text-align: center;}
.home-main3 .home-tit{margin-bottom: 30px;}
.home-tit{font-size: 30px; line-height: 1.2; margin-bottom: 10px; font-weight: bold; text-align: center;}
.home-intro{margin-bottom: 36px;}
.home-main5-box .item{width: 50%;}
.home-main5-box{align-items: stretch; background-color: #02479C;}
.home-main5-box *{color: #fff;}
.home-main5-box .tit{font-size: 25px; font-weight: bold;}
.home-main5-box .div{padding: 50px;}
.home-main5-box .intro{margin: 20px 0;}
.more-btn2{display: inline-flex;fill: #fff; align-items: center; justify-content: center; border-radius: 4px; border: 2px solid #fff; width: 175px; height: 46px;}
.more-btn2 svg{ width: 10px; margin-left: 8px;}
.more-btn2:hover{background-color: #fff; fill: #02479C}

.home-main6{padding: 60px 0 100px;}

.home-tab-con2.on{display: flex;}
.home-tab-con2{display: none;align-items: flex-start; justify-content: space-between;}
.home-tab-con2 .item1{width: 45%; overflow:hidden}
.home-tab-con2 .item1 img{display: block; width: 100%;transition: all ease .3s;}
.home-tab-con2 .item1:hover img{transform: scale(1.1);}


.home-tab-con2 .item2{width: 53%;}
.home-tab-con2 .tit{font-size: 24px; font-weight: bold; color: #02479C; margin-bottom: 10px;}
.home-tab-con2 ul{margin-top: 1em;}

.home-tab-con2 ul li::before {
  content: "•";
  color:#000;
  font-size: 20px;
  margin-right: 5px;
  
}


#homeTab2{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
#homeTab2 .item{width: 23%; display: flex; align-items: center; justify-content: center; height: 100px; font-size: 18px;border: 1px solid #d2d2d2; cursor: pointer;}
#homeTab2 .item.on{background-color: #02479C; color: #fff;}
#homeTab2 .icon{display: block; width: 36px; height: 36px; display: block; margin: 0 auto 8px; background-position: center; background-repeat: no-repeat;}
#homeTab2 .item:nth-child(1) .icon{background-image: url(../images/tab2-icon1.png);}
#homeTab2 .item:nth-child(2) .icon{background-image: url(../images/tab2-icon2.png);}
#homeTab2 .item:nth-child(3) .icon{background-image: url(../images/tab2-icon3.png);}
#homeTab2 .item:nth-child(4) .icon{background-image: url(../images/tab2-icon4.png);}

#homeTab2 .item.on:nth-child(1) .icon{background-image: url(../images/tab2-icon1on.png);}
#homeTab2 .item.on:nth-child(2) .icon{background-image: url(../images/tab2-icon2on.png);}
#homeTab2 .item.on:nth-child(3) .icon{background-image: url(../images/tab2-icon3on.png);}
#homeTab2 .item.on:nth-child(4) .icon{background-image: url(../images/tab2-icon4on.png);}
#lan{position: relative;}
#lan .lan-icon{width: 14px; margin-right: 6px;}
.lan-item{display: flex; align-items: center; padding: 0 10px;}
.lan-sub{display: none;}
#lanItem{cursor: pointer;}
#lanItem .arrow-icon{display: inline-flex; align-items: center; margin-left: 6px; line-height: 1; color: rgba(255,255,255,0.9);}
#lanItem .arrow-icon svg{display: block; width: 9px; height: 9px;}
#lan.on .lan-sub{display: block; position: absolute; width: 100%; left: 0; top: 100%; background-color: #000;}
.lan-sub .lan-item{color: #fff; padding:5px 10px; border-bottom: 1px solid rgba(255,255,255,0.6);}
.lan-sub .lan-item:last-child{border-bottom: none;}

/* Product detail table row hover effect */
#service .brewhouse-ri .con .table-scroll table{border-collapse: collapse;}
#service .brewhouse-ri .con .table-scroll th,
#service .brewhouse-ri .con .table-scroll td{transition: background-color .2s ease, color .2s ease;}
#service .brewhouse-ri .con .table-scroll tr:hover > th,
#service .brewhouse-ri .con .table-scroll tr:hover > td{background-color: rgba(2, 71, 156, 0.14) !important;}

#header{    position: fixed;
    z-index: 98;
    width: 100%;
    background: #fff;}
.home-main7-box{position: relative;}
.home-main7-box .item{width: calc(50% - 10px); color: #fff; position: relative;}
.home-main7-box .name{font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 10px;}
.home-main7-box .intro{line-height: 1.4;}
.home-main7-box .imgW{position: relative; height: 540px;transition: all ease .3s;}
.home-main7-box .imgW .img{position: absolute;left: 0; top: 0; transition: all ease .3s;}
.home-main7-box .imgW:hover .img{transform: scale(1.1);}




.home-main7-box .div{padding: 30px;}
.link-list{flex-wrap: wrap;}
.link-list .item{width: 10.5%; margin: 0 1%;}
.link-list img{display: block; width: 100%; height: 100%; object-fit: contain;}
.home-main8{padding: 100px 0 60px;}
.home-main2 .num-box{font-weight: bold; font-size: 25px; color: #02479C;}
.home-main2 .box{flex-wrap: wrap;}
.home-main2 .num{margin-right: 8px;}
.home-main2{font-size: 18px; text-align: center; padding: 50px 0; background-color:#f6f6f6}
a:hover{color: #02479C;}
#right{position: fixed; z-index: 200; right:0px; top: calc(50% - 70px);}
#right svg{width: 20px; fill: #fff;}
#right .item{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
#right .item:nth-child(1){background-color: #25d366;}
#right .item:nth-child(2){background-color: #ea4335;}
#right .item:nth-child(3){background-color: #69727d;}
.header_top .top-item:hover{color: #fff;}
.product-main1 .ab-intro{min-height: 100px;}
.product-main1{background-position: center; background-size: cover; background-image: url(../images/Video-Background-1.jpg) ; padding: 40px 0;}
.product-main1.home-main2 .item{max-width: 360px;background-color: #02479C; width: 31%; margin: 0 20px; padding: 20px 0;}
.product-main1.home-main2 .item *{color:#fff}
.product-main1.home-main2 .list{justify-content: center; align-items: stretch; margin-bottom: 5px;}
@media (min-width: 1025px){
  #nav .menu-item:hover .sub-menu{display: block;}
  .ny-ban.home-ban .intro{font-size: 30px;max-width: 100%;}
  .ny-ban.home-ban .h2{font-size: 35px;}
  .home-main7-box .item:nth-child(2),.home-main7-box .item:nth-child(3){display: flex;align-items: stretch;justify-content: space-between; background-color: #02479C;height: 260px;}
  .home-main7-box .item:nth-child(2) .imgW,.home-main7-box .item:nth-child(3) .imgW{ width: 50%; height: 100%;}
  .home-main7-box .item:nth-child(2) .div,.home-main7-box .item:nth-child(3) .div{flex: 1; display: flex; align-items: stretch; justify-content: center;}
  .home-main7-box .item:nth-child(3){position: absolute; right: 0; bottom: 0;}
  .home-main7-box .item:nth-child(4){display: none;}
  .home-main7-box .item:nth-child(1) .div{position: absolute; right: 0; bottom: 0;width: 100%;}
  .sub-child{position: absolute; left: 100%; top:0; background-color: #F9f9f9;display: none;}
  .sub-menu-item:hover .sub-child{display: block;}
  .sub-menu-item svg{ transform: rotate(-90deg);}
  .sub-menu-item:hover{fill: #fff;}
  .sub-child .a{border-bottom: 1px solid #ededed;}
}

@media (max-width: 1024px){
  #header{position: fixed; z-index: 998; width: 100%; left: 0; top: 0;}
  .ny-ban{margin-top:98px;}
  #nav{position: fixed;top: 98px;display: none; background-color: #02479cf2; left: 0;width: 100vw;margin: 0; z-index: 8; height: calc(100vh - 98px); overflow-y: auto;}
  #nav.wap-active{display: block !important;}
  #nav ul{display: block;}
  .zxb-wap-top{padding: 0 !important;}
  #nav *{color: #fff; fill: #fff;}
  #nav .nav-a.on{background-color: #02479C; color: #fff; fill:#fff}
  .nav-a.active .sub-arrow{transform: rotate(180deg);}
  #nav .elementor-nav-menu li .nav-a{justify-content: flex-start;}
  #nav .nav-a.has-submenu::after{display: none;}
  #nav .sub-menu{display: none;position: static;}
  #nav .sub-menu.on{display: block;}
  #nav .menu-item-has-children{display: block;}
  .menu{display: flex; position: static;}
  #topFormToggle{position: absolute;right: 26px; top: 10px;z-index: 99;}
  .header_top{position: relative;z-index: 90;}
  .header_top .box{justify-content: flex-start;}
  .header_top .top-item{width: 28%; justify-content: flex-start;}
  #nav.on{display: block;}
  #navBox1{display: block; height: auto; background-color: #fff; box-shadow: 0 0 10px #999;}
  #navBox1>.box{ height: 50px;}
  #nav .nav-a{width: 100%; display: flex; padding: 10px 30px;}
  .sub-menu{background-color: transparent; padding-left: 30px;}
  #lanItem{margin-right: 60px;}
  #lanItem svg{display: block; width: 10px;}
   #nav .nav-a{font-size: 18px;}
   .sub-menu-item>a{font-size: 16px;}
   .sub-menu-item .a{font-size: 15px;}
   .sub-child{margin-left: 20px; display: none;}
    .sub-child.active{display: block;}
    .has-child.active .sub-arrow{transform: rotate(180deg);}
  
  .ab-main1{padding-bottom: 0;}
  .ab-box1{display: block;}
  .ab-box1 .imgW{margin: 0 auto 10px;max-width: 100%;}
  .ab-box1 .div{margin-left: 0;padding-bottom: 20px;}
  .ab-box1 .bottom{position: static;left: auto;}
  .ab-box1 .item{width: 33.33333%;}
  .ab-item2,.ab-list2{width: 100%;}
  .ab-box3{display: block;}
  .ab-item3{width: 100%;margin-bottom: 20px;}
  
  .ab-tit{font-size: 26px;}
  .ab-item4{width: 45.5%;margin-right: 2%;}
  .blog-item{width: 44.5%;}
  
  .ft-box{flex-wrap: wrap;}
  .ft-box .item{width: 50%;margin-bottom: 40px;}
  .ft-tit{font-size: 18px}
  #footer{padding-top: 50px;}
  .copy-box{margin-top: 10px;display: block;}
  .copy-box .shareBox{justify-content: flex-start;margin-top: 10px;}
  
  .lx-main1{display: block;}
  .lx-w1{text-align: center;}
  .lx-w1 .ab-tit::after{left: 50%;transform: translateX(-50%);}
  .lx-w2{width: 100%;padding: 30px;display: block;text-align: center;}
  .lx-w2 .div{width: 100%;max-width: 100%;}
  .lx-list1{padding-left: 0;margin-top: 20px;}
  .lx-w1 .item{width: 48%;}
  .lx-tit2{font-size: 20px;}
  
  .lx-list2{flex-wrap: wrap;}
  .lx-item2-box{width: 100%; margin-bottom: 15px;}
  .lx-main2{padding-bottom: 10px; margin-bottom: 70px;}
  .box{width: 100%;padding-left: 26px !important;padding-right: 26px !important;}
  .lx-main2 .ab-tit{text-align: center;}
  .lx-main3 .elementor-form{padding: 110px 0 30px;}
  .ny-ban .h2{font-size: 24px;}
  .blog-detail-ri{display: none;}
  .blog-detail-list .back{display: none;}
  .service-list{margin: 0; justify-content: space-between;}
  .service-list .item{width:48.5%;  padding: 40px; margin: 10px 0;}
  .service-main2{padding: 50px 0;}
  #repairCon{display: block;}
  .repair-ri{margin-left: 0; margin-top: 30px;}
  #repairNav,.repair-ri{position: static !important; max-width: 100%;width: 100%;}
  .repair-le .service-list .item{margin-left: 0; margin-right: 0; box-shadow: 0 0 10px #ddd; padding: 20px; margin-bottom: 20px;}
  .repair-le .service-list{margin: 30px 0;}
  
  .system-form1 .flex-bect{display: block;}
  .system-form1 .flex-bect .form-item{width: 100%;}
  .system-form1 .submit-btn{margin-left: auto; margin-right: auto;}
  
  .system-main5 .box{display: block;}
  .sys-tab,.system-form2{width: 100% !important;}
  .system-form2{margin-top: 40px;}
  .brewhouse-ri{margin-left: 0; margin-top: 20px;}
  .brewhouse-le #repairNav,.brewhouse-le{width: 100%;}
  .brewhouse-main1{display: block;}
  .brewhouse-ban,.brewhouse-div{width: 100%; margin-left: 0;}
  .brewhouse-ul1{margin-left: 1em;}
  .home-main2,.home-main3{padding: 40px 0 0;}
  .home-main2 .item{width: 50%; margin-bottom: 10px;}
  .home-main3 .home-tit{font-size: 26px;}
  .cp-list{margin: 0; justify-content: space-between;}
  .cp-list .item{width: calc(50% - 10px);  margin: 0 0 20px;}
  
  .home-main7-box{display: block;}
  .home-main7-box .item{width: 100%; margin-bottom: 30px; display: block;}
  .home-main7-box .div{background-color: #02479C;}
  .home-main7-box .imgW{height: 300px;}
  .home-main8{padding: 30px 0 50px;}
  
  .product-box{display: block;}
  .product-le{display: none;}
  .product-ri{width: 100%;}
  .product-list .item{width: calc(33% - 8px);}
}

@media (max-width: 869px){

.link-list .item {
    width: 23%;
    margin: 0 1%;
}




  body{font-size: 14px;}
  .top-item{display: none;}
  #header .shareBox{display: flex; width: 100%;}
  .ab-box1 .bottom,.ab-bottom2{display: none;}
  .ab-item4,.m4-list,.blog-item,.blog-list{width: 100%;margin-right: 0;}
  .ab-tit{font-size: 20px;}
  .ab-bg{height: 80%;}
  .ab-main2 .ab-top{padding: 40px 3%;}
  .ab-list2{margin-top: 0;}
  .ab-item2{padding: 16px 20px;padding-left: 40px;}
  .ab-item3{padding: 40px 20px;}
  .ab-main4{padding-top: 40px;}
  .blog-item{margin-bottom: 20px;}
  .blog-main{padding: 40px 0;}
  .ft-box .item{width: 100%;}
  
  .service-list2{justify-content: center;}
  .service-list2 .item{width: 295px; margin: 0 10px 20px;}
  .service-list .item{padding: 20px;}
  .service-list .icon{width: 45px;}
  .repair-le .service-list .item{width: 100%;}
  .repair-main2{display: block;}
  .repair-main2 .imgW{width: 100%;}
  .repair-le .service-list{margin-bottom: 10px;}
  .repair-box{padding: 40px 0;}
  .repair-p1{margin-top: 30px;}
  .home-main5-box{display: block;}
  .home-main5-box .item{width: 100%;}
  .home-main5-box .div{padding: 30px;}
  #homeTab2{flex-wrap: wrap;}
  #homeTab2 .item{font-size: 14px; width: 49%; margin-bottom: 10px; height: 70px;}
  #homeTab2 .item .icon{width: 20px; height: 20px; background-size: contain; margin-bottom: 0px;}
  .home-tab-con2.on{display: block;}
  .home-tab-con2 .item1,.home-tab-con2 .item2{width: 100%;}
  .home-tab-con2 .item2{margin-top: 30px;}
  .home-main6{padding: 40px 0;}
  .home-tit{font-size: 30px;}
  .home-main5-box .tit{font-size: 20px;}
  .home-main5-box .intro{margin: 10px 0 20px;}
  .cp-list .div{padding: 10px;}
  .cp-list .name{font-size: 16px;}
  #footer .ft-w1,#footer .ft-w2{width: 48%;}
  .system-list2 .item{display: block; width: 49%;}
  .system-list2 .imgW,.system-list2 .div{width: 100%;}
  .system-list2 .imgW{margin-bottom: 10px;}
  .system-list2 .tit{font-size: 20px; margin-bottom: 7px;}
  .system-list2{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .system-list .item{width: 50%;}
  .system-main1{padding-bottom: 40px;}
  .system-main2{padding: 40px 0;}
  .sys-tit{font-size: 24px;}
  .product-list{margin: 0; justify-content: space-between;}
  .product-list .item{width: calc(50% - 8px); margin:0 0 16px 0;}
  .brewhouse-div .btn{width: 40%; margin: 0 2%;}
  .brewhouse-ban .gallery-top .img{height: 50vw;}
  .gallery-thumbs .img{height: 60px; object-fit: cover;}
  .standard{display: block;}
  .standard-w-list{margin-left:2em;}
  .product-main1.home-main2 .item{margin: 0 8px;}
  
  
  .cp-tab {
    background-color: #02479C;
    display: block;
    margin-bottom: 30px;
}
  
  .cp-tab .item{ width:32.6%; text-align:center; padding:20px 0 0 0; display:inline-block;}
  
}


@media (max-width: 600px){
  .system-list2 .item{width: 100%;}
  .system-list .item{padding: 20px; width: 100%;}
  .product-list .item{width: 100%;}
  .system-main0{padding: 50px 0;}
  .box{width: 100%;padding-left: 20px !important;padding-right: 20px !important;}
  .product-main1.home-main2 .list{display: block;}
  .product-main1.home-main2 .item{width: 100%; margin: 0 0 10px 0; max-width: 100%;}
}


@media (max-width: 380px){
 .cp-tab .item{ width:32.55%; text-align:center; padding:20px 0 0 0; display:inline-block;}

}


@media (max-width: 320px){

  .cp-tab .item{ width:49.3%; text-align:center; padding:20px 0 0 0; display:inline-block;}

}




/* Horizontal contact section */
.horizontal_connection { text-align: left;
  background-repeat: no-repeat;
  background-position:top center;
  background-size: cover;
  padding: 40px 0;
}


.horizontal_connection_left {
  width:100%; text-align:center
}
.horizontal_connection_left h3 {
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}
.horizontal_connection_left h4 {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
  margin-top: 0.15em; padding-top:10px;
}









.horizontal_connection_right  {
    width: 260px;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.horizontal_connection_right  .more {
    display: block;
    position: relative;
    overflow: hidden;
    width: 260px;
    height: 52px;
    border: 1px solid #fff;
    font-size: 0;
    text-align: center;
    line-height: 50px;
    z-index: 0;
    border-radius: 30px;
}






.horizontal_connection_right  .more i {
    display: inline-block;
    width: 25px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/teltel.png) no-repeat;
    transition: all 0.5s;
    margin: 0 5px;
}

.horizontal_connection_right  .more:hover{ background-color:#296bef; border:1px solid #296bef}





.horizontal_connection_right  .more:hover i {
    background: url(../images/moreIcon2.png) no-repeat;
    transform: rotate(90deg);
    transition-delay: 0.2s; margin-top:10px;
}


.horizontal_connection_right  .more span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
    margin: 0 5px;
}

@media screen and (max-width:828px){
	.horizontal_connection { padding: 30px 0;}
	.horizontal_connection .dth_wh  { display: block; padding:80px 0}
	.horizontal_connection_left { max-width: initial; width: 100%;}
	.horizontal_connection_left h3 { font-size: 20px;}
	.horizontal_connection_left h4 { font-size: 16px;}
	.horizontal_connection_right { margin-top: 40px;}
	.horizontal_connection_left .text { font-size: 13px;
	margin-top: 8px;
	    padding-top:8px;}
		.horizontal_connection_right li .text h3 { font-size: 14px;}
		.horizontal_connection_right li .text h4 { font-size: 20px;}
	a.r_more { margin-top: 20px;
	    font-size: 14px;
	}
	.horizontal_connection_right li .text {
	    margin-left: 12px;
	}
	.horizontal_connection_right li .imgs {
	    width: 36px;
	    height: 36px;
	}
	

}


/* ----- PB pagination number bar effect end ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin:50px 0;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#02479C;
	border:1px solid #02479C;
}
.pagination a.page-num-current {
	color:#fff;
	background:#02479C;
	border:1px solid #02479C;
}
/* ----- PB pagination number bar effect end ----- */



.cGDADHhA {
    margin: 0% auto 1% auto;
    max-width: 40rem;
    font-weight: normal;
    font-size: 20px;
    text-transform: capitalize;
    color: rgba(33,33,33,1);
    background: rgba(255,255,255,1);
    border-radius: 25px;
    text-align: left;
}

.cGDADHhTextBox {
    padding: 10px 0px 10px 0px;
}


.cGDADHhTe {
    padding-left: 10px;
}


.c2YFJMxTextBox {
    padding: 10px 0px 10px 3px; line-height:40px;
}



.home-main3 .tab { margin-bottom: 2em; display: flex; flex-wrap: wrap;
 justify-content: center; align-items: stretch;}
 
 
 .home-main3 .tab li{min-width:8%; list-style:none; text-align:center}
.home-main3 .tab li a {margin: 0.1em 0.1em 0;
 line-height:2.8; color: #fff; background-color: #02479C; display: block;
 transition: all 0.5s; font-size:1em}
 .home-main3 .tab li a:hover { background-color: #f1f1f1; color: #000;}
 
 
  .home-main3 .tab li.hover a{ background-color: #f1f1f1; color: #000;}
 
@media only screen and (max-width:828px) { 

 .home-main3 .tab li{min-width:33.333%;}
.home-main3 .tab li a {margin: 0.5em 0.2em 0;    line-height:3;font-size:0.88em}
.home-main3{padding:20px 0;}
}






/* Floating customer service */
.toolbar{position:fixed;bottom:10%;right:1%;margin-top:-163px;z-index:100;width:55px;background-color: rgba(255,255,255,1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.22);
    border-radius: 7px;}
.toolbar dd{position:relative;float:left;width:55px;height:50px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s;





}
.toolbar dd:first-child{margin-top:0;}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px; color:#7f7f7f}


.toolbar dd span{display:block;color:#fff;font-size:12px;}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-180px;height:100%;margin-right:10px;opacity:0;transition:all .5s; background-color:#fff; color:#000; line-height:50px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.22);}
.toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px;}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold;}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #fff;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px;}
.toolbar dd.code .box{position:absolute;top:0;width:160px;right:-172px;height:160px;margin-right:10px;border-radius:5px;background:#ff0000;opacity:0;transition:all .5s;}
.toolbar dd.code .box img{width:140px;height:140px;padding:10px;}
.toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #fff;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px;}
.toolbar dd:hover{background:#02479C;}
.toolbar dd:hover i{color:#fff}

.toolbar dd.tel:hover .box{opacity:1;right:65px;}

@media screen and (max-width:767px){
	.toolbar{display:none;}
  .ny-ban{
    min-height: 300px;
    margin-top: 98px;
    padding: 24px 0;
    align-items: center;
    justify-content: center;
    background-position: center top;
    background-size: cover;
  }
  .ny-ban::before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.28) 100%);
  }
  .ny-ban .con{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    text-align: center;
  }
  .ny-ban .h2{
    font-size: 24px;
    line-height: 1.25;
    max-width: 90%;
  }
  .ny-ban .intro{
    font-size: 14px;
    line-height: 1.65;
    margin: 8px auto 14px;
    max-width: 92%;
  }
  .ny-ban .ny-ban-more{
    font-size: 12px;
    line-height: 1.6;
    max-width: 92%;
    word-break: break-word;
    opacity: 0.95;
  }
}

#right,#goBack{ display:none}
#service .brewhouse-div table,
#service .brewhouse-ri .con table{
  width:100% !important;
  max-width:100% !important;
  table-layout:fixed;
}
#service .brewhouse-div table th,
#service .brewhouse-div table td,
#service .brewhouse-ri .con table th,
#service .brewhouse-ri .con table td{
  width:auto !important;
  max-width:100%;
  word-break:break-word;
  white-space:normal;
}
#service .brewhouse-div ul.list-paddingleft-2,
#service .brewhouse-ri .con ul.list-paddingleft-2{
  list-style-type:disc !important;
}
/* Tighten spacing only for main1/main2/main4 */
#service #main1 .con > p,
#service #main2 .con2 > p,
#service #main4 .con > p{
  margin: 0 0 -6px !important;
}
#service #main2 .con2{
  padding-left: 0 !important;
  margin-left: 0 !important;
}
#service #main2 .con2 > li,
#service #main2 .con2 > p{
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#service .brewhouse-div table.pb-four-cols,
#service .brewhouse-ri .con table.pb-four-cols{
  table-layout:fixed;
}
#service .brewhouse-div table.pb-four-cols th:nth-child(1),
#service .brewhouse-div table.pb-four-cols th:nth-child(2),
#service .brewhouse-div table.pb-four-cols th:nth-child(3),
#service .brewhouse-div table.pb-four-cols td:nth-child(1),
#service .brewhouse-div table.pb-four-cols td:nth-child(2),
#service .brewhouse-div table.pb-four-cols td:nth-child(3),
#service .brewhouse-ri .con table.pb-four-cols th:nth-child(1),
#service .brewhouse-ri .con table.pb-four-cols th:nth-child(2),
#service .brewhouse-ri .con table.pb-four-cols th:nth-child(3),
#service .brewhouse-ri .con table.pb-four-cols td:nth-child(1),
#service .brewhouse-ri .con table.pb-four-cols td:nth-child(2),
#service .brewhouse-ri .con table.pb-four-cols td:nth-child(3){
  width:15% !important;
}
#service .brewhouse-div table.pb-four-cols th:nth-child(4),
#service .brewhouse-div table.pb-four-cols td:nth-child(4),
#service .brewhouse-ri .con table.pb-four-cols th:nth-child(4),
#service .brewhouse-ri .con table.pb-four-cols td:nth-child(4){
  width:55% !important;
}
@media (max-width:767px){
  #service .brewhouse-div .table-scroll,
  #service .brewhouse-ri .con .table-scroll{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  #service .brewhouse-div .table-scroll > table.pb-four-cols,
  #service .brewhouse-ri .con .table-scroll > table.pb-four-cols{
    width:760px !important;
    min-width:760px !important;
    max-width:none !important;
  }
}

.sande-page #service .brewhouse-div.sande-side{
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  margin-left: 100px;
}
.sande-page #service .brewhouse-div.sande-side .blog-tit{
  width: 100%;
  text-align: left;
}
.sande-page #service .sande-contact-actions{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
}
.sande-page #service .sande-contact-actions .btn{
  width: 160px;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  margin: 0;
}
.sande-page #service .sande-contact-actions .btn .iconfont{
  font-size: 16px;
  line-height: 1;
}
.sande-page #service .sande-contact-actions .btn.sande-wa{
  background-image: linear-gradient(90deg, #03238A 30%, #134DC4 100%);
  border-color: #134DC4;
  color: #fff;
}
.sande-page #service .sande-contact-actions .btn.sande-wa:hover{
  opacity: 0.92;
}
.sande-page #service .sande-highlights{
  margin-top: 20px;
  width: min(520px, 100%);
  text-align: left;
}
.sande-page #service .sande-highlights ul{
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.sande-page #service .sande-highlights li{
  color: #4b5563;
  line-height: 1.75;
  padding: 2px 0;
}
.sande-page #service .sande-highlights p{
  color: #4b5563;
  line-height: 1.75;
  margin: 0 0 8px;
}
.sande-page #service #main3 .table-scroll{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.sande-page #service #main3 .table-scroll table{
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.sande-page #service #main3 .table-scroll table,
.sande-page #service #main3 .table-scroll th,
.sande-page #service #main3 .table-scroll td,
.sande-page #service #main3 .table-scroll p,
.sande-page #service #main3 .table-scroll span,
.sande-page #service #main3 .table-scroll strong{
  color: #374151 !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.sande-page #service #main3 .table-scroll strong{
  font-weight: 700 !important;
}
@media (max-width:767px){
  .sande-page #service .brewhouse-le,
  .sande-page #service #repairNav{
    display: none !important;
  }
  .sande-page #service .brewhouse-main2{
    margin-top: 18px;
  }
  .sande-page #service .brewhouse-ri{
    margin-top: 18px;
  }
  .sande-page #service #main3 .table-scroll{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .sande-page #service #main3 .table-scroll table{
    width: 760px !important;
    min-width: 760px !important;
    max-width: none !important;
    table-layout: auto !important;
  }
  .sande-page #service .brewhouse-div.sande-side{
    margin-left: 0;
    margin-top: 24px;
    align-items: center;
    text-align: center;
  }
  .sande-page #service .brewhouse-div.sande-side .blog-tit{
    text-align: center;
  }
  .sande-page #service .sande-contact-actions{
    margin-top: 24px;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    flex-wrap: nowrap;
  }
  .sande-page #service .sande-contact-actions .btn{
    width: calc((100% - 16px) / 3);
    min-width: 0;
    font-size: 13px;
  }
  .sande-page #service .sande-highlights{
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
}