@charset "utf-8"; 
:root {--color:#09B0E7;--color1:#09B0E7;--fontfamily:arial}
.home-indexadv .indexadv-right ul li:hover .icon img {filter:brightness(100)}
.home-about .homeabout-info .homeabout-more {color:#000}
footer .foot-item .foot-link .item em{color:var(--fontcolor)}
.home-about .homeabout-info{background: #212121;}
.home-foottop{background:url(/uploads/24074/page/p20240902183334fc896.jpg) !important;}
@media (min-width:1025px){#liproducts{position:static}
#liproducts .submenu.nav3{position:absolute;padding:10px calc(50% - 780px);list-style:none;width:100%;display:flex;flex-wrap:wrap;left:0;justify-content:flex-start}
#liproducts .submenu.nav3>li{margin:10px 1.3333% 10px 0;position:relative;min-height:80px;width:24%;text-align:left}
#liproducts .submenu.nav3>li:nth-child(4n){margin-right:0}
#liproducts .submenu.nav3>li em,#liproducts .submenu.nav3>li i{display:none}
#liproducts .submenu.nav3>li>a{display:block;text-decoration:none;height:auto;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;line-height:1.4;font-weight:bold}
#liproducts .submenu.nav3>li .cate-con{padding-left:0}
#liproducts .submenu.nav3>li .cate-con ul{min-width:inherit;position:static;display:block;background:0 0;padding:0}
#liproducts .submenu.nav3>li .cate-con ul li{margin-top:5px}
#liproducts .submenu.nav3>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.4;height:auto}
#liproducts .submenu.nav3>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0;display:none;}
#liproducts .submenu.nav3>li .cate-img a{padding:0}
#liproducts .submenu.nav3>li .cate-img img{width:100%;height:100%;object-fit:cover}
#liproducts .submenu.nav3 li:hover>a{background:none;color:var(--fontcolor)}
#liproducts .submenu.nav3 li a:hover{color:var(--color);}}
@media (max-width:1710px) and (min-width:1025px){#liproducts .submenu.nav3{padding:10px 70px}}
@media (min-width:1025px){#liservice .submenu{display:flex;flex-wrap:wrap;width:600px;}
#liservice .submenu li{width:50%}}
.pro-list li .pro-img a {height:0;padding-bottom:100%;}
.pro-list li .pro-img a img {position:absolute;top:0;left:0;}
.tagContent{margin:0 auto;max-width:1200px;}
@media (min-width:1025px){body.index {padding-top:0;}
body.index header:not(.is-active) .head-top {background:none;}
body.index header:not(.is-active) .head-info {background:none;}
body.index header:not(.is-active) {box-shadow:0 0 0;border:none;}
body.index header:not(.is-active) .head-nav .nav-ul>li>a {color:#fff;}
body.index header:not(.is-active) .head-nav .nav-ul>li>a.inmenu_1,body.index header:not(.is-active) .head-nav .nav-ul>li:hover>a {background:none!important;color:var(--color)!important}
body.index header:not(.is-active) .head-nav .nav-ul>li>a::after {background:none}
body.index header:not(.is-active) .head-logo a {background:url(/uploads/24074/page/p20240905180238f283c.png) no-repeat center;background-size:100%}
body.index header:not(.is-active) .head-logo a img {visibility:hidden}}
.head-logo {height:100%;}
.head-logo a {height:100%;}
.head-logo a img {max-height:100%;height:30px;object-fit:contain;}
@media (max-width:1024px){.head-logo a img{height:20px}}
.home-banner .swiper-slide>a::after{background:none}
.home-caselist {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;}
.home-caselist li {list-style:none;width:32%;margin-top:35px;position:relative;}
.home-caselist li .home-casepic {overflow:hidden;border-radius:8px;}
.home-caselist li .home-casepic img {transition:.3s;width:100%;display:block;}
.home-caselist li .home-casetit {line-height:1.2;position:absolute;bottom:0;width:100%;padding:10px 15px;background:rgba(255,255,255,.7);font-weight:bold;font-size:20px;color:#444;transition:.3s}
.home-caselist li:hover .home-casepic img {transform:scale(1.05)}
.home-caselist li:hover .home-casetit {background:rgba(255,255,255,.9)}
.home-casebtn {display:flex;margin-top:50px;justify-content:center;}
.home-casebtn a {display:flex;background:var(--color);color:#fff;font-weight:bold;font-size:15px;border-radius:6px;border:1px solid #0290d0;}
.home-casebtn a span:nth-child(1) {display:block;width:52px;height:52px;background:url(/uploads/24074/index/icon.png) no-repeat center;background-size:22px;border-right:1px solid #0290d0;}
.home-casebtn a span:nth-child(2) {padding:0 25px;display:block;line-height:52px;}
.home-casebtn a:hover{opacity:.85}
@media (max-width:1024px){.home-caselist li{width:48%;margin-top:25px}}
@media (max-width:500px){.home-caselist li{width:100%;}
.home-caselist li .home-casetit{font-size:18px}
.home-casebtn a span:nth-child(1){width:44px;height:44px}
.home-casebtn a span:nth-child(2){line-height:44px;padding:0 15px;font-size:14px}}
.homenews-list li .info .infopic{display:none;}
.prodetails-tabs .l-wrap .prodetails-tabs-item:nth-child(2){display:none;}



.spb-row-container{position:relative;overflow:hidden;padding:50px 5%;margin-bottom:50px}
.spb-row-container .parallax-video{position:absolute;top:0;left:0;z-index:0}
.spb-row-container *,.spb-row-container p{z-index:1;position:relative;color:#fff}
.one_fourth,.one_half,.one_third,.three_fourth,.two_third{position:relative;z-index:2;margin-right:4%;float:left;word-wrap:break-word}
.su-service{position:relative;margin:0 0 1.5em}
.one_half{width:48%}
.last{margin-right:0!important;clear:right}
.su-service-title em{position:absolute;top:0;left:0;display:block!important;width:1em;height:1em;text-align:center;line-height:1em}
.su-service-title{display:block;margin-bottom:.5em;color:#333;font-weight:700;font-size:1.1em}
.clearboth{clear:both}
.spb_parallax_asset *{z-index:3;position:relative}
.spb_parallax_asset h1{text-align:center}
.spb_wrapper .nav-tabs>div a{border:1px solid #ddd;padding:15px;display:inline-block;border-radius:4px 4px 0 0;box-shadow:none;background:#fbfbfb}
.spb_wrapper .nav-tabs>div.active a{border-bottom:1px solid #fff;background:#fff}
.spb_wrapper .nav-tabs>div:not(:first-child) a{border-left:none}
.spb_wrapper .nav{background:0 0;margin-bottom:0}
.spb_wrapper .nav-tabs>div{float:left;margin-bottom:-1px}
.spb_wrapper .nav-tabs:after,.su-row:after,div:after{content:'';clear:both;display:block}
div.tab-content{padding:16px;border:1px solid #e4e4e4;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.su-row .su-column-size-1-3{width:30%}
.su-row .su-column{display:block;float:left;box-sizing:border-box;margin:0 0 0 4%;border:1px solid #ccc;border-radius:4px}
.su-row .su-column:first-child{margin-left:0}
.su-row{margin-bottom:.5em}
.su-text{padding:15px 5px;text-align:center}
.su-imgbox{max-height:180px;overflow:hidden}
.su-imgbox img{object-fit:cover;height:100%;width:100%;transition:.5s}
.su-imgbox img:hover{transform:scale(1.1)}
.col-sm-6{width:50%;float:left}
a.sf-button.sf-icon-stroke.transparent-light{border:1px solid rgba(255,255,255,.5);display:inline-block;color:#fff}
a.sf-button.large.sf-icon-stroke em{padding:21px 16px 8px;height:54px;font-size:22px}
a.sf-button.large.sf-icon-stroke span.text{padding:10px 30px 14px 84px;line-height:26px}
a.sf-button.large.sf-icon-stroke em{padding:21px 16px 8px;height:54px;font-size:22px;border-right:1px solid rgba(255,255,255,.5)}
a.sf-button{border-radius:4px}
a.sf-button.sf-icon-stroke em{padding:16px 14px 9px;border-right:1px solid rgba(0,0,0,.1);left:0;top:0;font-size:18px;height:46px;line-height:16px;display:inline-block;position:absolute}
a.sf-button{display:inline-block;font-size:12px;line-height:18px;height:auto;padding:14px 16px;margin:0 10px 20px 0;font-weight:700;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;border:0;position:relative;overflow:hidden;outline:0;text-shadow:none;text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;vertical-align:middle;max-width:100%}
a.sf-button:hover{background:#fff;color:#0baae8!important}
.sue-panel.sue-panel-clickable{padding:15px;text-align:center;background-color:#fff;color:#0baee8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 2px #eee;-moz-box-shadow:0 1px 2px #eee;-webkit-box-shadow:0 1px 2px #eee;border:1px solid #0baee8}
.tab-pane:not(.active){display:none;}
.tab-content{margin-bottom:20px;}
.su-row .su-column img{aspect-ratio: 1;width:100%}
.sue-photo-panel{text-align: center;}