.blog-main{padding:60px 0}
.blog-detail{padding:60px 0}
.blog-detail-ri{width:310px;padding-top:10px;margin-left:30px}
.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:0;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 .blog-detail-item>.imgW img{display:block;max-width:160px;max-height:90px;width:auto;height:auto;margin:0 auto;object-fit:contain}
#blog .blog-detail-item>.news-detail-thumb img{max-width:100%;max-height:420px}

.system-main1{background-color:#F9F9F9;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-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 0 rgba(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 .tit{padding:15px;box-shadow:5px 5px 15px -5px #888 !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:0;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 0 rgba(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}

#repairNav{width:100%;max-width:410px}
#repairNav1{width:100%;max-width:410px}
.repair-ri{width:410px;margin-left:30px}
.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:#000;color:#000}
.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}

.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:0;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;padding:10px 0;box-sizing:border-box;height:20%}
.gallery-thumbs .img{height:95px}
.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:.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;margin-bottom:20px}
.brewhouse-item .con2{padding-left:1em}
.brewhouse-le{width:250px}
.brewhouse-ri{margin-left:20px;color:#5e5e5e}
.brewhouse-le #repairNav{box-shadow:0 0 10px 0 rgba(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;padding:6px 0}
.brewhouse-le #repairNav.absolute{right:auto;left:0}
.brewhouse-ban .swiper-button-white{background:rgba(0,0,0,.5) !important;display:flex;align-items:center;justify-content:center;width:30px;height:50px;border-radius:4px;opacity:.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 0 0 2em}
.standard li{padding:2px 0}
#main5{padding-bottom:0}

#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,.14) !important}
#service .brewhouse-div table,
#service .brewhouse-ri .con table{width:100% !important;table-layout:fixed;word-break:break-word}
#service .brewhouse-div table th,
#service .brewhouse-div table td,
#service .brewhouse-ri .con table th,
#service .brewhouse-ri .con table td{white-space:normal !important;word-break:break-word;overflow-wrap:anywhere}
#service .brewhouse-div ul.list-paddingleft-2,
#service .brewhouse-ri .con ul.list-paddingleft-2{padding-left:1.25em}
#service .brewhouse-div .table-scroll,
#service .brewhouse-ri .con .table-scroll{overflow-x:auto}
#service .brewhouse-div .table-scroll>table.pb-four-cols,
#service .brewhouse-ri .con .table-scroll>table.pb-four-cols{min-width:900px}
#service .brewhouse-div .table-scroll>table.pb-five-cols,
#service .brewhouse-ri .con .table-scroll>table.pb-five-cols{min-width:1040px}
#service .brewhouse-div .table-scroll>table.pb-six-cols,
#service .brewhouse-ri .con .table-scroll>table.pb-six-cols{min-width:1180px}

.product-list{margin:0 -5px;flex-wrap:wrap}
.product-list .item{width:calc(25% - 10px);margin:0 5px 10px;flex:0 0 calc(25% - 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}
#blog .defer-render{content-visibility:auto;contain-intrinsic-size:800px}
#blog .product-list .name{text-align:center;line-height:1.35;padding:0 10px;box-sizing:border-box}
.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-ri{min-width:0}
.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:0;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 .tit1{padding:10px 6px 10px 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-a:hover .iconfont{transform:rotate(90deg);color:#004cfe}
.sub-a:hover .three-sub{display:block}
.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}
.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}
#blog .product-main1.home-main2>.box>.list.flex-bect{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-content:initial;margin-bottom:5px}
#blog .product-main1.home-main2>.box>.list.flex-bect>.item{width:auto !important;max-width:none;margin:0 !important;padding:20px 16px}
#blog .product-main1.home-main2 .num-box{display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap;line-height:1.1}
#blog .product-main1.home-main2 .num{margin-right:0}

@media (max-width:1024px){
  #repairCon{display:block}
  .repair-ri{margin-left:0;margin-top:30px}
  #repairNav,.repair-ri{position:static !important;max-width:100%;width:100%}
  .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}
  #blog .product-main1.home-main2>.box>.list.flex-bect{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .product-box{display:block}
  .product-le{display:none}
  .product-ri{width:100%}
  .product-list .item{width:calc(33% - 8px);flex-basis:calc(33% - 8px)}
}

@media (min-width:1025px){
  #service .brewhouse-div table.pb-four-cols,
  #service .brewhouse-ri .con table.pb-four-cols,
  #service .brewhouse-div table.pb-five-cols,
  #service .brewhouse-ri .con table.pb-five-cols,
  #service .brewhouse-div table.pb-six-cols,
  #service .brewhouse-ri .con table.pb-six-cols{table-layout:fixed}

  #service .brewhouse-div table.pb-four-cols [data-pb-col-start="1"],
  #service .brewhouse-ri .con table.pb-four-cols [data-pb-col-start="1"],
  #service .brewhouse-div table.pb-five-cols [data-pb-col-start="1"],
  #service .brewhouse-ri .con table.pb-five-cols [data-pb-col-start="1"],
  #service .brewhouse-div table.pb-six-cols [data-pb-col-start="1"],
  #service .brewhouse-ri .con table.pb-six-cols [data-pb-col-start="1"]{
    text-align:left !important;
  }

  #service .brewhouse-div table .pb-spec-cell,
  #service .brewhouse-ri .con table .pb-spec-cell{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0;
  }
  #service .brewhouse-div table .pb-spec-label,
  #service .brewhouse-ri .con table .pb-spec-label{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
  }
  #service .brewhouse-div table .pb-spec-unit,
  #service .brewhouse-ri .con table .pb-spec-unit{
    flex:0 0 auto;
    white-space:nowrap;
    text-align:right;
    margin-left:12px;
  }

  #service .brewhouse-div table.pb-four-cols th:nth-child(1),
  #service .brewhouse-div table.pb-four-cols td:nth-child(1),
  #service .brewhouse-ri .con table.pb-four-cols th:nth-child(1),
  #service .brewhouse-ri .con table.pb-four-cols td:nth-child(1){width:36% !important}
  #service .brewhouse-div table.pb-four-cols th:nth-child(2),
  #service .brewhouse-div table.pb-four-cols td:nth-child(2),
  #service .brewhouse-div table.pb-four-cols th:nth-child(3),
  #service .brewhouse-div table.pb-four-cols td:nth-child(3),
  #service .brewhouse-ri .con table.pb-four-cols th:nth-child(2),
  #service .brewhouse-ri .con table.pb-four-cols td: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(3){width:24% !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:16% !important}

  #service .brewhouse-div table.pb-five-cols th:nth-child(1),
  #service .brewhouse-div table.pb-five-cols td:nth-child(1),
  #service .brewhouse-ri .con table.pb-five-cols th:nth-child(1),
  #service .brewhouse-ri .con table.pb-five-cols td:nth-child(1){width:32% !important}
  #service .brewhouse-div table.pb-five-cols th:nth-child(2),
  #service .brewhouse-div table.pb-five-cols td:nth-child(2),
  #service .brewhouse-ri .con table.pb-five-cols th:nth-child(2),
  #service .brewhouse-ri .con table.pb-five-cols td:nth-child(2){width:20% !important}
  #service .brewhouse-div table.pb-five-cols th:nth-child(3),
  #service .brewhouse-div table.pb-five-cols td:nth-child(3),
  #service .brewhouse-div table.pb-five-cols th:nth-child(4),
  #service .brewhouse-div table.pb-five-cols td:nth-child(4),
  #service .brewhouse-div table.pb-five-cols th:nth-child(5),
  #service .brewhouse-div table.pb-five-cols td:nth-child(5),
  #service .brewhouse-ri .con table.pb-five-cols th:nth-child(3),
  #service .brewhouse-ri .con table.pb-five-cols td:nth-child(3),
  #service .brewhouse-ri .con table.pb-five-cols th:nth-child(4),
  #service .brewhouse-ri .con table.pb-five-cols td:nth-child(4),
  #service .brewhouse-ri .con table.pb-five-cols th:nth-child(5),
  #service .brewhouse-ri .con table.pb-five-cols td:nth-child(5){width:16% !important}

  #service .brewhouse-div table.pb-six-cols th:nth-child(1),
  #service .brewhouse-div table.pb-six-cols td:nth-child(1),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(1),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(1){width:28% !important}
  #service .brewhouse-div table.pb-six-cols th:nth-child(2),
  #service .brewhouse-div table.pb-six-cols td:nth-child(2),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(2),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(2){width:20% !important}
  #service .brewhouse-div table.pb-six-cols th:nth-child(3),
  #service .brewhouse-div table.pb-six-cols td:nth-child(3),
  #service .brewhouse-div table.pb-six-cols th:nth-child(4),
  #service .brewhouse-div table.pb-six-cols td:nth-child(4),
  #service .brewhouse-div table.pb-six-cols th:nth-child(5),
  #service .brewhouse-div table.pb-six-cols td:nth-child(5),
  #service .brewhouse-div table.pb-six-cols th:nth-child(6),
  #service .brewhouse-div table.pb-six-cols td:nth-child(6),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(3),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(3),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(4),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(4),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(5),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(5),
  #service .brewhouse-ri .con table.pb-six-cols th:nth-child(6),
  #service .brewhouse-ri .con table.pb-six-cols td:nth-child(6){width:13% !important}
}

@media (max-width:869px){
  .blog-main{padding:40px 0}
  .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);flex-basis: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}
}

@media (max-width:600px){
  .system-list2 .item{width:100%}
  .system-list .item{padding:20px;width:100%}
  .product-list .item{width:100%;flex-basis:100%}
  .system-main0{padding:50px 0}
  .box{width:100%;padding-left:20px !important;padding-right:20px !important}
  #blog .product-main1.home-main2>.box>.list.flex-bect{grid-template-columns:1fr}
  .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:767px){
  #service .brewhouse-div .pb-inline-scroll-wrap,
  #service .brewhouse-ri .con .pb-inline-scroll-wrap{position:relative}
  #service .brewhouse-div .pb-inline-scroll-wrap::after,
  #service .brewhouse-ri .con .pb-inline-scroll-wrap::after{
    content:"";
    position:absolute;
    right:10px;
    bottom:12px;
    width:34px;
    height:34px;
    border-radius:999px;
    background-color:rgba(2,71,156,.92);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9'%3E%3Cpath d='M9.5 17h15'/%3E%3Cpath d='M21.5 13.5 25 17l-3.5 3.5'/%3E%3Cpath d='M12.5 13.5 9 17l3.5 3.5'/%3E%3C/g%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:26px 26px;
    box-shadow:0 10px 20px rgba(2,71,156,.22);
    pointer-events:none;
    z-index:2;
    opacity:1;
    transition:opacity .2s ease;
    animation:pbInlineScrollHint 1.4s ease-in-out infinite;
  }
  #service .brewhouse-div .pb-inline-scroll-wrap.pb-inline-scroll-hide::after,
  #service .brewhouse-ri .con .pb-inline-scroll-wrap.pb-inline-scroll-hide::after{
    opacity:0;
    animation:none;
  }
}

@keyframes pbInlineScrollHint{
  0%,100%{transform:translateX(0);opacity:.9}
  50%{transform:translateX(-6px);opacity:1}
}