/*reset*/
* {list-style:none;padding:0;margin:0;}
a {text-decoration:none;}
img.lazy{display: block;opacity: 0;}
img.lazy:not(.initial) { -webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s; }
img.lazy.initial, img.lazy.loaded, img.lazy.error { opacity: 1; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: 0.5s; }
img:not([src]) {visibility: hidden;}
.zalo-share-button{float: left;margin-right: 2px;}
.wrap_swiper{overflow: hidden;} 
.swiper-button-disabled{opacity: 0.2;}
.main_img_detail img{width: 100%; height: auto;}
.container{padding: 0px 0px; position: relative; width: 1188px;}
.row{margin-left: -10px; margin-right: -10px;}
.grecaptcha-badge{display:none !important;}
.full_bg{background-size: 100% 100% !important;}
.full_bg_dv{background-size: 100% auto; background-repeat: no-repeat;}
body {font-family: 'Arial', 'Helvetica', 'sans-serif';font-size:14px;position: relative;box-sizing:border-box;}
/*=======================================*/
.header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9) url(../images/loading.gif) no-repeat center center;
    z-index: 99999;
    display: none;
}
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;}
h1#h1_home{visibility: hidden; height:0px; margin:0px; overflow:hidden;}
ol, ul{margin:0;padding:0;}
p{margin: 0px;}
.wrap_share{margin-top: 20px;}
.sub_main{padding: 0px 0px 20px;}
.box_fotorama{width: 100%; margin: auto; max-width: 800px;}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 999; }
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; border-radius: 50%;}
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.owl-animated-out { z-index: 1 }
.owl-animated-in { z-index: 0 }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes  fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes  fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@-webkit-keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
/*=======================================*/
#full{position: relative;}
#timkiem{float: right;}
.frm_timkiem{position: relative;}
.frm_timkiem input[type="text"]{background: #fff url(../images/line_tk.jpg) no-repeat 0px 0px; border: none; height: 40px; line-height: 40px; padding: 0px 35px 0px 30px; width: 100%; color: #000; outline: none; max-width: 220px; position: relative;}
.frm_timkiem button{background: url(../images/kinh.jpg) no-repeat center center; width: 33px; height: 33px; position: absolute; right: 2px; top: 9px; border: none; border-radius: 0px 30px 30px 0px;}
#top_head{background: #ffb401; color: #000; font-family: 'font3'; height: 40px; overflow: hidden;}
.slogan{text-align: left; margin-top: 9px; font-family: 'font3'; font-size: 15px;}
.mail{float: right; margin-top: 12px;}
.mxh_h{float: right; position: relative; background: #e93636; line-height: 45px; margin-left: 60px;}
.mxh_h:before{content: ''; background: url(../images/line_tophead.jpg); width: 30px; height: 45px; position: absolute; left: -30px; top: 0px;}
.mxh_h:after{content: ''; background: #e93636; width: 100%; height: 45px; right: -100%; position: absolute; top: 0px;}
.mxh_h img{display: inline-block; margin-left: 5px;}
#header{position: relative;padding: 12px 0px;}
.logo{position: relative; float: left; width: 100%; max-width: 250px; text-align: center;}
#header.fixed .logo{top: 0px;}
#header.fixed .logo img{height: 75px;}
.banner{float: left; margin-left: 42px; text-align: center;}
.shop_cart{float: right; position: relative; padding-right: 18px; margin-left: 10px;}
.shop_cart a{display: block; color: #fff; font-size: 25px;}
.shop_cart span{font-size: 12px; width: 18px; height: 18px; border-radius: 50%; text-align: center;line-height: 18px; background: #fff; color: #c31b1b; display: inline-block; position: absolute; top: 4px; right: 0px}
.hotline{float: right; background: url(../images/hl.jpg) no-repeat 0px 0px; height: 60px; position: relative; padding-left: 170px; margin-top: 14px;}
.hotline .txt{color: #333; font-family: 'font3'; font-size: 14px; margin-bottom: 2px;}
.hotline .num{color: #ff0000; font-family: 'font1'; font-size: 17px; line-height: 20px;}
#menu{position: relative; background: #ffb401; height: 46px; line-height: 46px; z-index: 999;}
#menu.fixed{position: fixed;top: 0px; z-index: 999; left: 0px; width: 100%;}
#menu.fixed .col-dmsp .content{display: none;}
#menu.fixed .col-dmsp:hover .content{display: block;}
.menu_mobile{display: none; overflow: hidden; height: 45px; float: left;}
a#btn_menu_bootstrap{display: inline-block; font-size: 15px; color: #fff; }
.menu_desk { position: relative; float: left;}
.menu_desk > ul { list-style: none; }
.menu_desk > ul > li { float: left; position: relative; }
.menu_desk > ul > li.home img{position: relative; top: -2px;}
.menu_desk > ul > li.line { background: url(../images/line_menu.png); width: 11px; height: 19px; margin-top: 13px;}
.menu_desk ul li a { color: #fff; text-transform: uppercase; font-size: 15px; padding: 0px 30px; display: block; font-family: 'font2'; }
.menu_desk > ul > li:hover > a { color: #000; position: relative;}
.menu_desk > ul > li:hover > a:before{content: ''; position: absolute; left: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/l_menu.jpg);}
.menu_desk > ul > li:hover > a:after{content: ''; position: absolute; right: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/r_menu.jpg);}
.menu_desk > ul > li.active > a { color: #000; background: #18469d; position: relative;}
.menu_desk > ul > li.active > a:before{content: ''; position: absolute; left: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/l_menu.jpg);}
.menu_desk > ul > li.active > a:after{content: ''; position: absolute; right: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/r_menu.jpg);}
.menu_desk ul ul { list-style: none; width: 200px; position: absolute; z-index: 99; background: #c31b1b; visibility: hidden; opacity: 0; top: 100%; 
  transition: 0.4s; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#050203)";/*IE 8*/ -moz-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#050203); /*IE 5.5-7*/ 
}
.menu_desk ul ul li { width: 100%; border-top: 1px solid rgb(255,255,255,0.2); position: relative; max-height: none; line-height: normal; text-align: left; }
.menu_desk ul > li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; }
.menu_desk ul ul ul { left: 201px; top: 0px; }
.menu_desk ul ul li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; top: -1px; }
.menu_desk ul ul li a { padding: 14px 10px; font-size: 15px; color: #fff; display: block; text-transform: none; font-family: 'font2'; }
.menu_desk ul ul li a:hover { color: #ff8a00; }
.menu_desk h2, .menu_desk h3 { line-height: normal; }
.search_mb{float: right; width: calc(100% - 125px);}
.search_mb #timkiem{margin-left: 0px; width: 100%;}
.gh_mb{float: right; position: relative;}
.gh_mb span{position: absolute; right: 0px; bottom: 20px; color: #18469d; display: inline-block; width: 22px; font-size: 10px; line-height: normal; text-align: center; font-family: 'font1';}
.gh_mb a{color: #fff; font-size: 25px; display: inline-block; width: 45px; text-align: right;}
.col-dmsp{float: left; width: 250px;}
.col-dmsp .name{background: #000 url(../images/btn_menu.png) no-repeat 210px center; height: 46px;}
.col-dmsp .name span{display: inline-block; color: #fff; font-family: 'font2'; text-transform: uppercase; text-align: left; font-size: 15px; margin-left: 20px;}
.col-dmsp .content{background: #f7f7f7;}
.dmsp-in .content{display: none;}
.dmsp-in:hover .content{display: block;}
.dmsp > ul{position: absolute; background: #fff; width: 250px; border: 1px solid #e0e0e0; border-bottom: none;}
.dmsp ul li{ position: relative; border-bottom: 1px solid #f1f1f1; margin: 0px 10px;}
.dmsp ul li:last-child{border-bottom: none;}
.dmsp h2, .dmsp h3{font-size: 15px;}
.dmsp > ul > li > h2 > a{background: url(../images/li_sp.png) no-repeat 12px 19px;}
.dmsp ul li a{display: block; color: #000; font-family: 'font3'; font-size: 15px; padding: 13.5px 26px 13.8px 30px;}
.dmsp ul li a:hover{color: #e71414;}
.dmsp ul ul{position: absolute; left: calc(100% + 1px); top: -1px; width: auto; background: #fff; opacity: 0; visibility: hidden; transition: all 0.3s; min-width: 180px;}
.dmsp ul ul li{white-space: nowrap; position: relative;}
.dmsp ul ul li a{padding: 14.8px 20px;}
.dmsp > ul > li:hover > ul{opacity: 1; visibility: visible; transition: all 0.3s;}
.dmsp > ul ul > li:hover > ul{opacity: 1; visibility: visible; transition: all 0.3s;}
#mid_slider{background: #f1f1f1;}
#slider{position: relative; float: right; width: calc(100% - 250px); }
#slider .swiper-sliderr img{width: 100%; height: auto;}
.prev_slide{background: url(../images/prev_slide.png); width: 38px; height: 38px; position: absolute; left: 20px; top: 40%; cursor: pointer; z-index: 9;}
.next_slide{background: url(../images/next_slide.png); width: 38px; height: 38px; position: absolute; right: 20px; top: 40%; cursor: pointer; z-index: 9;}
.col-r-slider{float: right; width: 315px;}
.col-r-slider .info{background: #18469d; padding: 32px 0px;}
.col-r-slider .info span{display: inline-block; color: #fff; font-family: 'font3'; padding-left: 25px; background: url(../images/diachi.png) no-repeat 0px 1px; margin: 0px 37px; line-height: 23px;}
.swiper-qc{margin: 30px 0px;}
#qc{padding: 30px 0px 40px; background: #fff9f9;}
#qc img{width: 100%; height: auto;}
#top{position: fixed; bottom: 70px; right: 10px; z-index: 99; display: none; color: #fff; background: rgb(0,0,0,0.6); font-size: 14px; padding: 4px 10px 5px; border-radius: 4px; cursor: pointer;}
#lk_web{position: fixed; left: 5px; width: 32px; z-index: 99; transform: translate(0,-50%); top: 50%;}
#lk_web img{display: block; width: 100%; height: auto; margin: 10
	px 0px;}
#about_home{padding: 40px 0px 0px;}
.name1_about{text-align: left; color: #363636; font-family: 'font4'; font-size: 40px;}
.name2_about{text-align: left; color: #c31b1b; font-family: 'font1'; font-size: 55px;}
.des_about{font-family: 'font3'; font-size: 15px; line-height: 25px; margin-top: 15px;}
.view_about{margin-top: 20px; text-align: left;}
.view_about a{display: inline-block; color: #fff; font-family: 'font5'; font-size: 14px; background: #ff8a00; width: 140px;height: 45px; line-height: 45px;text-align: center;}
.view_about a:hover{background: #e71414;}
.wrap_jca_about{margin-top: 20px;}
.slide_about img{width: 100%; height: auto;}
.item_about{text-align: center;}
.item_about .img{margin-bottom: 15px;}
.item_about .img img{margin: auto;}
.item_about .name{margin-bottom: 10px;}
.item_about .name a{color: #fff; font-family: 'font2'; font-size: 20px;}
.item_about .des{color: #fff; font-family: 'font2'; font-size: 14px; line-height: 24px;}
.col-imgs{float: right; width: 580px;}
.col-imgs img{width: 100%; height: auto;}
.slide_about{max-width: 610px; margin: auto;}
img.img_about{border: 10px solid #fff;}
.col-about{float: left; width: calc(100% - 608px);}
.wrap_name{margin-bottom: 25px; text-align: center;}
.wrap_name .wrap{display: inline-block;}
.wrap_name .name{color: #242424; font-family: 'font2'; font-size: 30px; text-transform: capitalize;line-height: normal; display: inline-block; position: relative;}
.wrap_name .name h1{font-size: 30px; font-weight: normal; line-height: normal;}
.wrap_name .name:before{content: ''; background: url(../images/l_name.png) no-repeat; width: 74px; height: 6px; position: absolute; left: -90px; bottom: 11px;}
.wrap_name .name:after{content: ''; background: url(../images/r_name.png) no-repeat; width: 74px; height: 6px; position: absolute; right: -90px; bottom: 11px;}
.wrap_name .name2{color: #fff;}
/*.wrap_name .bong_name{background: url(../images/line_name.png) no-repeat center top; height: 12px; margin-top: 5px;}*/
.wrap_name .txt_home{color: #000; font-family: 'font3'; font-size: 14px; line-height: 22px; text-align: center; margin-top: 18px;}
.wrap_name .txt_home2{color: #fff;}
#pro_nb{padding: 15px 0px;}
.row_pro_home{padding: 25px 0px;}
.name_home{border-bottom: 2px solid #ffb401; margin-bottom: 30px; background: #f1f1f1; position: relative;}
.name_home .stt{position: absolute; left: 0px; top: 0px; width: 42px; height: 42px; line-height: 42px; text-align: center; z-index: 9; background: url(../images/stt.jpg); font-family: 'font1'; font-size: 18px;}
.name_home .txt_l{position: relative; float: left; background: #ffb401; height: 40px; line-height: 40px; padding-left: 55px; padding-right: 20px; color: #fff; text-transform: uppercase; font-family: 'font5'; font-size: 20px; margin-right: 40px;}
.name_home .txt_l img{position: absolute; left: 17px; top: 50%; transform: translate(0,-50%);}
.name_home .txt_l:after{content: ''; background: url(../images/name.jpg); width: 49px; height: 42px; position: absolute; right: -48px; top: 0px;}
.name_home .txt_l a{display: block; color: #fff; font-family: 'font2'; text-transform: capitalize; font-size: 21px;}
.name_home .txt_r{float: left; margin-top: 10px;}
.name_home .txt_r > div{outline: none; width: 21px; height: 21px; cursor: pointer; display: inline-block;}
.name_home .txt_r a{color: #000; font-family: 'font2'; padding: 0px 15px; font-size: 16px;display: inline-block;}
.name_home .txt_r span{display: inline-block;}
.name_home .txt_r span:last-child{display: none;}
.name_home .txt_r a:hover,.name_home .txt_r a.active{color: #ffb401;}
.name_home a{cursor: pointer;}
.banner_qc{float: left;}
.all_pro_home{float: right; width: calc(100% - 320px);}
.row_pro_home:nth-child(even) .banner_qc{float: right;}
.row_pro_home:nth-child(even) .all_pro_home{float: left;}
.prev_home{background: url(../images/prev.jpg);}
.next_home{background: url(../images/next.jpg);}
.name_home2{text-align: center; margin-bottom: 25px;}
.name_home2 span{display: inline-block; position: relative; text-transform: uppercase; font-family: 'font1'; font-size: 20px; color: #000; padding:10px 30px; border: 1px solid #94857e; width: 100%; max-width: 330px;}
.name_home2 span:before{content: ''; width: 30px; height: 1px; background: #000; position: absolute; left: -16px; top: 25px;}
.name_home2 span:after{content: ''; width: 30px; height: 1px; background: #000; position: absolute; right: -16px; top: 25px;}
.item_menu{position: relative; float: left; width: calc(50% - 24px); margin-bottom: 80px;}
.item_menu:nth-child(2n){float: right;}
.item_menu .list_menu{float: left; background: #fff; position: relative; padding: 30px 140px 30px 20px; width: calc(100% - 175px);height: 400px;}
.item_menu .list_menu .icon1{position: absolute; right: 0px; top: 0px; background: url(../images/icon1.png) no-repeat right top; height: 88px; z-index: 0; width: 100%;}
.item_menu .list_menu .icon2{position: absolute; left: 0px; bottom: 0px; background: url(../images/icon2.png) no-repeat left bottom; height: 155px; z-index: 0; width: 100%;}
.item_menu .list_menu .name{font-family: 'font1'; color: #c31b1b; font-size: 40px; margin-bottom: 20px; text-transform: capitalize; position: relative;z-index: 1;}
.item_monan{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #b9b9b9;}
.slick_monan{position: relative; z-index: 9;}
.slick-item-sp{outline: none;}
.item_monan .txt{float: left;}
.item_monan .txt h3{font-size: 15px;}
.item_monan .txt a{color: #000; font-family: 'font2';}
.item_monan .price{float: right;color: #d11c1c; font-family: 'font5'; font-size: 15px; line-height: normal;}
.item_menu .img_menu{width: 285px;background: rgba(255, 255, 255, 0.45); position: absolute; right: 0px; top: 75px; z-index: 99;padding: 10px;}
.item_menu .img_menu img{width: 100%; height: auto;}
.content_pro{position: relative;}
.prev_spnb{background: url(../images/prev.png) no-repeat; width: 19px; height: 35px; position: absolute; top: 40%; left: -30px; cursor: pointer; outline: none;}
.next_spnb{background: url(../images/next.png) no-repeat; width: 19px; height: 35px; position: absolute; top: 40%; right: -30px; cursor: pointer; outline: none;}
.col-pro{margin-bottom: 20px; float: left; margin-right: 25px;}
.col-pro:nth-child(4n+1){clear: left;}
.col-pro:nth-child(4n){margin-right: 0px;}
.box_product{position: relative;}
.box_product .img{position: relative; overflow: hidden; border: 1px solid #e3e3e3;}
.box_product .img img{webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s; width: 100%; height: auto;}
.box_product:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.box_product .info{padding: 10px 0px 0px; position: relative; text-align: center;}
.box_product .name{text-align: center; height: 36px; overflow: hidden;}
.box_product .name a{color: #000; font-family: 'font3'; display: block;}
.box_product .name h3{font-size: 15px;}
.box_product .price{text-align: left; margin-top: 10px;}
.box_product .price span.ban{color: #a80707; font-family: 'font2'; font-size: 16px; font-weight: bold;}
.box_product .price span.cu{color: #909090; font-family: 'font3'; text-decoration: line-through; margin-left: 10px; font-size: 13px;}
.box_product .add_cart{position: absolute; right: 0px; bottom: 10px; cursor: pointer; color: #fff; font-family: 'font3'; font-size: 13px;
	background: #d81313; display: inline-block; padding: 4px 14px 7px; border-radius: 20px 0px 0px 20px;
}
.box_product .add_cart:hover{background: #c31b1b;}
.box_product:hover .info .name a{color: #c31b1b;}
.box_product .view{text-align: center;}
.box_product .view a{color: #848490; display: inline-block; padding-right: 22px; background: url(../images/muiten.jpg) no-repeat right center; font-size: 13px;}
.box_product_home{width: 25%;}
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail h1{font-size: 22px;color: #c31b1b;line-height: normal; font-family: 'font1';}
.item_info_detail span.price_now{font-size:24px;color:#a80707;display: block;float: left; font-family: 'font2'}
.item_info_detail .price_old{font-size:15px;color:#909090;text-decoration: line-through;display: block;float: left;padding:0px 10px; font-family: 'font2'}
.item_info_detail .wrap_share{margin-top: 0px;}
.item_tab { text-decoration: none; float: left; color: #000; background: #fff; padding: 8px 20px; margin-right: 3px; cursor: pointer; border: 1px solid #EEEEEE; border-bottom: none; font-weight: bold; font-size: 13px; display: inline-block; }
.item_tab:hover, .item_tab.active { display: inline-block; background: #ffb401; color: #000; }
.contain_content_tab { border: 1px solid #e0e0e0; padding: 10px; background: #fff; }
.content_tab { display: none; }
.content_tab.active { display: block; }
.amount_cart button{float: left;width:35px;height:30px;border:1px solid #eee;background:#fff;outline: none;color:#6d6d6d;}
.amount{height:30px;width:50px;float: left;border:1px solid #eee;text-align: center;margin:0px 3px;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;}
.amount {height: 30px;width: 50px;float: left;border: 1px solid #eee;text-align: center;margin: 0px 3px;outline: none;}
.btn_Cart_Detail{width:255px;color:#fff;height: 44px;display:inline-block;line-height:44px;text-align: center;cursor:pointer;font-family: 'font2';font-size: 15px;margin-right:5px;border-radius:3px; text-transform: uppercase;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}
.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding: 0px 2px;}
.item_owl_sub img{width: 100%; height: auto;}
#news{padding: 40px 0px;}
.item_ttnb .img img{width: 100%; height: auto;}
.item_ttnb .info{position: relative; padding-top: 10px;}
.item_ttnb .date{font-family: 'font3'; margin-bottom: 7px; font-size: 13px;}
.item_ttnb .name{margin-bottom: 15px; padding-left: 15px; border-left: 3px solid #c31b1b;}
.item_ttnb .name a{display: block; color: #000; font-family: 'font1'; font-size: 14px; text-transform: uppercase;}
.item_ttnb .des{font-family: 'font3'; color: #333; font-size: 13px;}
.item_ttnb:hover .name a{color: #c31b1b;}
.item_ttnb:hover .info .wrap{border-bottom: 2px solid #c31b1b;}
#map_home iframe{height: 410px; width: 100%;}
#doitac{padding: 10px 0px 40px; background: #fff;}
.img_dt{border: 1px solid #e1e1e1;}
.img_dt:hover{border: 1px solid #ffb401;}
.prev_doitac{position: absolute; background: url(../images/prev_dt.png); width: 16px; height: 16px; cursor: pointer; left: -30px; top: 43%; z-index: 9;}
.next_doitac{position: absolute; background: url(../images/next_dt.png); width: 16px; height: 16px; cursor: pointer; right: -30px; top: 43%; z-index: 9;}
#footer{position: relative; padding: 40px 0px 10px; background: #070707;}
.content_foot{color: #fff; line-height: 25px; margin-bottom: 30px; font-family: 'font4';}
.mxh_f{margin-top: 20px; color: #fff;}
.mxh_f img{display: inline-block; margin-left: 5px;}
.col-foot{margin-bottom: 30px; font-family: 'font3'; }
.title_foot{color: #fff; font-family: 'font2'; font-size: 14px; text-transform: uppercase;}
.line_foot{height: 2px; background: #fff; width: 32px; margin-top: 5px; margin-bottom: 18px;}
.col-foot-1{float: left; width: 540px; margin-right: 65px;}
.col-foot-2{float: left; width: 220px;}
.col-foot-3{float: right; width: 295px;}
.name_company{font-family: 'font1';text-transform: uppercase;font-size:25px;color:#ffb401; margin-bottom: 20px;}
.foot_info{font-size: 14px; padding-left: 45px; margin-bottom: 13px; color: #fff; padding-top: 5px; min-height: 30px; font-family: 'font3';}
.foot1{background: url(../images/foot1.png) no-repeat 0px 0px;}
.foot2{background: url(../images/foot2.png) no-repeat 0px 0px;}
.foot3{background: url(../images/foot3.png) no-repeat 0px 0px;}
.foot4{background: url(../images/foot4.png) no-repeat 0px 0px;}
.wrap_video{max-width: 320px;}
ul.ul_foot{list-style: none;}
ul.ul_foot li{position: relative; margin-bottom: 15px;}
ul.ul_foot li a{font-weight:normal; color:#fff; font-size:14px; font-family: 'font3'; display: block;}
ul.ul_foot li a:hover{text-decoration: underline;}
.r_foot{color: #fff; margin-bottom: 20px;}
.r_foot .txt1{font-family: 'font1'; text-transform: uppercase; margin-bottom: 3px;}
.r_foot .txt2{font-family: 'font3';}
.r_foot_phone{float: left;}
.r_foot_mail{float: right;}
#bottom{background: #070707; text-align: center; color: #fff; font-family: 'font3'; font-size: 12px; padding: 17px 0px; border-top: 1px solid #2d2d2d;}
.copyright{float: left;}
.copyright span{color: #ffb401;}
.thongke{float: right;}
.thongke span{margin: 0px 14px;}
.list_bvlq{margin-top:20px; border-top: 1px solid #eee; padding-top: 15px; margin-bottom: 20px;}
.list_bvlq ul{list-style:none;}
.list_bvlq ul li{margin-bottom:10px;}
.list_bvlq ul li i{margin-right: 5px;}
.list_bvlq ul li a{font-size:14px;color:#333;}
.list_bvlq ul li a:hover{text-decoration:none; color: #c31b1b;}
.list_bvlq ul li span{color:#999;}
.name_bvlq{font-weight:bold;font-size:17px;margin-bottom:10px;}
.col_news{margin-bottom: 25px; padding: 0px 8px;}
.col_news:nth-child(3n+1){clear: left;}
.box_news{border: 1px solid #eaeaea;}
.box_news .img img{width: 100%; height: auto;}
.box_news .info{padding: 20px; border-top: 1px solid #eaeaea;}
.box_news .name{margin-bottom: 8px;}
.box_news .name a{color: #000; font-family: 'font2';}
.box_news .name h3{font-size: 15px; font-weight: bold;}
.box_news .des{font-size: 14px; line-height: 24px; font-family: 'font3'; text-align: left; margin-bottom: 10px; color: #666;}
.box_news .view a{font-size: 14px; color: #000;}
.box_news:hover .name a{color: #c31b1b;}
.box_news:hover .view a{color: #c31b1b;}
.map_hethong{margin-top: 20px;}
.map_hethong iframe{width: 100%; height: 300px;}
.frm_lh{margin-top: 20px;}
.frm_lh .title{text-transform: uppercase; font-family: 'font2'; font-size: 18px; margin-bottom: 20px;}
.frm_lh form{max-width: 495px; margin: auto;}
#map_canvas iframe{width: 100%; height: 350px;}
.txt_l_lh{text-align: left; text-transform: uppercase; font-size: 18px; font-family: 'font2'; margin-bottom: 20px;}
.r_lh{margin-bottom: 15px; min-height: 28px; padding-left: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; font-family: 'font2'; font-size: 13px;}
.r_lh1{background: url(../images/lh1.jpg) no-repeat 4px 3px;}
.r_lh2{background: url(../images/lh2.jpg) no-repeat 0px 4px;}
.r_lh3{background: url(../images/lh3.jpg) no-repeat 0px 3px;}
.link_map{margin-bottom: 30px;}
.link_map a{display: block; background: url(../images/map.png) no-repeat 0px 0px; line-height: 48px; padding-left: 60px; font-size: 13px; color: #000; font-family: 'font2';}
#dknt{padding: 25px 0px; background: #ffb401;}
.icon_dknt{background: url(../images/letter.png); width: 81px; height: 41px; float: left;}
.col-dknt{width: 50%; float: right; background: #c31b1b; padding: 50px 90px;}
.txt_dknt{float: left; text-align: left; color: #fff; width: 210px; margin-top: 4px; padding-left: 10px;}
.txt_dknt .r1{font-family: 'font2'; margin-top: 5px; font-size: 19px;}
.txt_dknt .r2{font-family: 'font4'; font-size: 12px;}
.frm_dknt{float: right; width: 875px;}
.frm_dknt input{border: 1px solid #ffc63e; padding: 10px 10px; font-size: 14px; width: 253px; margin-right: 5px; outline: none; color: #fff; background: none; float: left;}
.frm_dknt input[type="submit"]{width: 100px; text-align: center; padding: 10px 10px; color: #fff; background: #000; font-family: 'font2'; text-transform: uppercase; border-radius: 0px; margin-right: 0px;}
.frm_dknt input::-webkit-input-placeholder { color: #fff; font-size: 13px; }
.frm_dknt input:-moz-placeholder { color: #fff; font-size: 13px; }
.frm_dknt input:-ms-input-placeholder { color: #fff; font-size: 13px; }
.btn_ac{margin-top: 20px; text-align: left;}
.btn_ac input{display: inline-block; background: #fff; color: #c31b1b; font-size: 14px; padding: 8px 20px;	text-transform: uppercase; border-radius: 8px; width: auto; font-family: 'font2'}
.btn_ac input:hover{background: #ee1c22; color: #fff;}
.company_name{text-align: center; background: #c31b1b; color: #fff; padding: 20px 10px; font-family: 'font1'; text-transform: uppercase; font-size: 25px;}
#gallery{padding: 40px 0px;}
.list_al{text-align: center; margin-bottom: 20px;}
.list_al span{display: inline-block; color: #000; font-family: 'font2'; padding: 10px 20px; font-size: 20px; text-transform: uppercase; cursor: pointer; border: 1px solid rgb(255,255,255,0);}
.list_al span:hover, .list_al span.active{color: #46183c; border: 1px solid #46183c;}
.list_al span.star{background: url(../images/sao.jpg) no-repeat center 0px; width: 14px; height: 13px; margin-top: 10px; padding: 0px; margin: 0px 20px;}
.item_al{position: relative; overflow: hidden;}
.item_al img{width: 100%; height: auto;}
.item_al a{display: block;}
.item_al .info{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background: rgb(0,0,0,0.4); z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s;}
.item_al .name{ margin: auto; padding: 10px 10px; font-size: 14px; font-family: 'font2';
	border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff;
}
.item_al:hover .info{opacity: 1; visibility: visible; transition: all 0.4s;}
.col-l-gt{float: left; width: calc(50% - 23px);}
.col-l-gt .txt1{font-family: 'font2'; font-size: 34px; color: #46183c; margin-bottom: 10px; line-height: normal;}
.col-l-gt .txt1 h1{font-size: 34px;}
.col-l-gt .txt2{font-family: 'font2'; font-size: 18px;}
.col-l-gt .line_gt{width: 100px; height: 2px; background: #fdb768; margin: 25px 0px;}
.col-r-gt{float: right; width: calc(50% - 23px);}
.row_ab{border: 1px solid #ddd; position: relative; margin-bottom: 20px;}
.row_ab .title{font-family: 'font2'; font-weight: bold; font-size: 18px; line-height: 60px; cursor: pointer;}
.row_ab .title i{float: left; width: 60px; height: 60px; line-height: 60px; margin-right: 22px;
	text-align: center; color: #000; background: #eee; font-size: 18px; font-weight: bold;
}
.row_ab .title i.i1{display: block;}
.row_ab .title i.i2{display: none;}
.row_ab .cont{font-family: 'font2'; font-size: 15px; padding: 20px; text-align: justify; border-top: 1px solid #ddd; display: none;}
.content_gt{margin-top: 50px;}
.row_ab.active .title i{background: #242f3d; color: #fff;}
.row_ab.active .title i.i1{display: none;}
.row_ab.active .title i.i2{display: block;}
#video{padding: 40px 0px; background: #f4f4f4;}
.item_video{position: relative;}
.item_video img{width: 100%; height: auto;}
.item_video .icon{background: url(../images/play.png) no-repeat center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.list_pro{padding: 30px 0px;}
.wrap_pro{margin-bottom: 25px;}
.wrap_pro .title{background: #f0f0f0; font-family: 'font2'; color: #333; text-align: center; padding: 50px 10px; margin-bottom: 10px;}
.wrap_pro .title p.name_list{font-size: 30px; text-transform: uppercase;}
.wrap_pro .title p.name_pro{font-size: 20px;}
.item_pro .name{margin-top: 15px; text-align: center; margin-bottom: 8px;}
.item_pro .name a{color: #333;}
.item_pro .name h3{font-size: 18px; font-weight: bold;}
.item_pro .view{text-align: center;}
.item_pro .view a{color: #848490; display: inline-block; padding-right: 22px; background: url(../images/muiten.jpg) no-repeat right center; font-size: 13px;}
.item_pro .img{position: relative; overflow: hidden;}
.item_pro .img img{webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s; width: 100%; height: auto;}
.item_pro:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item_pro:hover .name a{color: #46183c;}
.item_pro .view a:hover{color: #000;}
.pro_one .info{margin-bottom: 20px;}
.pro_one .col-l{float: left; width: calc(100% - 240px);}
.r_info_pro{display: inline-block; float: left; width: 47%; font-size: 18px; font-family: 'font2'; margin-bottom: 10px; padding-right: 3%;}
.r_info_pro:nth-child(2n+1){clear: left;}
.pro_one .col-r{float: right; width: 220px;}
.pro_one .col-r img{max-height: 36px; width: auto;}
.pro_one .imgs{margin-bottom: 20px;}
.one_img{float: left; width: calc(100% - 218px);}
.one_img img{width: 100%; height: auto;}
.one_thumbs{float: right; width: 208px;}
.one_thumbs .slick-slide{margin-bottom: 10px;}
.one_thumbs img{width: 100%; height: auto;}
#other{padding: 40px 0px 10px;}
.col-other { margin-bottom: 30px; text-align: left; }
.col-other .title { position: relative; margin-bottom: 2px; color: #000; font-family: 'font1'; font-size: 25px;}
.col-other .line_other { background: url(../images/line_other.jpg) no-repeat 0px 0px; height: 6px; margin-bottom: 15px; }
#other .content.news h4 { margin: 0; margin-bottom: 5px; font-size: 14px; line-height: 20px; max-height: 42px; overflow: hidden; }
#other .content.news h4 a { font-family: 'font2'; color: #000; text-decoration: none; transition: all 0.5s ease; }
#other .content.news h4:hover a { color: #ed1c24; }
#other .content.news .news-thumbnail { background: #fff; }
#other .content.news .desc { font-size: 13px; font-family: 'font3'; line-height: 22px; color: #333; max-height: 46px; overflow: hidden; }
#other .content.news .view-more { margin-top: 15px; }
#other .content.news .view-more a { text-decoration: none; color: #333; display: inline-block; padding: 12px 22px 11px; border: 2px solid #333; font-family: 'font2'; font-size: 12px; text-transform: uppercase; }
#other .content.news .view-more:hover a { background: #ed1c24; color: #fff; border: 2px solid #ed1c24; }
#other .content.news .list-news-small { }
#other .content.news img:hover { opacity: 0.8; }
#other .big-news { margin-bottom: 20px; padding-left: 0px; padding-right: 10px; }
#other .big-news img { width: 100%; height: auto; margin-bottom: 10px; }
#other .content.news .list-news-small .small-item { margin-bottom: 10px; padding-bottom: 10px; outline: none; }
/*#other .content.news .list-news-small .small-item .info{float: right; width: calc(64% - 12px);}*/
/*#other .content.news .list-news-small img { float: left; max-width: 150px; margin-right: 10px; }*/
#other .content.news .date_create { margin-top: 5px; color: #fff; font-size: 13px; font-style: italic; }
.row_ttnb{outline: none;}
.small-item{margin-bottom:25px;}
.small-item .date{color: #5d5d5d; font-family: 'font3'; font-size: 13px; margin-bottom: 8px;}
.small-item .img{position: relative; float: left; width: 150px;}
.small-item .img img{width: 100%; height: auto;}
.small-item .info{position: relative; float: right; width: calc(100% - 165px);}
.small-item .name{margin-bottom: 5px;}
.small-item .name a{display: block; color: #000; font-family: 'font2'; font-size: 14px;}
.small-item .des{color: #333; font-family: 'font3'; font-size: 13px; line-height: 22px; max-height: 66px; overflow: hidden;}
.small-item .view{text-align: left; margin-top: 10px;}
.small-item .view a{color: #333; font-size: 12px; display: inline-block; border: 1px solid #c31b1b; padding: 7px 15px 6px;}
.small-item .view a:hover{background: #c31b1b; color: #fff;}
.small-item:hover .name a{color: #c31b1b;}
.col-vd{float: right; width: 435px;}
.col-tt{float: left; width: calc(100% - 468px);}
#other2{margin-top: 40px;}
.wrap_other2{display: flex;flex-flow: row wrap;}
.col-video{float: left; width: 50%; background: #1f2123;}
.main-vd{position: relative;}
.thumb_video{position: relative; padding: 25px 0px 15px; top: -5px;}
.list-vd{max-width: 495px; margin: auto;}
.item-vd{margin-bottom: 10px; position: relative;}
.item-vd img{width: 120px; height: 75px; border-radius: 10px; border: 1px solid #a7a7a7;}
.item-vd a:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
  background: url(../images/play.png) no-repeat center center; 
}
.item-vd:hover img{opacity: 0.9;}
#hethong{padding: 40px 0px;}
#qc img{width: 100%; height: auto;}
.item_qc{float: left; width: calc(50% - 10px);}
.item_qc img{width: 100%; height: auto;}
.item_qc:nth-child(2n){float: right;}
.name_dv{text-align: center; font-family: 'font1'; text-transform: uppercase; font-size: 28px; color: #fff; margin-bottom: 10px;}
.dv_type1{padding: 40px 0px;}
.wrap_dv{background: #fff; padding: 30px 25px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 4px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.item_dv_home{position: relative;}
.item_dv_home .name{background: #c31b1b; text-align: center; padding: 18px 7px;}
.item_dv_home .name h3{font-size: 14px;}
.item_dv_home .name a{display: block; color: #fff; font-family: 'font2'; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.item_dv_home .des{padding: 20px; border-bottom: 2px solid #c4c4c4; font-family: 'font3'; font-size: 14px; line-height: 22px;}
.head_dv{padding: 50px 10px 25px;}
.row_dv_type2{position: relative;}
.all_dv_type2{margin-bottom: 30px;}
.item_dv_home2 .info{float: left; width: 50%; text-align: right; padding: 65px;}
.item_dv_home2 .info .name{margin-bottom: 10px;}
.item_dv_home2 .info .name h3{font-size: 24px;}
.item_dv_home2 .info .name a{color: #c31b1b; font-family: 'font2'; text-transform: uppercase; display: block;}
.item_dv_home2 .info .name a:hover{color: #ff0000;}
.item_dv_home2 .info .line{display: inline-block; width: 35px; height: 1px; background: #ff0000; margin-bottom: 10px;}
.item_dv_home2 .info .des{font-family: 'font3'; line-height: 25px;}
.item_dv_home2 .img{float: right; width: 50%;}
.item_dv_home2 .img img{width: 100%; height: auto;}
.item_dv_home2_r .info{float: right; text-align: left;}
.item_dv_home2_r .img{float: left;}
.col-dt{float: left; width: calc(100% / 6); padding: 10px;}
.col-dt img{width: 100%; height: auto;}
#why{padding: 25px 0px;}
.line_why{background: url(../images/line_why.jpg) repeat-x; height: 3px;}
.item_why{position: relative;}
.item_why .img{float: left; width: 52px;}
.item_why .info{float: right; width: calc(100% - 60px); padding-top: 5px;}
.item_why .info .name{font-family: 'font2'; color: #000; font-size: 13px; margin-bottom: 2px;}
.item_why .info .des{font-family: 'font4'; font-size: 13px; color: #a2a2a2;}
.qc img{width: 100%; height: auto;}
#container{padding: 40px 0px 20px;}
.left_main{float: left; width: 280px;}
.right_main{float: right; width: calc(100% - 300px);}
.block{margin-bottom: 20px;}
.name_block{text-align: left; background: #ffcc00; padding-left: 22px; text-transform: uppercase; color: #0f0f0f; 
	font-family: 'font2'; font-size: 15px; line-height: 45px; border-bottom: 2px solid #c31b1b; font-weight: bold;
}
.cont_block{background: #fff; border: 1px solid #e4e4e4;}
.hl_ht{background: url(../images/hl.jpg) no-repeat 0px 0px; min-height: 31px; padding-left: 44px; font-family: 'font1'; font-size: 15px; padding-top: 7px; margin-left: 20px; margin-top: 5px;}
.hl_ht span{color: #ee0000;}
.mail_ht{background: url(../images/mail.jpg) no-repeat 0px 0px; min-height: 27px; padding-left: 34px; font-family: 'font3'; margin-left: 20px; margin-bottom: 10px; font-size: 12px; padding-top: 5px;} 
.supp{padding: 0px 10px 0px 20px;}
.r_ht{margin: 10px 0px;}
.r_ht .img{float: left; margin-top: 5px;}
.r_ht .img img{margin-right: 5px;}
.r_ht .info{float: right; width: calc(100% - 115px);}
.r_ht .ten{font-family: 'font3'; font-size: 13px;}
.r_ht .phone{font-family: 'font1'; color: #ff0000; font-size: 16px;}
.option-list{display: inline-block;}
.option-list button {
    display: inline-block;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    cursor: pointer; margin-right: 5px;
    background: #fff; font-size: 13px;
    margin-bottom: 5px;
    font-family: 'font3';
}
.row_pro_color > span{position: relative; top: -10px;}
.color-option button{
    border: 1px solid #ebebeb; border-radius: 50%; padding: 0px;
}
.color-option button span{display: block; border-radius: 50%; border-radius: 50%;margin: 2px; width: 25px; height: 25px;}
.option-list button i {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 26px;
    opacity: 0;
}
.option-list button.active{
  border: 1px solid #e53d40;
  /*background: url('../images/color_sel.png') no-repeat right bottom;*/
}
.option-list button.active i {
    opacity: 1;
}
.option-list button:focus{outline: none;}
.row_pro_color span{margin-right: 5px;}
.big_news{margin-bottom: 15px;}
.big_news .img{float: left; width: 362px;}
.big_news .info{float: right; width: calc(100% - 385px);}
.big_news .name a{color: #000; font-family: 'font3'; font-size: 18px; display: block;}
.big_news .name a:hover{color: #e68200;}
.big_news .date{color: #e68200; font-size: 14px; margin: 10px 0px;}
.big_news .des{font-family: 'font4'; font-size: 13px; line-height: 22px;}
.item_small_news .img img{width: 100%; height: auto;}
.item_small_news .name{margin-top: 12px;}
.item_small_news .name a{color: #000; font-family: 'font3'; font-size: 14px; display: block;}
.item_small_news .name a:hover{color: #e68200;}
#sel_vd{border-radius: 0px;}
#chat_zl{position: fixed; top: 30%; right: 0px; z-index: 999;}
#chat_mess{position: fixed; top: calc(30% + 64px); right: 0px; z-index: 999;}
#pro_home{padding: 40px 0px 0px;}