/*reset*/
* {list-style:none;padding:0;margin:0;}
a {text-decoration:none;}
img{max-width:100%;height:auto !important}
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 10px; position: relative;}
.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;}
/*=======================================*/
.content_main img{max-width: 100%; height: auto !important;}
.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: 30px 0px;}
.box_fotorama{width: 100%; margin: auto; max-width: 800px;}
#fix_r{position: fixed; top: 50%; transform: translate(0,-50%); right: 0px; z-index: 99; text-align: center;}
#fix_r img{display: block; margin: 4px 0px;}
#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; justify-content: center;}
#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; }
@keyframes slide-up {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@-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;}
#top_head{background: #bb6903;}
.link_head{float: left;}
.link_head ul li{float: left;}
.link_head ul li.line{width: 2px; height: 34px; background: url(../images/line_top.jpg);}
.link_head ul li a{color: #fff; font-family: 'font3'; display: block; padding: 7px 16px;}
.link_head ul li a:hover{background: #9a5500;}
.hl_head{float: right; font-family: 'font3'; color: #fff; height: 34px; background: #9a5500; padding: 7px 16px; border-left: 1px solid #d38d24; border-right: 1px solid #d38d24;}
.hl_head span{font-family: 'font2';}
.tk_pc{float: right;margin-top: 26px;width: 100%;max-width: 625px;}
#timkiem{position: relative;}
.frm_timkiem{position: relative;}
.frm_timkiem input[type="text"]{background: #fff; border:1px solid #cc7d06; height: 38px; line-height: 38px; padding: 0px 50px 0px 15px; width: 100%; color: #000; border-radius: 40px; outline: none; position: relative;}
.frm_timkiem button{background: url(../images/search.png) no-repeat center center;width: 40px;height: 30px;position: absolute;right: 6px;top: 3px;border: none;}
#header{position: relative;}
#header.fixed{position: fixed; top: 0px; z-index: 999; width: 100%; border-bottom: 1px solid #f2f2f2;}
.logo{float: left;}
#header.fixed .logo{top: 0px;}
#header.fixed .logo img{height: 75px;}
.banner{float: left; margin-left: 50px; text-align: center; margin-top: 0px;}
.shop_cart{float: right;margin-left: 45px;margin-top: 26px;}
.shop_cart a{display: inline-block;background: url(../images/cart.png) no-repeat 0px 0px;min-height: 38px;padding-left: 45px;color: #000;}
.shop_cart .xhotline  strong{
    position: relative;
    top: -11px;
    color: red;
}
.shop_cart .xhotline {
    background: url(../images/hotline.png) no-repeat top left;
    /* line-height: 30px; */
    padding-left: 46px;
    padding-top: 20px;
    margin-right: 30px;
}
.shop_cart span.xhotline a{
    /* background: transparent; */
    /* min-height: 0; */
}
.shop_cart span{color: #ee1d23; font-family: 'font2';}
.hotline{float: right; background: url(../images/hl.png) no-repeat 0px 5px; padding-left: 72px; line-height: normal; margin-top: 5px;}
.hotline .txt1{font-family:'font3'; font-size: 16px; line-height: normal;}
.hotline .num{color: #e10707; font-family: 'font2'; font-size: 20px; line-height: 24px;}
#menu{position: sticky;background: url(../images/menu.png) repeat-x;height: 40px;line-height: 40px;position: -webkit-sticky;top: 0;z-index: 123;left: 0;}
#menu.fixed{position: fixed;top: 0px; z-index: 999; left: 0px; width: 100%;}
.menu_mobile{display: none; height: 40px; overflow: hidden;}
a#btn_menu_bootstrap{display: block; font-size: 15px; color: #fff; float: left;}
.menu_desk { position: relative; display: inline-block;}
.menu_desk > ul { list-style: none; float: left;}
.menu_desk > ul > li { float: left; position: relative; }
.menu_desk > ul > li.line_menu {width: 2px; height: 40px; background: url(../images/line_menu.jpg);}
.menu_desk ul li a { color: #fff; text-transform: uppercase; font-size: 14px; padding: 0px 28px; display: block; font-family: 'font3'; }
.menu_desk > ul > li:hover > a, .menu_desk > ul > li.active a {background: #6f2400;}
.menu_desk ul ul { list-style: none; width: 200px; position: absolute; z-index: 99; background: #7c2800; 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: 10px 10px; font-size: 14px; color: #fff; display: block; text-transform: none; }
.menu_desk ul ul li a:hover { background: #6f2400; }
.menu_desk h2, .menu_desk h3 { line-height: normal; }
.search_mb{float: right; width: calc(100% - 125px);}
.search_mb #timkiem{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;}
#mid_slider{position: relative;}
#slider{position: relative;}
#slider .swiper-slide{width: 100% !important;}
#slider img{width: 100%; height: auto;}
.prev_slide{background: url(../images/prev_slide.png); width: 40px; height: 80px; position: absolute; left: 0px; top: 40%; cursor: pointer; z-index: 9;}
.next_slide{background: url(../images/next_slide.png); width: 40px; height: 80px; position: absolute; right: 0px; top: 40%; cursor: pointer; z-index: 9;}
.col-dmsp{position: relative;z-index: 9;}
.col-dmsp .name{background: #bb6903;color: #fff;text-transform: uppercase;text-transform: uppercase;font-size: 16px;font-family: 'font2';height: 40px;line-height: 40px;text-align: left;padding-left: 29px;}
.dmsp > ul{/* position: absolute; */ background: #ebecec; width: 100%; border: 1px solid #ebebeb; border-bottom: none;}
.dmsp ul li{ position: relative; border-bottom: 1px solid #ededed;}
.dmsp > ul > li i{margin-right: 5px;}
.dmsp h2, .dmsp h3{font-size: 15px;}
.dmsp ul li a{display: block; color: #000; font-family: 'font3'; font-size: 15px; padding: 8.3px 15px 8.3px 28px;}
.dmsp ul li a:hover{color: #bb6903;}
.dmsp ul ul{position: absolute; left: calc(100% + 1px); top: 0px; width: auto; background: #ebecec; 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: 9px 15px;}
.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;}
.hotrokh{background: #e80d13; padding: 20px 18px 27px 22px; position: relative; margin-top: 20px;}
.hotrokh .icon{position: absolute; left: 0px; bottom: 0px; background: url(../images/hg.png) no-repeat; width: 179px; height: 120px; z-index: 0;}
.hotrokh .inn{border: 1px dashed #fe5a5a; border-radius: 10px; padding: 12px 20px 20px 90px; color: #fff; z-index: 0;}
.hotrokh .inn .txt{font-family: 'font2'; text-transform: uppercase; font-size: 14px; margin-bottom: 5px;}
.hotrokh .inn .num{font-size: 15px;}
#qc{padding: 30px 0px 40px; background: #fff9f9;}
#qc img{width: 100%; height: auto;}
#about_home{padding: 40px 0px; background: #f2f8ff;}
.name1_about{text-align: center; color: #d61414; font-family: 'font2'; font-size: 25px; margin-bottom: 10px;}
.name2_about{text-align: center; color: #333; font-family: 'font4'; font-size: 15px; margin-bottom: 10px;}
.line_about{width: 100px; height: 4px; background: #f5bf23; margin: auto;}
.des_about{font-family: 'font3'; font-size: 15px; line-height: 25px; margin-top: 20px;}
.view_about{margin-top: 20px; text-align: left;}
.view_about a{position: relative; display: inline-block; color: #bb6903; font-family: 'font3'; font-size: 14px; padding: 14px 20px; border-left: 4px solid #bb6903;}
.view_about a:after{content: ''; background: url(../images/line_gt.png); width: 96px; height: 6px; position: absolute; left: 100%; top: 50%; transform: translate(0,-50%);}
.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: left; width: 586px; position: relative; padding: 30px 0px 0px 35px; background: url(../images/khung_gt.png) no-repeat 0px 0px;}
.img_gt{position: relative;}
.img_gt:before{content: ''; background: url(../images/bot_gt1.png); width: 268px; height: 122px; position: absolute; bottom: 0px; left: 0px; z-index: 9;}
.img_gt:after{content: ''; background: url(../images/bot_gt2.png); width: 59px; height: 60px; position: absolute; bottom: 0px; right: 0px; z-index: 9;}
.col-about{float: right; width: calc(100% - 640px);}
.wrap_name{margin-bottom: 25px; text-align: center;}
.wrap_name .wrap{display: inline-block;}
.wrap_name .name{color: #000; font-family: 'font1'; font-size: 25px; text-transform: uppercase;line-height: normal; display: inline-block; position: relative; margin-bottom: 7px;}
.wrap_name .name h1{font-size: 30px; font-weight: normal; line-height: normal;}
.wrap_name .name2{color: #fff;}
.wrap_name .bong_name{background: #bb6903; width: 100px; height: 2px; margin: auto;}
.wrap_name .bong_name2{background: url(../images/line_name2.png) no-repeat center top;}
.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_bc{position: relative;padding: 27px 0;background: #f4f4f4;}
.row_pro_home{padding: 20px 0px;padding-top: 10px;}
.name_home{margin-bottom: 15px; border: 1px solid #bb6903; border-right: 0px;}
.name_home .txt_l{position: relative; float: left; background: #bb6903; height: 38px; line-height: 38px; }
.name_home .txt_l:after{content: ''; background: url(../images/name_line.png); width: 9px; height: 38px; position: absolute; right: -8px; top: 0px;}
.name_home .txt_l a{display: block; color: #fff; font-family: 'font2'; text-transform: uppercase; font-size: 15px; padding: 0px 25px;}
.name_home .txt_hl{float: left; margin-left: 27px; color: #7c2800; font-family: 'font2'; font-size: 16px; background: url(../images/hl.png) no-repeat 0px 0px; padding-left: 28px; margin-top: 9px;}
.name_home .txt_r{float: right; height: 38px; line-height: 38px; position: relative; margin-right: 9px;}
.name_home .txt_r:before{content: ''; background: url(../images/xt1.png); width: 9px; height: 38px; position: absolute; left: -8px; top: 0px;}
.name_home .txt_r:after{content: ''; background: url(../images/xt2.png); width: 9px; height: 40px; position: absolute; right: -8px; top: -1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.name_home .txt_r a{color: #fff; display: block; font-size: 14px; background: #bb6903; font-family: 'font2'; padding: 0px 15px;}
.name_home .txt_r a:hover{text-decoration: underline;}
.name_home2{background: #f5f5f5;}
.qc_list{margin-bottom: 40px;}
.qc_list img{width: 100%; height: auto;}
.view_pro{text-align: center; margin-top: 20px;}
.view_pro a{display: inline-block; color: #bb6903; border: 2px solid #bb6903; padding: 8px 20px;}
.view_pro a:hover{background: #bb6903; color: #fff;}
.col-pro{float: left; width: 20%;}
.col-pro:nth-child(5n+1){clear: left;}
.box_product{position: relative;overflow: hidden;padding: 2px;background: #fff;box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 0px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;}
.box_product .img{position: relative; overflow: hidden;}
.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: 12px 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: 'font2'; display: block;}
.box_product .name h3{font-size: 15px;}
.box_product .price{text-align: center; margin-top: 5px;}
.box_product .price span.ban{color: #d40000; font-family: 'font2'; font-size: 15px;}
.box_product .price span.cu{color: #aaa; font-family: 'font3'; text-decoration: line-through; margin-left: 5px; font-size: 13px;}
.box_product .add_cart:after{content:"";background:url(../images/cart.png);position: absolute;width: 38px;height: 38px;left: calc(50% - 19px);bottom: 40px;}
.box_product:hover .add_cart{opacity:1}
.box_product .add_cart{
	cursor: pointer;
	color: #fff;
	font-family: 'font3';
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	background: #7c2800;
	padding: 7px 10px 6px;
	text-transform: uppercase;
	position: absolute;
	bottom: 35%;
	width: calc(100% - 20px);
	left: 10px;
	transition: 0.4s;
	opacity: 0;
}
.box_product .add_cart:hover{background: #bb6903;}
.box_product:hover .info .name a{color: #7c2800;}
.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;}
.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: #d61414;line-height: normal; font-family: 'font1';}
.item_info_detail span.price_now{font-size:24px;color:#f00;display: block;float: left;}
.item_info_detail .price_old{font-size:15px;color:#000;text-decoration: line-through;display: block;float: left;padding:0px 10px;}
.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: #bb6903; color: #fff; }
.contain_content_tab { border: 1px solid #e0e0e0; padding: 10px; background: #fff; }
.content_tab { display: none; }
.content_tab.active { display: block; }
.content_tab img{max-width: 100%; height: auto !important;}
.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;}
#map_home iframe{width: 100%; height: 420px;}
#news{padding: 20px 0px 40px 0px;}
.item_ttnb .img img{width: 100%; height: auto;}
.item_ttnb .info{position: relative; text-align: left; padding-top: 10px;}
.item_ttnb .name{margin-bottom: 5px;}
.item_ttnb .name a{display: block; color: #000; font-family: 'font2'; font-size: 15px; text-transform: uppercase;}
.item_ttnb .des{font-family: 'arial'; color: #333; font-size: 14px; line-height: 24px;}
.item_ttnb .txt{font-size: 12px; font-family: 'font4'; color: #5c5c5c; margin-bottom: 10px;}
.item_ttnb .txt span{margin: 0px 20px;}
.item_ttnb .view{margin-top: 10px; text-align: left;}
.item_ttnb .view a{display: inline-block; color: #bb6903; font-family: 'arial'; font-size: 13px; border-radius: 5px; border: 2px solid #bb6903; padding: 10px 20px;}
.item_ttnb .view a:hover{background: #bb6903; color: #fff;}
.item_ttnb:hover .name a{color: #bb6903;}
.item_ttnb:hover .info .wrap{border-bottom: 2px solid #bb6903;}
#doitac{padding: 40px 0px; background: #f2f2f2;}
.img_dt{border: 1px solid #cacaca;}
.img_dt:hover{border: 1px solid #d61414;}
.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 0px;}
.content_foot{color: #fff; line-height: 25px; margin-bottom: 30px; font-family: 'font3';}
.mxh_f{margin-top: 20px; color: #fff;}
.mxh_f span{font-family: 'arial'; margin-right: 10px;}
.mxh_f img{display: inline-block;}
.col-foot{margin-bottom: 30px; font-family: 'font3'; }
.title_foot{color: #fab702;font-family: 'font2';font-size: 15px;text-transform: uppercase;margin-bottom: 20px;}
.line_foot{}
.col-foot-1{float: left; width: 500px; margin-right: 75px;}
.col-foot-2{float: left; width: 250px;}
.col-foot-3{float: right; width: 300px;}
.row_tk{margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #949494; padding-left: 25px; color: #fff; font-family: 'font4';}
.row_tk:last-child{border-bottom: none;}
.row_tk_1{background: url(../images/tk1.png) no-repeat 0px 0px;}
.row_tk_2{background: url(../images/tk2.png) no-repeat 0px 0px;}
.row_tk_3{background: url(../images/tk3.png) no-repeat 0px 0px;}
.row_tk_4{background: url(../images/tk4.png) no-repeat 0px 0px;}
.name_company{font-family: 'font1';text-transform: uppercase;font-size:25px;color:#fff; margin-bottom: 20px;}
.foot_info{font-size: 14px; padding-left: 45px; margin-bottom: 13px; color: #fff; padding-top: 7px; min-height: 30px; font-family: 'font4';}
.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: 12px;}
ul.ul_foot li a{background: url(../images/ul_foot.png) no-repeat 0px 7px;color:#fff;display:block;font-size:14px;font-family: 'font3'; padding-left: 15px; display: block;}
ul.ul_foot li a:hover{text-decoration: underline;}
#top{position: fixed; bottom: 80px; 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;}
#bottom{text-align: center;color: #fff;font-family: 'font3';font-size: 14px;padding: 12px 0px;position: relative;BORDER-TOP: 1PX SOLID rgb(255 255 255 / 32%);}
.copyright{text-align: left; float: left;}
.copyright b{font-family: 'font2';}
.thongke{float: right; text-align: right;}
.thongke span{margin: 0px 10px;}
.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: #d61414;}
.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 12px;}
.col_news:nth-child(3n+1){clear: left;}
.box_news{position: relative;}
.box_news .img img{width: 100%; height: auto;}
.box_news .info{padding: 15px 0px 0px;}
.box_news .name{margin-bottom: 8px;}
.box_news .name a{color: #333; font-family: 'font2';}
.box_news .name h3{font-size: 18px; line-height: normal;}
.box_news .des{font-size: 14px; line-height: 22px; font-family: 'font3'; text-align: left; margin-bottom: 10px; color: #5c5c5c;}
.box_news .view{text-align: right;}
.box_news .view a{font-size: 14px; color: #d61414; text-transform: uppercase; font-family: 'font3';}
.box_news:hover .name a{color: #d61414;}
.box_news:hover .view a{text-decoration: underline;}
.box_news2{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.box_news2 .img{float: left; width: 210px;}
.box_news2 .info{float: right; width: calc(100% - 230px);}
.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: 22px 0px 40px; background-position: center top; background-repeat: no-repeat;}
.head_dknt{border: 1px solid rgb(255,255,255,0.4); padding: 35px 15px 35px; margin-bottom: 20px;}
.head_dknt .name { width: 282px; height: 122px; background: url(../images/khung_ten.png) no-repeat 0px 27px; color: #fcc200; font-family: 'font5'; font-size: 43px; text-align: center; margin: auto; line-height: 55px; }
.head_dknt .txt{color: #fff; font-family: 'arial'; font-size: 16px; text-align: center; margin-top: 20px;}
.head_dknt .txt span{color: #fcc200;}
.col-dknt{position: relative; margin-bottom: 20px;}
.txt_dknt1{color: #fff; font-family: 'font2'; font-size: 30px; text-transform: uppercase; text-align: center;}
.txt_dknt2{color: #fff; font-family: 'arial'; font-size: 14px; text-align: center; margin-bottom: 20px;}
.frm_dknt{padding: 50px 42px; position: relative;}
.frm_dknt:before{content: ''; position: absolute; left: 0px; top: 0px; width: calc(100% - 26px); height: calc(100% - 26px); border: 1px solid #fff; z-index: 1; margin: 13px;}
.frm_dknt .inne{position: relative; z-index: 2;}
.frm_dknt .r_dknt input{width: calc(50% - 10px); float: left;}
.frm_dknt .r_dknt input:nth-child(2n){float: right;}
.frm_dknt input{padding: 10px 10px; font-size: 14px; width: 100%; margin-bottom: 14px; outline: none; color: #000; border: none; background: #fff;}
.frm_dknt textarea{width: 100%; border:none; padding: 12px 10px; font-size: 14px; outline: none; background: #fff; border: none; color: #000;}
.frm_dknt input::-webkit-input-placeholder { color: #333; font-size: 12px; }
.frm_dknt input:-moz-placeholder { color: #333; font-size: 13px; }
.frm_dknt input:-ms-input-placeholder { color: #333; font-size: 13px; }
.frm_dknt textarea::-webkit-input-placeholder { color: #333; font-size: 13px; }
.frm_dknt textarea:-moz-placeholder { color: #333; font-size: 13px; }
.frm_dknt textarea:-ms-input-placeholder { color: #333; font-size: 13px; }
.btn_ac{position: absolute; right: 20px; bottom: 10px;}
.btn_ac input{background: #bb6903; color: #fff; font-size: 14px; padding: 7px 20px; text-transform: uppercase; font-family: 'arial'; border-radius: 5px; margin: 0px;}
.btn_ac input:hover{background: #ee1c22; color: #fff;}
.dknt_addr{text-align: left; color: #fff;}
.dknt_phone{text-align: right; color: #fff;}
.company_name{text-align: center; background: #d61414; 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: 30px; color: #333;}
.list_al .container{border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}
.list_al span{display: inline-block; color: #000; font-family: 'font2'; padding: 18px 10px; font-size: 16px; text-transform: uppercase; cursor: pointer;}
.list_al span:hover, .list_al span.active{color: #d61414;}
.list_al span.star{margin: 0px 10px;}
.item_al{position: relative; overflow: hidden; animation: slide-up 0.4s ease;}
.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: 18px 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;}
.wrap_video{max-width: 800px; margin: auto;}
.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; background: #f3f3f3;}
#other .row{margin-left: -20px; margin-right: -20px;}
.col-other { margin-bottom: 20px; text-align: left; padding: 0px 20px;}
.col-other .title { position: relative; margin-bottom: 5px; color: #fff; font-family: 'font2'; font-size: 17px; text-transform: uppercase; background: #bb6903 url(../images/icon_foot.png) no-repeat 17px center; margin-bottom: 20px; padding: 10px 10px 10px 40px;}
.col-other .line_other { background: url(../images/line_other.jpg) no-repeat 0px 0px; height: 3px; width: 100%; margin-bottom: 30px; }
.bv_other{border-bottom: 1px solid #d7d7d7;}
.bv_other i{margin-right: 7px; font-size: 15px;}
.bv_other a{display: block; color: #242424; font-family: 'font3'; font-size: 14px; padding: 7px 0px;}
.bv_other a:hover{color: #bb6903;}
#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: 'font3'; 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: 28px; outline: none; }
#other .content.news .date_create { margin-top: 5px; color: #fff; font-size: 13px; font-style: italic; }
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img{width: 100% !important; height: auto; left: 0 !important;}
.row_ttnb{outline: none;}
.small-item{margin-bottom:25px; border: 1px solid #e1e1e1; padding: 7px;}
.small-item .date{color: #5d5d5d; font-family: 'font3'; font-size: 13px; margin-bottom: 8px;}
.small-item .img{position: relative; float: left; width: 180px;}
.small-item .img img{width: 100%; height: auto;}
.small-item .info{position: relative; float: right; width: calc(100% - 200px);}
.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 #d61414; padding: 7px 15px 6px;}
.small-item .view a:hover{background: #d61414; color: #fff;}
.small-item:hover .name a{color: #bb6903;}

.col-hotro{float: right;width: 39%;}
.col-video{float: left; width: calc(61% - 30px);}
.main-vd{position: relative; float: left; width: calc(100% - 150px);}
.thumb_video{position: relative; float: right; width: 140px;}
.list-vd{}
.item-vd{margin-bottom: 7px; position: relative;}
.item-vd img{width: 100%; height: 95px;}
.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;}
.img_hotro{margin-bottom: 20px;}
.img_hotro img{width: 100%; height: auto;}
.item_yh{position: relative; margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #ccc;}
.item_yh:last-child{border: none; margin-bottom: 0px; padding-bottom: 0px;}
.item_yh .l_yh{float: left; width: calc(100% - 80px);}
.item_yh .l_yh .img{float: left; width: 60px; margin-right: 10px;}
.item_yh .l_yh .img img{border-radius: 50%;}
.item_yh .l_yh .info{font-family: 'font3'; color: #333; font-size: 17px; padding-top: 6px;}
.item_yh .l_yh .info .phone span{color: #d61414;}
.item_yh .icon{float: right; text-align: right; padding-top: 10px;}
.item_yh .icon img{margin-left: 5px;}
#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: #d61414; 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: #d61414; 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: 40px 0px; border-top: 1px solid #e1e1e1;}
.list_why{max-width: 770px; width: 100%; float: right;}
.item_why{position: relative;}
.item_why .img{float: left; width: 55px;}
.item_why .info{float: right; width: calc(100% - 65px);}
.item_why .info .name{margin-bottom: 5px; color: #a83300; font-family: 'font2'; font-size: 15px; display: block;}
.item_why .info .des{font-family: 'font3'; font-size: 13px; color: #525252;}
.item_why .view{position: absolute; right: 0px; bottom: 0px;}
.item_why .view a{display: inline-block; color: #fff; background: #f5bf23; width: 30px; height: 30px; line-height: 30px; padding-left: 13px; font-size: 16px;}
.item_why:hover .info .name a{color: #f5bf23;}
.qc img{width: 100%; height: auto;}
#other2{padding: 40px 0px 20px; position: relative;}
#services{padding: 40px 0px; position: relative;}
#thongso{padding: 40px 0px 10px; position: relative;}
.col-ts{text-align: center; margin-bottom: 30px;}
.item_thongso{display: inline-block; color: #fff;}
.item_thongso .img img{margin: auto;}
.item_thongso .counter{font-family: 'font1'; font-size: 37px; margin: 15px 0px;}
.item_thongso .name{font-family: 'font4'; font-size: 14px;}
.col-left-main{/* float: left; *//* width: calc(100% - 320px); */}
.col-right-main{float: right; width: 300px; position: sticky; top: 50px;}
.col-vd{margin-bottom: 20px;}
.col-vd:nth-child(3n+1){clear: left;}
.item_vd{position: relative;}
.item_vd .img{position: relative;}
.item_vd .img:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,0.25) url(../images/play.png) no-repeat center;}
.item_vd .img img{width: 100%; height: auto;}
.item_vd a{color: #000; display: block; z-index: 1;}
.item_vd .name{text-align: center; font-family: 'font2'; font-size: 14px; padding-top: 10px;}
.item_vd:hover .img:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/play.png) no-repeat center;}
.qc_item{margin-bottom: 15px;}
.qc_item img{width: 100%; height: auto;}

.criteria{
    padding: 40px 0;
}
.criteria .col-xs-6 > div{
    background: url(../images/cr-1.png) no-repeat 0px 0px;
    padding-left: 64px;
}
.criteria .col-xs-6 > div.criteria-2{
    background: url(../images/cr-2.png) no-repeat 0px 0px;
}
.criteria .col-xs-6 > div.criteria-3{
    background: url(../images/cr-3.png) no-repeat 0px 0px;
}
.criteria .col-xs-6 > div.criteria-4{
    background: url(../images/cr-4.png) no-repeat 0px 0px;
}
.criteria .col-xs-6 > div h3{
    text-transform: uppercase;
    font-weight: bold;
    color: #a83300;
    font-size: 15px;
    line-height: 1.3;
}
.criteria .col-xs-6 > div p{
    margin-top: 5px;
}
.name_homefix a{
    font-size: 27px;
    color: #111;
}
.name_homefix{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.row-5{
    margin-left: -5px;
    margin-right: -5px;
}
.row-5 .col-menu{
    width: 300px;
    padding-left: 5px;
    padding-right: 5px;
margin-top: 10px;position: sticky;position: -webkit-sticky;z-index: 12;top: 0;}
.row-5 .col-product{
    width: calc(100% - 300px);
    padding-left: 5px;
    padding-right: 5px;
}
.wrap-pagin {}
.wrap-pagin .pagination{
    width: 100%;
    text-align: center;
}
.wrap-pagin .pagination li{
    text-align: center;
    display: inline-block;
}
.wrap-pagin .pagination li a{
    float: none;
    border: 0;
    font-weight: bold;
    color: #111;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    width: 30px;
    height: 30px;
}

.wrap-pagin .pagination>.active>a,.wrap-pagin .pagination>.active>a:focus,.wrap-pagin .pagination>.active>a:hover,.wrap-pagin .pagination>.active>span,.wrap-pagin .pagination>.active>span:focus,.wrap-pagin .pagination>.active>span:hover{
    background: transparent;
    border-color: #c69238;
    border-radius: 0;
    color: #111 !important;
}
#news select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: 5px;
}
#news .title-with-tab{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    width: 100%;
    min-width: 100%;
    flex-shrink: 0;
}
#news .title-with-tab{
    flex: 0 0 100%;
    min-width: 100%;
    margin-bottom: 20px;
}
#news{
    background: #f9f9f9;
}
#news .z-title span{
    font-weight: bold;
    font-size: 19px;
    text-transform: uppercase;
    color: #b86b00;
}
#news .z-title{
    background: url(../images/qq.jpg) no-repeat;
    height: 99px;
    line-height: 99px;
    padding-left: 40px;
    margin-bottom: 20px;
    }
#news .title-with-tab .z-title{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
}
#news .title-with-tab .tab{
    float: right;
}
#news .title-with-tab .tab a{
    position: relative;
    margin-left: 10px;
    color: #fff;
    padding: 11px 13px;
    display: inline-block;
}
#news .title-with-tab .tab a span{color: #fff;z-index: 123;position: relative;}
#news .title-with-tab .tab a:after{content:"";background: #111;position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;transform: skewX(30deg);}

#news .itemz:hover .topz{/* border-bottom-color: #2e3192; */}
#news .topz{
    margin-top: 10px;
    height: auto;
    padding: 10px 0;
    padding-top: 0;
    border-bottom: 4px solid transparent;
    transition:0.4s ease;
    /* text-align: center; */
}
#news .topz h3{
    color: #333;
    margin:0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
}
#news .topz small{color:#333;margin-bottom:2px;display:block}
#news .topz .desc{
    color: #5a5a5a;
    font-size: 13px;
}

.slick-news .itemz {
    padding-bottom: 10px;
}
.slick-news .itemz > a{
    width: 40%;
    float: left;
}
.slick-news .itemz .topz h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-height: 20px;        /* fallback */
    max-height: 43px;
    margin-bottom: 10px !important;
}
.slick-news .itemz .topz .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-height: 16px;        /* fallback */
    max-height: 48px;
}

.slick-news .itemz .topz{
    width: 57%;
    float: right;
    padding: 0 !important;
    margin: 0 !important;
}
.itemz img{width:100%}
#pro_nb{overflow:hidden}