@keyframes progress_bar_fill{from{background-position:0 0}to{background-position:40px 0}}
.section_slider .swiper-slide{text-align:center}
.section_slider .swiper-slide picture{padding-bottom:calc(100%*91/301)}
.section_slider .banner a{padding-bottom:calc(100%*2/5);width:100%;vertical-align:top}
.section_slider .swiper-button-next,.section_slider .swiper-button-prev{z-index:1;width:40px;height:40px;box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);background-blend-mode:difference;border-radius:50%;font-size:0;background:#fff;background-image:none}
.section_slider .swiper-button-next svg,.section_slider .swiper-button-prev svg{width:14px;height:14px}
.section_slider .swiper-button-next:after,.section_slider .swiper-button-prev:after{content:none}
.section_slider .swiper-button-next.swiper-button-disabled,.section_slider .swiper-button-prev.swiper-button-disabled{background:#ededed}
@media (max-width: 767px){.section_slider .swiper-button-next,.section_slider .swiper-button-prev{background-size:11px;bottom:40%}}
.section_slider .swiper-button-next{right:0;visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.section_slider .swiper-button-next:hover{opacity:.7}
@media (max-width: 767px){.section_slider .swiper-button-next{right:0}}
.section_slider .swiper-button-prev{left:0;visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.section_slider .swiper-button-prev:hover{opacity:.7}
@media (max-width: 767px){.section_slider .swiper-button-prev{left:0}}
.section_slider .swiper-pagination{bottom:0 !important}
.section_slider .swiper-pagination .swiper-pagination-bullet{background:#FFF;margin:0 3px !important}
.section_flash .swiper-button-next,.section_flash .swiper-button-prev{z-index:1;width:40px;height:40px;box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);background-blend-mode:difference;border-radius:50%;font-size:0;background:#fff;background-image:none}
.section_flash .swiper-button-next svg,.section_flash .swiper-button-prev svg{width:14px;height:14px}
.section_flash .swiper-button-next:after,.section_flash .swiper-button-prev:after{content:none}
.section_flash .swiper-button-next.swiper-button-disabled,.section_flash .swiper-button-prev.swiper-button-disabled{background:#ededed}
@media (max-width: 767px){.section_flash .swiper-button-next,.section_flash .swiper-button-prev{background-size:11px;bottom:40%}}
.section_flash .swiper-button-next{right:0;visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.section_flash .swiper-button-next:hover{opacity:.7}
@media (max-width: 767px){.section_flash .swiper-button-next{right:0}}
.section_flash .swiper-button-prev{left:0;visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.section_flash .swiper-button-prev:hover{opacity:.7}
@media (max-width: 767px){.section_flash .swiper-button-prev{left:0}}
.section_flash .swiper-button-prev{left:-20px}
.section_flash .swiper-button-next{right:-20px}
.section_flash .inflash{padding:0px 10px 0px;border:solid 2px red;border-radius:8px;margin-bottom:25px;position:relative}
.section_flash .timer{display:flex;align-items:center}
.section_flash .timein{color:#CA3604;font-weight:bold;background:url(flash.png) left center no-repeat;line-height:32px;background-size: 10%;}
.section_flash .timein span{display:inline-block;vertical-align:top;text-align:center;width:33px;height:32px;border-radius:4px;background:#ff1919;color:#fff;line-height:32px;font-weight:bold;margin:0 5px}
.section_flash .timein span:first-child{margin-left:0}
.section_flash .swiper-slide{padding:5px}
.flashsale__bottom{right:0;top:60px;font-weight:500}
.flashsale__bottom .flashsale__label{color:#525666;font-size:14px}
.section_service .itemsv{display:flex;align-items:center;background-size:cover;background-position:center;min-height:192px}
.section_service .itemsv a{color:#FFF}
.section_service b{font-size:28px;margin:0 0 5px}
.section_service span{font-size:18px}
.section_product_tab .title-module ul{display:flex;margin-left:20px}
.section_product_tab .title-module ul li{margin-right:20px;position:relative;cursor:pointer}
.section_product_tab .title-module ul li:before{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#2ca8e6;transition:all .3s}
.section_product_tab .title-module ul li.current:before,.section_product_tab .title-module ul li:hover:before{width:100%}
.section_product_tab .tab-content{opacity:0;visibility:hidden;height:0}
.section_product_tab .tab-content.current{opacity:1;visibility:visible;height:auto}
.section_product_tab .tab-content .view-more{display:block;width:165px;line-height:46px;background:var(--main-color);color:#FFF;text-align:center;margin:0 auto;transition:all .3s;border-radius:23px}
.section_product_tab .tab-content .view-more:hover{background:var(--hover)}
.section_product_tab .tab-content .swiper-slide{padding:5px}
.section_bestseller .swiper-slide{padding:5px}
.section_product .swiper-slide{padding:5px}
.section_product .item_product_main{margin-bottom:0}
.section_product .swiper-button-next,.section_product .swiper-button-prev{z-index:1;width:40px;height:40px;box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);background-blend-mode:difference;border-radius:50%;font-size:0;background:#fff;background-image:none}
.section_product .swiper-button-next svg,.section_product .swiper-button-prev svg{width:14px;height:14px}
.section_product .swiper-button-next:after,.section_product .swiper-button-prev:after{content:none}
.section_product .swiper-button-next.swiper-button-disabled,.section_product .swiper-button-prev.swiper-button-disabled{background:#ededed}@media (max-width: 767px){.section_product .swiper-button-next,.section_product .swiper-button-prev{background-size:11px;bottom:40%}}
.section_product .swiper-button-next{right:0;visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.section_product .swiper-button-next:hover{opacity:.7}
@media (max-width: 767px){.section_product .swiper-button-next{right:0}}
.section_product .swiper-button-prev{left:0;visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.section_product .swiper-button-prev:hover{opacity:.7}
@media (max-width: 767px){.section_product .swiper-button-prev{left:0}}
.section_product .swiper-button-next,.section_product .swiper-button-prev{top:50%}
.section_bestseller .swiper-button-next,.section_bestseller .swiper-button-prev{z-index:1;width:40px;height:40px;box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);background-blend-mode:difference;border-radius:50%;font-size:0;background:#fff;background-image:none}
.section_bestseller .swiper-button-next svg,.section_bestseller .swiper-button-prev svg{width:14px;height:14px}
.section_bestseller .swiper-button-next:after,.section_bestseller .swiper-button-prev:after{content:none}
.section_bestseller .swiper-button-next.swiper-button-disabled,.section_bestseller .swiper-button-prev.swiper-button-disabled{background:#ededed}
@media (max-width: 767px){.section_bestseller .swiper-button-next,.section_bestseller .swiper-button-prev{background-size:11px;bottom:40%}}
.section_bestseller .swiper-button-next{right:0;visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.section_bestseller .swiper-button-next:hover{opacity:.7}
@media (max-width: 767px){.section_bestseller .swiper-button-next{right:0}}
.section_bestseller .swiper-button-prev{left:0;visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.section_bestseller .swiper-button-prev:hover{opacity:.7}
@media (max-width: 767px){.section_bestseller .swiper-button-prev{left:0}}
.section_bestseller .banner_bestseler img{display:block;margin:0 auto}
.section_bestseller .item_product_main{margin-bottom:0}
.section_banner a{padding-bottom:calc(100%*45/73)}
.section_blogs .item_blog_base a.thumb{padding-bottom:60%;position:relative}
.section_blogs .item_blog_base a.thumb img{position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover}
.section_blogs .item_blog_base p{color:#515762;font-size:0.9rem;margin-bottom:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.section_blogs .item_blog_list{display:flex;align-items:flex-start;padding:0 10px 15px}
.section_blogs .item_blog_list .thumb{-webkit-box-flex:0;-ms-flex:0 0 81px;flex:0 0 81px;max-width:81px;height:61px;margin-right:16px}
.section_blogs h3{font-size:18px}
@media (min-width: 1701px){
	.section_bestseller .left{-ms-flex:0 0 74.3%;flex:0 0 74.3%;max-width:74.3%}
	.section_bestseller .right{-ms-flex:0 0 25.7%;flex:0 0 25.7%;max-width:25.7%}
}
@media (max-width: 1699px){.section_blogs .white-border-20{height:100%}}
@media (max-width: 1699px) and (min-width: 1500px){
	.section_bestseller .white-border-20{height:100%}
	.section_bestseller .left{-ms-flex:0 0 72.5%;flex:0 0 72.5%;max-width:72.5%}
	.section_bestseller .right{-ms-flex:0 0 27.5%;flex:0 0 27.5%;max-width:27.5%}
	.section_blogs .left h3{-webkit-line-clamp:3}
	.section_blogs .item_blog_base p{-webkit-line-clamp:4;margin-bottom:18px}
}
@media (min-width: 1500px){
	.section_slider .slider{-ms-flex:0 0 73.15%;flex:0 0 73.15%;max-width:73.15%}
	.section_slider .banner{-ms-flex:0 0 26.85%;flex:0 0 26.85%;max-width:26.85%}
}
@media (max-width: 1499px){
	.flashsale__bottom{top:59px}
	.section_service b{font-size:24px}
	.section_service span{font-size:16px}
	.section_blogs h3{font-size:16px}
	.section_blogs .item_blog_list:last-child{display:none}
}
@media (max-width: 1499px) and (min-width: 1200px){
	.section_first .left{-ms-flex:0 0 20.666667%;flex:0 0 20.666667%;max-width:20.666667%}
	.section_first .right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.section_first .right .section_slider .slider{-ms-flex:0 0 73.4%;flex:0 0 73.4%;max-width:73.4%}
	.section_first .right .section_slider .banner{-ms-flex:0 0 26.6%;flex:0 0 26.6%;max-width:26.6%}
	.section_service .itemsv{min-height:198px}
	.section_bestseller .left{-ms-flex:0 0 68.4%;flex:0 0 68.4%;max-width:68.4%}
	.section_bestseller .right{-ms-flex:0 0 31.6%;flex:0 0 31.6%;max-width:31.6%}
	.section_blogs .item_blog_base p{margin-bottom:18px}
}
@media (max-width: 1199px) and (min-width: 992px){
	.section_slider .slider{-ms-flex:0 0 73.5%;flex:0 0 73.5%;max-width:73.5%}
	.section_slider .banner{-ms-flex:0 0 26.5%;flex:0 0 26.5%;max-width:26.5%}
	.section_bestseller .left{-ms-flex:0 0 60.5%;flex:0 0 60.5%;max-width:60.5%}
	.section_bestseller .right{-ms-flex:0 0 39.5%;flex:0 0 39.5%;max-width:39.5%}
	.section_blogs .left{-ms-flex:0 0 72%;flex:0 0 72%;max-width:72%}
	.section_blogs .right{-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%}
	.section_blogs .right .item_blog_list .thumb{height:57px;-ms-flex:0 0 76px;flex:0 0 76px;max-width:76px}
}
@media (max-width: 1199px) and (min-width: 768px){
	.section_product_tab .title-module ul{max-width:calc(100% - 375px);overflow:auto;padding:6px 0}
	.section_product_tab .title-module ul li{white-space:nowrap}
	.section_service .itemsv{min-height:160px}
	.section_blogs .item_blog_base:last-child{display:none}
}
@media (max-width: 1199px){
	.menu-main{background-color:#fff;height:100vh;position:fixed;top:0 !important;left:0;z-index:9999;width:330px;max-width:90%;transform:translateX(-100%);visibility:hidden;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:none;touch-action:manipulation;max-height:100vh;overflow:hidden;overflow-y:auto;background:#fff;padding:0;background: linear-gradient(to right, #004ea4 0%, #042c84 50%, #004ea4 100%);}
	.menu-main.current{visibility:visible;transform:translateX(0)}
	.menu-main .menu-title{padding:10px 20px;font-size: 18px;background:var(--main-color);color:#FFF;position:relative;cursor:pointer}
	.menu-main .menu-title i{position:absolute;top:14px;right:10px}
	.menu-main .main-menu{position:relative;margin-bottom:0 !important}
	.menu-main .main-menu:before{content:'';position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:#ebebeb}
	.menu-main .nav-horizontal.cate-menu:not(.cate-menu-coll){height:calc(100% - 320px) !important}
}
@media (max-width: 991px) and (min-width: 768px){
	.section_slider .slider{-ms-flex:0 0 73.7%;flex:0 0 73.7%;max-width:73.7%}
	.section_slider .banner{-ms-flex:0 0 26.3%;flex:0 0 26.3%;max-width:26.3%}
}
@media (max-width: 767px){
	.section_slider .slide-container{margin-bottom:10px !important}
	.section_slider .banner{font-size:0}
	.section_slider .banner a{width:calc(50% - 5px);padding-bottom:calc(calc(50% - 5px)*2/5)}
	.section_slider .banner a:nth-child(1){margin-right:10px}
	.section_flash .timein{padding-left:0 !important;background:none}
	.section_flash .timer{flex-direction:column;justify-content:center}
	.section_flash .timer h2{margin-bottom:10px !important;margin-right:0 !important}
	.section_flash .flashsale__bottom{position:initial !important}
	.section_flash .swiper-button-prev{left:0}
	.section_flash .swiper-button-next{right:0}
	.section_flash .swiper-slide{padding:0}
	.section_flash .flashsale__bottom .flashsale__label{font-size:12px}
	.section_service .itemsv{min-height:120px}
	.section_service b{font-size:18px;margin:0 0 5px}
	.section_service span{font-size:14px}
	.section_product_tab .title-module{flex-wrap:wrap}
	.section_product_tab .title-module ul{order:1;margin-left:0;overflow:auto;padding:6px 0}
	.section_product_tab .title-module ul::-webkit-scrollbar{display:none}
	.section_product_tab .title-module ul li{white-space:nowrap}
	.section_product_tab .tab-content .swiper-slide{padding:0}
	.section_bestseller .swiper-slide{padding:0}
	.section_bestseller .slide-bestseller{margin-bottom:10px}
	.section_new .swiper-slide{padding:0}
	.section_banner .row{display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-flex-wrap:unset;flex-wrap:unset;margin:0}
	.section_banner .row .col-md-4{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;padding-left:5px;padding-right:5px}
	.section_banner .row .col-md-4:nth-child(1){margin-left:-5px}
	.section_blogs .left{margin-bottom:10px}
	.section_blogs h3{font-size:14px;height:33px}
	.section_blogs .item_blog_base{padding:5px}
	.section_blogs .item_blog_base p{display:none}
	.section_blogs .item_blog_list{padding:5px}
	.section_blogs .right .white-border-10{padding-bottom:5px}
}
@media (max-width: 380px) and (min-width: 370px){.section_flash .swiper-slide{padding:0;width:173px}}
