@charset "utf-8"; 
:root {--color: #3AB3C3;}
.home-tcca{padding:4% 0;background:#EAF1F2;}
.home-tcca .tcca-inner{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-tcca .tcca-inner .tcca-left{width:27%}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum{box-shadow: 0 6px 10px 0 rgba(0,60,44,.12);transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;margin-top: 0;margin-bottom: 20px;padding: 30px 20px;display:flex;align-items: center;border-radius: 20px;background:#fff;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum:last-child{margin-bottom:0;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .icon{width:30%;padding:10px;text-align: center;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox{width:70%;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox .num{font-size:46px;font-weight:var(--fontbold7);color:#333f41;line-height:1.1}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox p{color:#54595f;font-size:24px;}
.home-tcca .tcca-inner .tcca-right{width:70%;}
.home-tcca .tcca-inner .tcca-right .innerbox{display: flex;flex-wrap:wrap;justify-content: space-between;}
.home-tcca .tcca-inner .tcca-right .innerbox li{width:49%;border-radius: 40px;position: relative;overflow: hidden;margin-bottom:15px}
.home-tcca .tcca-inner .tcca-right .innerbox li img{width:100%;display:block;transition: all .3s;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box{position:absolute;top:0;left:0;z-index:2;background:rgb(51 63 65 / 70%);width:50%;height:100%;padding:15px;display:flex;flex-direction: column;justify-content: center;color:#fff;font-weight:var(--fontbold7)}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .singgle{font-size:60px;line-height:1.2}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .word{font-size:28px;position: relative;text-transform: capitalize;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .word:after{content:'';width:95px;height:3px;margin-top:10px;background:#fff;display:block;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .des{font-size:22px;line-height:1.2;font-weight:normal;margin-top:10px;}
@media (min-width:1025px){.home-tcca .tcca-inner .tcca-right .innerbox li:nth-child(n+3){margin-bottom:0;}}
.home-tcca .tcca-inner .tcca-right .innerbox li:hover img{transform: scale(1.1);}
@media (max-width:1440px){.home-tcca .tcca-inner .tcca-left .numCount .itemnum{padding:20px 10px;}}
@media (max-width:1366px){.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox .num{font-size:40px;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .singgle{font-size:50px;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .word{font-size:26px;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .des{font-size:18px;}}
@media (max-width:1280px){.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox .num{font-size:34px;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum{padding:15px 10px;}}
@media (max-width:1024px){.home-tcca .tcca-inner .tcca-left,.home-tcca .tcca-inner .tcca-right{width:100%;margin:15px 0;}
.home-tcca .tcca-inner .tcca-left .numCount{display: flex;flex-wrap:wrap;justify-content: space-between;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum{width:49%;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum:nth-child(3){margin-bottom:0;}}
@media (max-width:768px){.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox .num{font-size:24px;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox p{font-size:18px;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .word{font-size:22px;line-height: 1.2;}
.home-tcca .tcca-inner .tcca-right .innerbox li .t-box .des{font-size:16px;}}
@media (max-width:550px){.home-tcca .tcca-inner .tcca-left .numCount .itemnum .icon{padding:4px;}
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .numbox p{font-size:14px;}
.home-tcca .tcca-inner .tcca-right .innerbox li{width:100%;border-radius: 20px;}
.home-tcca .tcca-inner .tcca-right .innerbox li img{max-height:200px;object-fit: cover;}}
.home-logo{padding-top:4%;}
.home-application .wmpage29-contant{position: relative;}
.home-application .wmpage29-indexbg{overflow:hidden;width:100%;z-index:1;position: relative;}
.home-application .wmpage29-indexbg div{width:100%;height:100%;display:none;}
.home-application .wmpage29-indexbg:before{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:1;}
.home-application .wmpage29-indexbg div img{opacity:0;width:100%;display:block;transition:all 2.6s cubic-bezier(.215,.61,.355,1) 0s;}
.home-application .wmpage29-indexbg div.imgon{opacity:1;z-index:10;display:block !important}
.home-application .wmpage29-bgad.imgon img{opacity:1!important;transform:scale(1.08,1.08);}
.home-application .wmpage29-contant .inner{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items: center;}
.home-application .inner .l-wrap{display:flex;flex-wrap:wrap;justify-content: space-around;}
.home-application .inner .l-wrap .wm-left{width:20%;}
.home-application .inner .l-wrap .wm-left .item p{color:#fff;cursor:pointer;font-size:26px;padding:20px 0;}
.home-application .inner .l-wrap .wm-left .item p:after{content:'';width:100%;height:3px;background:transparent;display:block;margin-top:10px;}
.home-application .inner .l-wrap .wm-left .item p.active:after{background:#fff;}
.home-application .inner .l-wrap .wmpage29-appli{width:60%;}
.home-application .inner .l-wrap .title-box{width:100%;margin-bottom:5%;transform: translateY(-50%);}
.home-application .inner .l-wrap .title-box .home-des{color:var(--color);margin-bottom:0;font-family:cursive;font-size:30px;}
.home-application .inner .l-wrap .title-box .home-title{color:#fff;}
.home-application .wmpage29-contant .swiper-slide{display:none;color:#fff;}
.home-application .wmpage29-contant .swiper-slide.active{display:block;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:40px;text-transform:uppercase;font-weight:var(--fontbold7);line-height:1.1}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{font-size:20px;margin:20px 0;}
.home-application .wmpage29-contant .swiper-slide .more a{font-size:18px;padding:7px 20px;border:2px solid #fff;display:inline-block;transition: all .3s;color:#fff;border-radius: 5px;text-transform: capitalize;}
.home-application .wmpage29-contant .swiper-slide .more a:hover{background:#fff;color:var(--fontcolor);}
@media (min-width:1025px){.home-application .inner .l-wrap .title-box .home-title{font-size:50px;}}
@media (max-width:1440px){.home-application .inner .l-wrap .wm-left .item p{padding:15px 0;}
.home-application .inner .l-wrap .wm-left{width:22%;}
.home-application .inner .l-wrap .title-box{transform: inherit;}
.home-application .inner .l-wrap .wm-left .item p{font-size:24px;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{font-size:18px;}}
@media (max-width:1024px){.home-application .inner .l-wrap .title-box .home-des{font-size:22px;}
.home-application .inner .l-wrap .wm-left{width:100%;}
.home-application .inner .l-wrap .wm-left .item{display:flex;justify-content: space-between;}
.home-application .inner .l-wrap .wm-left .item p{padding:10px 0;font-size:18px;width:33.33%;text-align: center;}
.home-application .inner .l-wrap .wmpage29-appli{width:100%;margin-top:20px;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2,.wmpage29-contant .swiper-slide .more a{font-size:16px;}
.home-application .inner .l-wrap .title-box{margin-bottom:20px;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:32px;}}
@media (max-width:768px){.home-application .wmpage29-indexbg div img{height:80vw;object-fit: cover;}}
@media (max-width:550px){.home-application .wmpage29-indexbg div img{height:150vw;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{margin:10px 0;line-height:1.4}
.home-application .inner .l-wrap .wm-left .item p{font-size:16px;padding:0 5px;min-height:60px;position: relative;}
.home-application .inner .l-wrap .wm-left .item p:after{position:absolute;bottom:0;}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:26px;}
.home-application .wmpage29-contant .swiper-slide .more a{padding-top:5px;padding-bottom:5px;}}
@media (max-width:350px){.home-application .wmpage29-indexbg div img{height:200vw;}}
.home-banner .home-more{background:none;border:1px solid #fff;color:#fff}
.home-banner .home-more:hover{color:var(--fontcolor);background: #fff;}
@media (min-width:769px){.home-banner .banner-animote .p2{max-width:60%;margin-bottom:30px;}}
@media (max-width:768px){.home-banner .banner-animote .p2{line-height:1.3;font-size:12px;}}
.home-banner .swiper-slide>a::after{display:none}
@media (min-width:1025px){.head-nav .nav-ul>li>a{color:var(--fontcolor)}}
.head-nav .nav-ul>li>a.inmenu_1{color: #3eb4c5 !important;}
.head-nav .nav-ul>li>a.inmenu_1 ,.head-nav .nav-ul>li:hover>a ,.head-nav .nav-ul>li>ul li:hover>a {color: #3eb4c5 !important;}
.head-nav .nav-ul>li>a.inmenu_1::before ,.head-nav .nav-ul>li:hover>a::before ,.head-nav .nav-ul>li>a::before{background: #3eb4c5 ;}
.singgle-main  .page-nav{display: none; }
.nobanner header , .nobanner header .head-top{background: #fff;}
 @media (min-width:1024px) {
body{ padding-top: 120px; }
.head-top .head-right .head-share{ width: auto }
.top-active .head-nav .nav-ul>li>a, .head-top{color:var(--fontcolor)}
.head-top{background: #34b1c2; color: #fff ;}
.head-top .head-right .head-share ul {opacity: 1;transform: translateX(0);overflow: inherit;visibility: inherit;position: static;}}
.home-mainpro{overflow:hidden}
.home-mainpro{padding:4% 0}
.home-mainpro .hotproduct-l{width:100%;padding-right:3%;display:flex}
.home-mainpro .hotproduct-r{width:77%;position:relative;overflow:hidden}
.home-mainpro .hotprocate{border-left:1px solid #bfbfbf;margin:20px 0 50px;padding-right:10%}
.home-mainpro .hotprocate li{padding:10px 0 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.home-mainpro .hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0;left:0;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.home-mainpro .hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0;left:0;opacity:0}
.home-mainpro .hotpro-list-act{transform:scale(1);position:static;opacity:1}
.home-mainpro .hotpro-list li{width:32%;margin:0 20px 20px 0}
.home-mainpro .hotproduct-r{width:77%;position:relative;overflow:hidden}
.home-mainpro .hotprocate .hotprocate-act::before,.home-mainpro .hotprocate li:hover::before{opacity:1}
.home-mainpro .hotprocate .hotprocate-act,.home-mainpro .hotprocate li:hover{color:var(--color)}
@media(max-width:1366px){.home-mainpro .hotpro-list li{width:31%}}
.home-mainpro .hotpro-list li>a{display:block;overflow:hidden;position:relative}
.home-mainpro .hotpro-list li:nth-child(3n){margin-right:0}
.home-mainpro .hotpro-list li:nth-child(n+4){margin-bottom:0}
.home-mainpro .hotpro-list li:hover .hotpro-box{bottom:0}
.home-mainpro .hotpro-list li:hover img{transform:scale(1.05)}
@media(max-width:1367px){.home-mainpro .hotproduct-l{width:25%}
.home-mainpro .hotproduct-r{width:75%}}
@media(max-width:1024px){.home-mainpro .hotpro-list li{width:49%;margin-right:2%}
.home-mainpro .hotpro-list li:nth-child(3n){margin-right:2%}
.home-mainpro .hotpro-list li:nth-child(2n){margin-right:0}
.home-mainpro .hotproduct-l,.home-mainpro .hotproduct-r{width:100%}
.home-mainpro .hotproduct-l{padding-bottom:6%}
.home-mainpro .hotprocate,.home-mainpro .hotproduct-l{padding-right:0}}
@media(max-width:768px){.home-mainpro .hotprocate,.home-mainpro .hotproduct-l .home-more{display:none}
.home-mainpro .hotproduct-l .home-title{text-align:center}}
@media(max-width:415px){.home-mainpro .hotprocate li{left:-1px}
.home-mainpro .hotprocate{margin:20px 0}
.home-mainpro .hotprocate li{margin-bottom:0}}
.home-mainpro .hotproduct-r{width:100%}
.home-mainpro .hotpro-list-act{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.home-mainpro .hotpro-list-act li{width:100%;border-radius:50px 0 50px 0;overflow:hidden;height:100%;margin:0 auto}
.home-mainpro .hotpro-list-act li .hotpro-img{aspect-ratio:380/380}
.home-mainpro .hotpro-title{text-align:center;background-color:#eaf1f2;line-height:3;min-height:95px}
.home-mainpro .hotproduct-l{margin-right:0}
.home-mainpro .hotprocate{padding-right:0;width:100%;display:flex;justify-content:space-between}
.home-mainpro .hotprocate .hotprocate-act{color:#fff!important;background-color:var(--color)!important}
.home-mainpro .hotprocate .hotprocate-act::before{display:none}
.home-mainpro .hotprocate .hotprocate-act::before,.home-mainpro .hotprocate li:hover::before{opacity:0}
.home-mainpro .hotprocate{border-left:none}
.home-mainpro .hotprocate li{padding:10px 10px;border-radius:5px;margin-right:10px}
.home-mainpro .hotprocate li:hover{background:#333f41;color:#fff}
@media (max-width:1024px){.home-mainpro .hotpro-list-act{grid-template-columns:repeat(2,1fr)}
.home-mainpro .hotprocate{flex-wrap:wrap;justify-content:center}}
.head-nav .nav-ul>li>a{font-size: var(--fontsize22); }
.head-nav{flex: 1;justify-content: center;}
.home-mainpro .hotpro-img img{width: 100%;height: 100%; object-fit: cover;}
#floatwindow_chat_window ul li{list-style:none;}
#floatwindow_chat_window ul li:nth-child(6){display:none;}
.floatwindow_fd_bar>ul>li{list-style: none;}
.prodetails-meta{display:none;}
.prodetails-info .prodetails-name{margin-bottom:15px;}
@media (min-width:1025px){header{height:120px}}
.singgle-main .about-us .home-choose .chooseinfo .home-title , .singgle-main .about-us .home-choose .chooseinfo .text{text-align:center} 
.singgle-main .about-us .home-choose .chooseinfo ul{margin:30px auto 0; width: 60%;}
@media (max-width:768px){.pagesbanner,.pagesbanner img, .pagesbanner video{min-height:initial;}
.singgle-main .about-us .home-choose .chooseinfo ul{width:100%;}
.table-wrap{width:100%;overflow-x: auto;}
::-webkit-scrollbar-track{border-radius:10px;background:rgba(122,122,122,.1);box-shadow:inset 0 0 5px rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb{background:#D7D7D7;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
::-webkit-scrollbar{width:8px;height:8px}}
.preview-container .small-box {background: initial;box-shadow: initial;}
.prodetails-tabs{display:none;}
.prodetails-content{margin-top:5%;}
@media (max-width:768px){.prodetails-content{margin-top:30%;}}