#body{background:#F4F8FC}.section-banner{min-height:240px;overflow:hidden;background:url(../../images/product/banner.jpg) no-repeat;background-size:cover}.section-banner .max-title{max-width:1075px;width:100%;margin:auto;padding-left:20px;padding-right:20px;position:relative;min-height:240px}.section-banner .title_banner{top:50%;left:20px;transform:translate(0,-50%);font-size:60px;position:absolute;display:inline-block;color:#fff;margin:0;font-family:kanitmedium;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.xs_dropdown{width:100%}.menusub{display:flex;flex-wrap:wrap}.menusub .itemsub{cursor:pointer;padding:16px 24px;background:#8CA0B3;border-radius:6px;font-size:16px;line-height:1;display:none;color:#fff;margin-bottom:15px;margin-right:15px}.dropdown,.menusub .itemsub.active{background:#0F66AD}.dropdown{cursor:pointer;text-align:left;padding-left:20px;padding-right:35px;line-height:50px;display:inline-block;font-size:18px;color:#fff;position:relative;height:56px;width:100%;border:1px solid #0F66AD;border-radius:6px;margin-bottom:20px}.dropdown.invalid{border-color:#d90f0f}.dropdown .arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease-out 0s;width:13px;height:8px;background:url(../../images/news/arrow-w.svg) no-repeat}.dropdown.active .arrow{transform:translateY(-50%) rotate(180deg)}.dropdown .listdrop{display:none;position:absolute;top:64px;color:#0F66AD;min-width:100%;right:0;left:-2px;z-index:11;background:#fff;padding:10px 0;border-radius:12px;box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.dropdown .listdrop.allcall{display:none}.dropdown .listdrop .selectop{display:block;padding:11px 20px;line-height:20px}.dropdown .listdrop .selectop:hover{background-color:#476784;color:#fff}.notfound{margin:50px 0}.section-list{padding:50px 0}.section-list .main-list{max-width:1075px;width:100%;min-height:300px;margin:auto;padding-left:20px;padding-right:20px;display:flex}.section-list .main-list .col-left{width:270px;padding-right:30px}.section-list .main-list .col-left h2{font-size:20px;color:#09121F;font-family:kanitbold;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;margin-bottom:30px}.section-list .main-list .col-left .menu-cat .item-cat{cursor:pointer;width:240px;border-radius:4px;padding:10px 20px 10px 15px;color:#909EB0;font-size:18px;font-family:kanitbold;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;margin-bottom:15px;background:url(../../images/product/arrow-g.svg) 97% center no-repeat}.section-list .main-list .col-left .menu-cat .item-cat.active,.section-list .main-list .col-left .menu-cat .item-cat:hover{background:url(../../images/product/arrow-w.svg) 97% center no-repeat #0F66AD;color:#fff}.section-list .main-list .col-left .menu-cat .subcat{padding-left:30px;padding-right:15px;display:none}.section-list .main-list .col-left .menu-cat .subcat .subitem{display:block;font-size:18px;color:#909EB0;cursor:pointer;margin-bottom:10px}.section-list .main-list .col-left .menu-cat .subcat .subitem.select{color:#09121F;font-family:kanitbold;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.section-list .main-list .col-right .col-product .thumb-pro h3,.section-list .main-list .col-right h2{font-family:kanitmedium;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale}.section-list .main-list .col-right{width:100%}.section-list .main-list .col-right h2{margin-top:6px;margin-bottom:26px;font-size:36px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;color:#0F66AD}.section-list .main-list .col-right .col-product{display:flex;margin-left:-10px;margin-right:-10px;flex-wrap:wrap}.section-list .main-list .col-right .col-product .thumb-pro{width:33.33%;padding:0 10px;margin-bottom:40px}.section-list .main-list .col-right .col-product .thumb-pro .min-h{min-height:140px}.section-list .main-list .col-right .col-product .thumb-pro .bg{background:#fff;padding:15px;border:2px solid transparent;box-shadow:0 4px 20px 0 rgba(0,0,0,.1);position:relative}.section-list .main-list .col-right .col-product .thumb-pro .bg .block-image{position:relative}.section-list .main-list .col-right .col-product .thumb-pro .bg .block-image:before{display:block;content:"";width:auto;left:0;padding-top:100%;right:0}.section-list .main-list .col-right .col-product .thumb-pro .bg .btn-next{width:40px;height:40px;bottom:-20px;left:20px;position:absolute;background:#0F66AD;border-radius:50%}.section-list .main-list .col-right .col-product .thumb-pro .bg .btn-next:hover,.section-list .main-list .col-right .col-product .thumb-pro:hover .bg .btn-next{background:#FFCD34}.section-list .main-list .col-right .col-product .thumb-pro .bg .btn-next .imgic{position:absolute;z-index:0;transform:translate(-50%,-50%);top:50%;left:50%}.section-list .main-list .col-right .col-product .thumb-pro:hover .bg{border:2px solid #FFCD34}.bgp,.main-detial{background:#fff}.section-list .main-list .col-right .col-product .thumb-pro .img{position:absolute;z-index:0;transform:translate(-50%,-50%);top:50%;left:50%}.section-list .main-list .col-right .col-product .thumb-pro .img img{max-width:120px;object-fit:contain;max-height:120px}.section-list .main-list .col-right .col-product .thumb-pro h3{font-size:20px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;color:#09121F;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;max-height:44px;width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-list .main-list .col-right .col-product .thumb-pro p{font-size:16px;font-family:kanitlight;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;color:#646668;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;max-height:66px;width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical}.slick-list{overflow:inherit!important}.main-detial .section-name .code,.main-detial .section-name h1{font-family:kanitbold;-webkit-overflow-scrolling:touch}.main-detial{max-width:1075px;width:100%;margin:auto;padding-left:20px;padding-right:20px;padding-bottom:50px}.main-detial .main-slide{position:relative;padding:50px 0 80px}.main-detial .slick-slider-arrow{position:absolute;top:50%;left:50%;height:48px;transform:translate(-50%,-50%);max-width:500px;min-width:500px;z-index:3}.main-detial .slick-slider-arrow .slick-prev{background:url(../../images/product/arrow-l.svg) center no-repeat #0F66AD;border:0;text-indent:-9999px;width:48px;height:48px;border-radius:100%;z-index:3;position:absolute;left:-24px}.main-detial .slick-slider-arrow .slick-next{z-index:3;background:url(../../images/product/arrow-r.svg) center no-repeat #0F66AD;border:0;text-indent:-9999px;width:48px;height:48px;border-radius:100%;position:absolute;right:-24px}.main-detial .slide-gal{max-width:1050px;margin:auto}.main-detial .slide-gal .item-gal{width:500px;height:500px}.main-detial .slide-gal .item-gal .sh{transform:scale(.3);background:#fff;border:1px solid #D6E0EA;opacity:.5;transition:transform .3s ease-out 0s;display:flex;align-items:center;height:100%}.main-detial .slide-gal .item-gal img{transition:transform .3s ease-out 0s;max-width:350px;max-height:350px;width:100%;height:100%;margin:auto;object-fit:contain}.main-detial .slide-gal .item-gal.slick-active .sh{opacity:1;transform:scale(1)}.main-detial .section-name{display:flex;margin-bottom:30px}.main-detial .section-name h1{font-size:36px;color:#09121F;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-detial .section-name .code{font-size:18px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0F66AD}.main-detial .section-name .col-l{width:80%}.main-detial .section-name .col-r{width:230px}.main-detial .btn-con,.main-detial .btn-line{line-height:44px;width:224px;padding:6px 24px;color:#fff;font-family:kanitmedium;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-size:24px;display:inline-block;height:56px;border-radius:4px;text-align:center}.main-detial .btn-con{background:#0F66AD;align-items:center;-webkit-font-smoothing:antialiased;margin-bottom:15px}.main-detial .btn-line{margin-bottom:15px;background:#51BD4F;align-items:center;-webkit-font-smoothing:antialiased}.main-detial .section-desc{overflow:hidden}.main-detial .section-desc .tab{margin-left:-30px;margin-right:-30px;overflow:auto;white-space:nowrap;border-bottom:1px solid #D6E0EA}.main-detial .btn-back,.main-detial .section-desc .desc-detail,.main-detial .section-desc .tab .tb{-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.main-detial .section-desc .tab .tb{cursor:pointer;font-size:24px;display:inline-block;margin:0 30px;color:#646668;border-bottom:4px solid transparent;padding-bottom:10px;font-family:kanitbold;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}.main-detial .section-desc .tab .tb.active,.main-detial .section-desc .tab .tb:hover{border-bottom:4px solid #FFCD34;color:#0F66AD}.main-detial .section-desc .desc-detail{padding-top:40px;padding-bottom:40px;font-size:20px;font-family:kanitlight;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;color:#09121F}.main-detial .section-desc .desc-detail .dip{display:none}.main-detial .section-desc .desc-detail .dip.special{overflow-x:auto}.main-detial .section-desc .desc-detail .dip.special img{max-width:100%}.main-detial .btn-back{width:150px;height:56px;background:#0F66AD;border-radius:4px;display:flex;text-align:center;align-items:center;padding:6px 24px;color:#fff;font-size:24px;margin-top:40px;font-family:kanitmedium;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;margin-bottom:15px}.main-detial .btn-back span{margin:auto}@media (max-width:767px){.section-banner,.section-banner .max-title{min-height:200px}.section-list .main-list,.section-list .main-list .col-right .col-product{flex-wrap:wrap}.section-banner{background-image:url(../../images/product/banner_xs.jpg);background-position:center right}.section-banner .title_banner{font-size:28px}.main-detial .section-name .col-l h1,.section-list .main-list .col-right h2{font-size:24px}.section-list .main-list .col-left{width:100%;padding-right:0}.section-list .main-list .col-right{width:100%}.section-list .main-list .col-right .col-product .thumb-pro{width:50%;margin-bottom:50px}.main-detial .section-name .col-l,.main-detial .section-name .col-r{width:100%}.main-detial .section-name{flex-wrap:wrap}.main-detial .slide-gal .item-gal{width:300px;height:300px}.main-detial .slide-gal .item-gal img{max-width:200px;max-height:200px}.main-detial .btn-con,.main-detial .btn-line{width:100%}.main-detial .section-desc .tab .tb{font-size:18px}.main-detial .section-desc .desc-detail{font-size:16px}.main-detial .btn-back{font-size:18px}.main-detial .slick-slider-arrow{min-width:100%;max-width:80%}.main-detial .slick-slider-arrow .slick-prev{left:3px}.main-detial .slick-slider-arrow .slick-next{right:3px}}