/*企业布局*/
/*动画*/
.tb-animate{visibility:hidden}
.tb-animate-active{visibility:visible;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.tb-animate-active.tb-fadeInUp{-webkit-animation-name:tb-fadeInUp;animation-name:tb-fadeInUp}
.tb-animate-active.tb-his-upin{-webkit-animation-name:tb-his-upin;animation-name:tb-his-upin}
.tb-animate-active.tb-slideInRight{-webkit-animation-name:tb-slideInRight;animation-name:tb-slideInRight}
.tb-animate-active.tb-slideInLeft{-webkit-animation-name:tb-slideInLeft;animation-name:tb-slideInLeft}
.tb-animate-active.tb-zoomIn{-webkit-animation-name:tb-zoomIn;animation-name:tb-zoomIn}
@-webkit-keyframes tb-fadeInUp{from{opacity:0;transform:translate(0,100px)}
to{opacity:1;transform:translate(0,0)}
}
@-moz-keyframes tb-fadeInUp{from{opacity:0;transform:translate(0,100px)}
to{opacity:1;transform:translate(0,0)}
}
@-o-keyframes tb-fadeInUp{from{opacity:0;transform:translate(0,100px)}
to{opacity:1;transform:translate(0,0)}
}
@keyframes tb-fadeInUp{from{opacity:0;transform:translate(0,100px)}
to{opacity:1;transform:translate(0,0)}
}
@-webkit-keyframes tb-his-upin{from{opacity:0;transform:translate(-50%,100px)}
to{opacity:1;transform:translate(-50%,0)}
}
@-moz-keyframes tb-his-upin{from{opacity:0;transform:translate(-50%,100px)}
to{opacity:1;transform:translate(-50%,0)}
}
@-o-keyframes tb-his-upin{from{opacity:0;transform:translate(-50%,100px)}
to{opacity:1;transform:translate(-50%,0)}
}
@keyframes tb-his-upin{from{opacity:0;transform:translate(-50%,100px)}
to{opacity:1;transform:translate(-50%,0)}
}
@-webkit-keyframes tb-slideInLeft{from{transform:translate(-100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-moz-keyframes tb-slideInLeft{from{transform:translate(-100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-o-keyframes tb-slideInLeft{from{transform:translate(-100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@keyframes tb-slideInLeft{from{transform:translate(-100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-webkit-keyframes tb-slideInRight{from{transform:translate(100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-moz-keyframes tb-slideInRight{from{transform:translate(100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-o-keyframes tb-slideInRight{from{transform:translate(100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@keyframes tb-slideInRight{from{transform:translate(100%,0);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@-webkit-keyframes tb-step-arrow{0%{opacity:0;transform:translateX(-8px)}
50%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(8px)}
}
@-moz-keyframes tb-step-arrow{0%{opacity:0;transform:translateX(-8px)}
50%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(8px)}
}
@-o-keyframes tb-step-arrow{0%{opacity:0;transform:translateX(-8px)}
50%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(8px)}
}
@keyframes tb-step-arrow{0%{opacity:0;transform:translateX(-8px)}
50%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(8px)}
}
@-webkit-keyframes tb-zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@-moz-keyframes tb-zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@-o-keyframes tb-zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes tb-zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@-moz-keyframes tb-wobble{0%{transform:translateY(0)}
16%{transform:translateY(8px)}
33.3%{transform:translateY(-6px)}
50%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83%{transform:translateY(1px)}
100%{transform:translateX(0)}
}
@-o-keyframes tb-wobble{0%{transform:translateY(0)}
16%{transform:translateY(8px)}
33.3%{transform:translateY(-6px)}
50%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83%{transform:translateY(1px)}
100%{transform:translateX(0)}
}
@keyframes tb-wobble{0%{transform:translateY(0)}
16%{transform:translateY(8px)}
33.3%{transform:translateY(-6px)}
50%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83%{transform:translateY(1px)}
100%{transform:translateX(0)}
}
/*首页数字分块布局*/
.tb-custome-wraper{padding:100px 0;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}
.tb-custome-wraper.tb-white{background-color:var(--tb--white)}
.tb-custome-wraper.tb-grey{background-color:var(--tb--gray)}
.tb-custome-wraper .m-title{position:relative;margin:0;font-size:26px;text-align:center;letter-spacing:2px;transition:all .3s}
.tb-custome-wraper .m-title span{color:var(--tb--main)}
.tb-custome-wraper .decorate{position:absolute;content:"";height:4px;width:30px;left:50%;bottom:0;background:var(--tb--main);border-radius:4px;transform:translateX(-50%)}
.tb-custome-wraper .decorate-on{padding-bottom:10px}
.tb-custome-wraper .decorate-on+.m-desc{margin-top:20px}
.tb-custome-wraper .m-desc{margin:8px 0 0 0;font-weight:normal;font-size:18px;text-align:center;letter-spacing:1px;transition:all .3s}
.tb-custome-wraper .tb-c-w.with-title{margin-top:60px}
.tb-custome-wraper .tb-nodata{padding:0;margin-top:60px;background:none}
@media(max-width:1024px){.tb-custome-wraper .tb-hide-3 .tb-m-item:last-child,.tb-custome-wraper .tb-hide-3 .post-item:last-child{display:none}
}
@media(max-width:768px){.tb-custome-wraper{padding:70px 0}
.tb-custome-wraper .container{padding:0 10px}
.tb-custome-wraper .m-title{font-size:22px}
.tb-custome-wraper .decorate-on{padding-bottom:8px}
.tb-custome-wraper .decorate-on+.m-desc{margin-top:12px}
.tb-custome-wraper .m-desc{font-size:16px}
.tb-custome-wraper .tb-c-w.with-title{margin-top:40px}
}
@media(max-width:640px){.tb-custome-wraper{padding:32px 0}
.tb-custome-wraper .m-title{font-size:22px}
.tb-custome-wraper .decorate{height:4px;width:20px}
.tb-custome-wraper .m-desc{margin-top:6px;font-size:14px}
.tb-custome-wraper:not(.tb-m-partner) .tb-hide-3 .tb-m-item:last-child,.tb-custome-wraper:not(.tb-m-partner) .tb-hide-3 .post-item:last-child{display:block}
.tb-custome-wraper .tb-hide-2 .tb-m-item:last-child,.tb-custome-wraper .tb-hide-2 .post-item:last-child{display:none !important}
.tb-custome-wraper .tb-c-w.post-list{margin-bottom:-8px}
.tb-custome-wraper .tb-c-w.with-title{margin-top:24px}
}
.tb-m-digitalize .tb-c-w{display:flex;flex-wrap:wrap;justify-content:center}
.tb-m-digitalize .tb-m-item{flex:1;padding:0 24px;text-align:center}
.tb-m-digitalize .tb-m-i-count{margin-right:4px;font-size:40px;font-weight:800}
.tb-m-digitalize .tb-m-i-info{font-size:14px;color:var(--tb--main)}
.tb-m-digitalize .tb-m-i-name{font-size:15px}
@media(max-width:1024px){.tb-m-digitalize .tb-m-item{padding:0 16px}
}
@media(max-width:768px){.tb-m-digitalize .tb-m-i-count{font-size:30px}
}
@media(max-width:640px){.tb-m-digitalize .tb-m-item{padding:15px 0;flex:0 0 50%}
.tb-m-digitalize .tb-m-item:nth-child(3),.tb-m-digitalize .tb-m-item:nth-child(4){margin-top:16px}
.tb-m-digitalize .tb-m-i-info{font-size:16px}
.tb-m-digitalize .tb-m-i-count{margin-right:2px;font-size:36px}
.tb-m-digitalize .tb-m-i-name{font-size:14px}
}
/*首页左右两块布局，左大图，右文字*/
.tb-m-about {margin-bottom:20px}
.tb-m-about .container{display:flex;flex-wrap:nowrap;align-items:center}
.tb-m-about video{display:block}
.tb-m-about .ab-img-wraper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 32px);overflow:hidden;background:none}
.tb-m-about .ab-img-wraper img{width:100%}
.tb-m-about .ab-detail{flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 32px)}
.tb-m-about .ab-detail.ab-1{padding-left:64px}
.tb-m-about .ab-detail.ab-2{padding-right:64px}
.tb-m-about .m-title{margin-bottom:24px;text-align:left}
.tb-m-about .m-title+.m-describe{margin-top:0}
.tb-m-about .decorate{left:0;transform:translateX(0)}
.tb-m-about .m-describe{margin:16px 0 0 0;text-align:left;line-height:1.6;font-size:15px;text-align:justify}
.tb-m-about .tb-m-more{display:inline-block;text-align:left}
@media(max-width:1024px){.tb-m-about .ab-img-wraper{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 24px)}
.tb-m-about .ab-detail{flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 24px)}
.tb-m-about .ab-detail.ab-1{padding-left:48px}
.tb-m-about .ab-detail.ab-2{padding-right:48px}
}
@media(max-width:768px){.tb-m-about .container{flex-wrap:wrap}
.tb-m-about .ab-img-wraper,.tb-m-about .ab-detail{flex:0 0 100%;margin:0 auto}
.tb-m-about .ab-detail.ab-1{padding:48px 0 0 0}
.tb-m-about .ab-detail.ab-2{padding:0 0 48px 0}
.tb-m-about .decorate-on+.m-desc{margin-top:20px}
.tb-m-about .m-describe{margin-top:16px;font-size:15px}
}
@media(max-width:640px){.tb-m-about{padding:0}
.tb-m-about .container{margin:0 !important}
.tb-m-about .m-title{text-align:center}
.tb-m-about .decorate{left:50%;transform:translateX(-50%)}
.tb-m-about .ab-detail{position:relative}
.tb-m-about .ab-detail.ab-1,.tb-m-about .ab-detail.ab-2{padding:24px 20px}
.tb-m-about .tb-m-more{text-align:center}
}
/*首页，图文展示，带动画*/
.pro-tag{max-height:26px;margin-top:12px;overflow:hidden}
.pro-tag a{display:inline-block;margin-right:8px;padding:4px 8px;border-radius:4px;background:var(--tb--tint);font-size:12px}
.pro-tag a:hover{color:var(--tb--main)}
.post-list{margin:0;padding:0;list-style:none}
.post-list .post-item{margin-bottom:24px}
.post-list .post-item:hover .tb-thumb img{transform:scale(1.1)}
.post-list .tb-thumb img{border-radius:4px;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .3s}
.post-list .post-title{position:relative;margin:0;font-size:18px;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word}
.post-list .post-title:hover a{color:var(--tb--main)}
.post-list .post-content{margin:0;color:#525252;text-align:justify}
@media(max-width:890px){.post-list .post-title{font-size:16px}
}
@media(max-width:640px){.post-list .post-title{font-size:14px;font-weight:500}
}
.tb-m-post .post-list{margin-bottom:-24px;border-bottom:1px solid rgba(0,0,0,0)}
.tb-m-post .post-list>.tb-nodata{margin:0 auto 24px auto}
.tb-m-post .post-list .with-metas{background:var(--tb--white);box-shadow:0 0 12px rgba(0,0,0,.08)}
.tb-m-post .title-hover{position:relative}
.tb-m-post .title-hover .post-detail{padding:0;visibility:hidden;opacity:0;transition:opacity .25s}
.tb-m-post .title-hover .post-detail a{color:#fff;padding:24px;position:absolute;display:flex;align-items:center;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}
.tb-m-post .title-hover .post-title{flex:1}
.tb-m-post .title-hover:hover .post-detail{visibility:visible;opacity:1}
@media(max-width:640px){.tb-m-post .post-list-product .post-item,.tb-m-post .post-list-news .post-item,.tb-m-post .post-list-question .post-item{margin:0 0 8px 0}
}
@media(max-width:640px){.tb-m-post .post-list-default .post-item{margin-bottom:8px;border-bottom:none}
.tb-m-post .post-list-default .tb-like{display:none}
}
.tb-m-post .post-list-case{margin:0 auto;margin-right:-24px;justify-content:center}
.tb-m-post .post-list-case .post-title{text-align:center}
@media(max-width:1024px){.tb-m-post .post-list-case{justify-content:center}
}
@media(max-width:640px){.tb-m-post .post-list-case{margin-left:0;margin-right:-15px}
.tb-m-post .post-list-case .post-title{text-align:center}
}
.tb-m-post .post-list-product::after{display:block;content:"";width:0;height:0;clear:both}
.tb-m-post .post-list-product .post-item{float:left;width:calc(50% - 12px)}
.tb-m-post .post-list-product .post-item:nth-child(2n+1){margin-right:24px}
@media(min-width:641px){.tb-m-post .post-list-product .tb-thumb{flex:0 0 200px;height:132px}
}
.tb-m-post .post-list-product .post-content{margin-top:6px}
@media(max-width:1024px){.tb-m-post .post-list-product .post-item{float:unset;width:100%}
}
@media(min-width:891px){.tb-m-post .post-list-product .to-view{margin-top:8px}
}
@media(max-width:640px){.tb-m-post .post-list-question{margin-left:0;margin-right:0}
}
.tb-m-post .post-list-simple{box-shadow:0 0 12px rgba(0,0,0,.08)}
.post-list-product .post-item{display:flex;flex-wrap:wrap;align-items:center;padding:24px;overflow:hidden}
.post-list-product .tb-thumb{flex:0 0 300px;height:200px;margin-right:24px;overflow:hidden}
.post-list-product .tb-content{flex:1}
.post-list-product .to-view{display:inline-block;margin-top:24px;color:var(--tb--main)}
.post-list-product .to-view:hover{opacity:.85}
.post-list-product .post-content{margin-top:16px;color:#8a8a8a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word}
@media(max-width:890px){.post-list-product .tb-thumb{flex:0 0 200px;height:132px;margin-right:16px}
.post-list-product .post-content{display:none}
.post-list-product .to-view{margin-top:16px}
}
@media(max-width:640px){.post-list-product .post-item{padding:15px;margin:0 15px 8px 15px}
.post-list-product .tb-thumb{flex:0 0 120px;height:80px;margin-right:12px}
}
.post-list-case{display:flex;margin-right:-24px;flex-wrap:wrap;align-items:stretch}
.post-list-case .post-item{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 24px);margin:0 24px 24px 0;overflow:hidden}
.post-list-case .post-item:not(.with-metas){background:none}
.post-list-case .with-metas .tb-thumb{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}
.post-list-case .with-metas .post-detail{padding:16px 24px 24px 24px}
.post-list-case .pro-tag{text-align:center}
.post-list-case .pro-tag a{margin:0 4px}
.post-list-case .-buy{display:flex;justify-content:center;margin-top:12px}
.post-list-case .-btw{justify-content:space-between}
.post-list-case .pro-price,.post-list-case .pro-link{margin:0}
.post-list-case .tb-thumb{position:relative;display:block;padding-top:66.66%;overflow:hidden}
.post-list-case .tb-thumb img{position:absolute;top:0;left:0;}
.post-list-case .post-detail{padding-top:8px}
.post-list-case .post-title{font-size:15px;text-align:center}
@media(max-width:1024px){.post-list-case .post-item{flex-grow:0;flex-shrink:0;flex-basis:calc(33.3% - 24px)}
}
@media(max-width:890px){.post-list-case .post-title{font-size:15px}
}
@media(max-width:640px){.post-list-case{margin:0 0 0 15px;padding-bottom:0 !important}
.post-list-case .post-item{margin:0 15px 15px 0;padding:0;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 15px)}
.post-list-case .post-title{font-size:14px}
.post-list-case .with-metas .post-detail{padding:15px}
.post-list-case .pro-tag,.post-list-case .-buy{display:none}
}
.post-list-question{display:flex;margin-right:-24px;flex-wrap:wrap}
.post-list-question .post-item{width:calc(50% - 24px);margin-right:24px;padding:24px;transition:all .3s}
.post-list-question .post-title{min-height:24px;margin-bottom:16px;position:relative;padding-left:36px}
.post-list-question .post-title:before{position:absolute;content:"Q";left:0;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;font-weight:bold;border-radius:4px;color:#fff;background:var(--tb--main)}
.post-list-question .post-title::before{top:1px}
.post-list-question .post-content{color:#8a8a8a;position:relative;padding-left:36px}
.post-list-question .post-content:before{position:absolute;content:"A";left:0;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;font-weight:bold;border-radius:4px;color:#8a8a8a;background:#eee}
@media(max-width:1024px){.post-list-question{margin-right:0}
.post-list-question .post-item{width:100%;margin-right:0}
}
@media(max-width:890px){.post-list-question .post-item{padding:22px 24px 24px 24px}
.post-list-question .post-title{padding-top:2px}
.post-list-question .post-title::before{top:0}
}
@media(max-width:640px){.post-list-question{display:block;margin:0 15px}
.post-list-question .post-item{width:100%;margin-bottom:8px;padding:15px}
.post-list-question .post-title{padding-top:3px}
}
.tb-m-feedback .tb-c-w{position:relative;width:100%;overflow:hidden;text-align:center}
.tb-m-feedback .swiper-inner{display:flex;width:100%;flex-wrap:nowrap}
.tb-m-feedback .tb-m-item{position:relative;flex-shrink:0;width:100%;padding:0 0 28px 0}
.tb-m-feedback .tb-m-i-avatar{width:90px;max-height:90px;margin:0 auto 12px auto;border-radius:50%;overflow:hidden}
.tb-m-feedback .tb-m-i-avatar img{width:90px;height:90px;-o-object-fit:cover;object-fit:cover}
.tb-m-feedback .tb-m-i-name{margin-bottom:16px;font-size:16px;font-weight:bold;text-align:center;color:#202935}
.tb-m-feedback .tb-m-i-desc{position:relative;margin-top:32px;padding:16px 24px;font-size:16px;text-align:justify;line-height:1.6}
.tb-m-feedback .tb-m-i-desc .tbfa{text-align:left;margin-right:12px;color:var(--tb--main);font-size:28px;opacity:.3;line-height:1;vertical-align:text-bottom}
.tb-m-feedback .tb-m-i-desc .icon-double-quotes-r{text-align:right;margin:0 0 0 12px;vertical-align:text-top}
.tb-m-feedback .tb-m-i-desc::before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:var(--tb--main);border-radius:6px;opacity:.05}
.tb-m-feedback .tb-m-i-desc::after{position:absolute;content:"";border:16px solid rgba(0,0,0,0);border-bottom:16px solid var(--tb--main);top:-32px;left:50%;transform:translateX(-50%);opacity:.05}
.tb-m-feedback .swiper-pagination{bottom:0;width:100%}
.tb-m-feedback .swiper-pagination .swiper-pagination-bullet-active{background:var(--tb--main)}
@media(max-width:768px){.tb-m-feedback .tb-m-i-desc{padding:16px}
}
@media(max-width:640px){.tb-m-feedback .tb-m-item{padding-bottom:48px}
.tb-m-feedback .tb-m-i-desc{text-align:left}
.tb-m-feedback .tb-m-i-name,.tb-m-feedback .tb-m-i-avatar{margin-bottom:8px}
.tb-m-feedback .swiper-pagination-bullet{margin:0 3px}
}