/*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; }
img:not([src]) {visibility: hidden;}
.zalo-share-button{float: left;margin-right: 2px;}
.wrap_share{margin-top: 20px;}
.grecaptcha-badge{display:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:12px;position: relative;box-sizing:border-box;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{max-width:1366px;margin: 0px auto;overflow: hidden;}
.full_bg{background-size: 100% 100% !important;}
.container{padding: 0px 10px; position: relative;}
.row{margin-left: -10px; margin-right: -10px;}
/*commont*/
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%;height:auto;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
#chat_zl{position: fixed; z-index: 99; top: 20%; right: 0px;}
#chat_fb{position: fixed; z-index: 99; top: calc(20% + 70px); right: 0px;}
#hotline_desk {
    background: url(../images/bg_hotline.png) no-repeat;
    height: 56px;
    width: 181px;
    line-height: 75px;
    color: #ffff00;
    text-align: left;
    padding-left: 52px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    font-size: 19px;
    font-family: 'font4';
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=153, Color=#000000)";
    text-shadow: 2px 1px 2px rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000);
}
/*TOP*/
#back-to-top { display: none; padding: 7px 10px; color: #fff; background: rgb(0,0,0,0.5); position: fixed; right: 10px; bottom: 60px; cursor: pointer; -webkit-border-radius: 5px;/*Safari, Chrome*/ -moz-border-radius: 5px;/*Firefox*/ border-radius: 5px; z-index: 99;}
/*inner*/
.inner{max-width:1200px;margin:0 auto;position:relative;}
/*header*/
#top_head{position: relative; background: #000e1f; padding: 8px 0px; font-family: 'font3'; font-size: 14px; border-top: 3px solid #e5322d; color: #fff;}
.h_addr{float: left; background: url(../images/head1.png) no-repeat 0px 0px; padding-left: 22px; margin-top: 2px;}
.h_mail{float: right; background: url(../images/head3.png) no-repeat 0px 4px; padding-left: 25px; margin-left: 30px; margin-top: 2px;}
.h_phone{float: right; background: url(../images/head2.png) no-repeat 0px 1px; padding-left: 23px; font-family: 'font2'; margin-top: 2px;}
.mxh_h{float: right; margin-left: 20px;}
.mxh_h img{height: 25px; width: auto; display: inline-block;}
#header{position:relative;}
#head_desk{padding-top: 5px; transition: all 0.4s; background: #fff;}
#header.head_in{background: #fff; }
#header.fix{transition: all 0.4s; position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 999; border-bottom: 1px solid #eee;}
#header.fix #head_desk{transition: all 0.4s; border-bottom: 1px solid #eee;}
#header.fix .logo{top: 0px;}
#header.fix .logo img{height: 46px;}
#header.fix #menu{margin-top: 4px;}

/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position: absolute;top:10px;right: 0px;}
.logo{position: relative; z-index: 9; float: left; margin-bottom: 5px;}
.banner{float: left; margin-left: 215px;}
.hotline{position: absolute; right: 18px; top: 0px; background: url(../images/hl.png) no-repeat 0px 0px; 
   padding-left: 20px; color: #fff; font-family: 'font4'; font-size: 15px;
}
.hotline span{color:#ffbf36; font-family: 'font3'; font-size: 16px;}
.cart{margin-top:23px;position: relative; background:url(../images/icon_cart.png) left center no-repeat;float:left;margin-left:5%; height:30px;padding-left:40px;box-sizing: border-box;}
.cart a{text-transform:uppercase;color:#000;font-family: 'RobotoCondensedRegular';font-size: 13px;line-height:30px;}
#numcart{width:24px;height:24px;border-radius:50%;position:absolute;display: inline-block;background:#f36f36;left:17px;top:-13px;text-align: center;line-height:24px;color:#fff;font-weight:bold;}
.user{float:right;margin-top:20px;}
/*menu top*/
.fixed{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 9999;width:100%;margin:auto;}
#menu_mobi{position:absolute;display:none; right: 0px; top: 6px; z-index: 1000; border: 1px solid #000; width: 35px; height: 35px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/ 
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);/*FF 3.5+*/
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.wrap_menu_mb{overflow: hidden; position: relative;}
#btn_nav_mobi{color: #000;font-size: 16px; display: block;padding: 6px 10px 5px;}
#menu{position:relative; float: right; margin-top: 20px;}
.menu_desk{margin-right: 62px; position: relative;}
.menu_desk > ul{list-style: none;}
.menu_desk > ul > li{float: left;position: relative; margin: 0px 18px;}
.menu_desk > ul > li.home{position: relative; top: -10px;}
.menu_desk ul li a {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 0px 31px;
    display: block;
    font-family: 'font2';
}

.menu_desk > ul > li:hover > a{
  border-bottom: 3px solid #e5322d;
}
.menu_desk ul ul{
  list-style: none;
  width: 200px;
  position: absolute;
  z-index: 99;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  top: 65px;
  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 #eee;
  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; font-size: 14px; color: #000; display: block; text-transform: none;}
.menu_desk ul ul li a:hover{color: #e5322d;}
.menu_desk h2, .menu_desk h3{ line-height: normal; }
#header.fix .menu_desk ul > li > a{padding: 10px 0px 13px}
#header.fix .menu_desk > ul > li > ul{top: 48px;}
#btn_menu_bootstrap{z-index:999;position: absolute;left: 10px;top:10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span{background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{
    transform-origin:left 1px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;opacity: 0 !important}
.lang{position: absolute; right: 45px; top: 3px;}
.lang a{color: #888; font-family: 'font3'; font-size: 17px;}
/*search*/
.wrap_search{position: absolute; right: 0px; top: 5px; cursor: pointer;}
.wrap_search .wrap{position: relative;}
.wrap_search .wrap .icon_search{background:url(../images/kinh.jpg) no-repeat center center; width: 40px; height: 40px; top: -5px; position: relative;}
.khung_timkiem{position: absolute; top: 0px; right: 30px; z-index: 99; background: #fff; display: none;}
.timkiem{position:relative;}
.timkiem input.tu_khoa{width:210px;padding-right:8px;padding-left:40px;
  border: 1px solid #d7d7d7;
  background:none;color:#000;line-height:34px;height:34px;
}
.timkiem input.btn_img{position:absolute;left:15px;top:12px;}
.timkiem input[type='button']{background:url(../images/kinh2.png) no-repeat center center;position: absolute;top:3px;left: 3px;border:none;width: 33px; height: 27px;}
.timkiem input::-webkit-input-placeholder{color:#777; font-size: 12px;}
.timkiem input:-moz-placeholder{color:#777; font-size: 12px;}
.timkiem input:-ms-input-placeholder{color:#777; font-size: 12px;}
/*slider*/
#mid_web{margin-top: 15px;}
#slider{position: relative;}
#slider img{width: 100%; height: auto;}
.swiper-slide{overflow: hidden;}
/*left*/
#left{float:left;width:25%;padding-left:20px;box-sizing: border-box;}
.sub_left{margin-bottom:20px;}
.title_left{height:45px;background:#3399FE;}
.title_left span{font-size:15px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;line-height:45px;display: block;font-family: 'RobotoBold';}
/*main*/
#container{margin-top: 30px;}
#main{width:75%;float: left;padding-right:10px;box-sizing: border-box;}
.sub_main{margin-bottom: 20px; min-height: 500px;}
.icon_home{background: url(../images/icon_home.png) no-repeat center top; height: 50px; margin-bottom: 2px;}
.icon_home2{background: url(../images/icon2.png) no-repeat center top; height: 50px; margin-bottom: 2px;}
.title_main{margin-bottom:30px;text-align: center; color: #d9131c; font-family: 'font1'; font-size: 32px; text-transform: uppercase;}
.title_main h1{font-weight: normal; font-size: 32px; line-height: normal;}
/*.title_main span{color:#000;font-weight:normal;text-transform:uppercase; display:block;line-height:40px;font-size:22px;font-family: 'UTMAvoBold';position: relative;}*/
/*.title_main span::after{position: absolute;content: '';width:240px;height:1px;background:#3c3c3c;left:0px;right:0px;bottom:0px;margin:auto;}*/
/*.title_main span::before{position: absolute;content: '';width:40px;height:3px;background:#3c3c3c;right:0px;left:0px;margin:auto;bottom:-1px;}*/
/*home*/
.wrap_name{margin-bottom: 30px; text-align: center;}
.wrap_name .wrap{display: inline-block;}
.wrap_name .name{color: #000; font-family: 'font4'; font-size: 35px; text-transform: uppercase;line-height: normal; margin-bottom: 10px;}
.wrap_name .name span{color: #0066cc;}
.wrap_name .name h1{font-size: 35px; font-weight: normal; line-height: normal;}
.wrap_name .name2{color: #e8c85e;}
.wrap_name .bong_name{background: url(../images/line_name.png) no-repeat center top; height: 5px;}
.wrap_name .slogan2{color: #fff;}
.slogan{text-align: center; font-family: 'font3'; font-size: 14px; margin-bottom: 15px; margin-top: 10px;line-height: normal;}
.img_list{margin-bottom:30px;}
#register_email{padding:47px 0px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.inner_email{max-width:600px;margin:auto;position: relative;}
.left_email{width:80%;float: left;}
#frmDK input.form-control{height:38px;}
#frmDK input.form-control:nth-child(1){width:55%;float: left;margin-bottom:5px;}
#frmDK input.form-control:nth-child(2){width:44%;float: right;margin-bottom:5px;}
.title_mail{text-align: center;text-transform: uppercase;font-size:24px;font-family: 'RobotoBold';margin-top: -10px;margin-bottom:5px;color:#3c3c3c;}
.inner_email p{margin-bottom:4px;text-align: center;font-size: 14px;font-family: 'RobotoRegular'}
.inner_email > span{display:block;text-align: center;font-size: 14px;font-family: 'RobotoRegular';margin-bottom:10px;}
.btnGui{display: block;width:19%;float: right; height:80px;background:#c90000;color:#fff;text-transform: uppercase;font-size: 15px;font-family: 'RobotoBold';border:none;border-radius:5px;}
#map iframe{height:330px;}
#map_home{display: block;width: 100%; height: 100%;}
#map_home iframe{height:100%; width: 100%;}
.contain_map_lienhe iframe{width: 100%;}
.box_input_contact{margin-bottom: 10px;}
.bannerControls{display: none;}
#info_consult{background:#fff;padding:35px 0px;}
.box_news_owl{position: relative;}
.info_news_owl{padding:10px 20px;box-sizing: border-box;width:90%;margin:0px auto;position:relative;top:-50px;left:0px;right:0px;background:#f6f6f6;}
.info_news_owl h3 a{font-size:18px;font-weight:normal;font-family: 'RobotoRegular';text-transform: uppercase;color:#000;display:block;text-align: center;margin-bottom:15px;}
.info_news_owl h3 a:hover{color:#ff0000;}
.info_news_owl p{font-size:13px;line-height:23px;text-align: center;}
.view_news_owl{color:#f00;display: block;text-align: center;margin:10px 0px;font-size: 13px;font-family: 'RobotoRegular'}
.date_news_owl{height:70px;width:70px;background:#f6f6f6;position: absolute;right:15px;top:15px;z-index:99;padding-top:6px;box-sizing:border-box;}
.date_news_owl span{display: block;text-align: center;font-size: 13px;font-family:'RobotoRegular';text-transform:uppercase;}
/*product*/
.all_pro{position: relative;}
.col_product{padding-left:14px;padding-right:14px;margin-bottom:30px;}
.col_product:nth-child(4n+1){clear: left;}
.box_product{position: relative;}
.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 .img .sale{background: url(../images/sale.png) no-repeat; width: 44px; height: 32px; line-height: 32px; 
  text-align: center; color: #000; font-family: 'font3'; font-size: 13px; position: absolute; right: 5px; top: 5px; z-index: 1;
}
.box_product .info{position: relative; padding-top: 12px;}
.box_product .info .name{text-align: center; margin-bottom: 8px;}
.box_product .info .name a{color: #000; font-family: 'font3'; display: block;}
.box_product .info .name h3{font-size: 16px; line-height: normal;}
.box_product .price{text-align: center;}
.box_product .price span.ban{color: #ff0000; 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:hover .info .name a{color: #d5312d;}
.view_all_pro{margin-top: 20px; text-align: center;}
.view_all_pro a{display: inline-block; background: url(../images/xemtc.png); width: 242px; height: 40px; line-height: 40px; text-align: center;
  text-transform: uppercase; font-family: 'font3'; font-size: 15px; color: #000;
}
.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;}
/*product detail*/
.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: 25px;font-weight:600;color: #333;line-height: 25px;}
.item_info_detail span.price_now{font-size:24px;color:#f00;display: block;font-family: 'UTMAvoBold';float: left;}
.item_info_detail .price_old{font-family: 'UTMAvo';font-size:15px;color:#000;text-decoration: line-through;display: block;float: left;padding:0px 10px;}

.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:#d5312d;
    color:#fff;
}
.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;font-family: 'RobotoBold'}
.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: 'RobotoRegular';font-size: 15px;margin-right:5px;border-radius:3px;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}
/*news*/
.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:5px;}
.list_bvlq ul li i{margin-right: 3px;}
.list_bvlq ul li a{font-size:14px;color:#333;}
.list_bvlq ul li a:hover{text-decoration:none; color: #d5312d;}
.list_bvlq ul li span{color:#999;}
.name_bvlq{font-weight:bold;font-size:17px;margin-bottom:10px;}
.col_news{margin-bottom: 30px;}
.col_news:nth-child(4n+1){clear: left;}
.tieude{font-size: 18px;font-family: 'RobotoBold';font-weight: normal;margin-bottom: 10px}
.box_news{margin-bottom:20px;border:1px solid #e0e0e0;padding:7px;box-sizing: border-box;}
.box_news_img{position: relative;display: block;}
.box_news_img a{display: block;position: relative;}
h3.box_news_name{line-height: normal; margin: 10px 0px 10px;}
h3.box_news_name a{color:#000;line-height: normal;font-family: 'font1';font-size: 14px; display: block;}
h3.box_news_name a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;font-size: 13px;font-family: 'font2';}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
/*news other*/
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.item_news_other{width: 100%;margin-bottom: 15px;box-sizing:border-box;}
.name_news_other{font-size: 13px;line-height: 20px;font-weight: bold;color:#000;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}
.qc img{width: 100%; height: auto;}
/*footer*/
#footer{position: relative; padding: 40px 0px 40px; background: #008080; color: #fff;}
.flex_foot{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  margin-bottom: 30px;
}
.flex_foot .l_foot{width: 50%;}
.flex_foot .r_foot{width: 50%; padding: 45px 55px;}
.content_footer_full{padding:35px 0px;}
.name_company{font-family: 'font1';text-transform: uppercase;font-size:35px;color:#ffcc00; margin-bottom: 15px;}
.title_footer{text-transform: uppercase;font-size:15px;color:#fff;font-family: 'font2';margin-bottom:15px;position: relative;}
.line_foot{width: 100%; height: 1px; background: #ffffff12; margin: 15px 0px 20px;}
.item_footer{min-height: 62px; padding-left: 74px; font-family: 'font3'; font-size: 15px; line-height: 25px; padding-top: 5px;}
.item_footer p{margin: 0px; }
ul.ul_foot{list-style: none;}
ul.ul_foot li{margin-bottom: 10px;}
ul.ul_foot li a{font-weight:normal; color:#ddd;display:block;font-size:14px;font-family: 'font3'; 
  text-transform: uppercase; 
}
ul.ul_foot li a:hover{color: #fff;}
.foot_info{font-size: 14px; padding-left: 42px; margin-bottom: 10px; color: #fff; padding-top: 4px; min-height: 30px;}
.foot_name{font-family: 'font4'; color: #f2e897; font-size: 60px; text-align: left; margin-bottom: 15px;}
.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;}
.col-foot-1{background: url(../images/foot1.png) no-repeat 0px 0px;}
.col-foot-2{background: url(../images/foot2.png) no-repeat 0px 0px;}
.col-foot-3{background: url(../images/foot3.png) no-repeat 0px 0px;}
.col-foot-4{background: url(../images/foot4.png) no-repeat 0px 0px;}
.fb_foot{margin-bottom: 20px;}
.logo_ct{float: left; margin-right: 10px;}
.mxh_f{text-align: center;}
.mxh_f img{margin: 0px -7px; height: 70px; display: inline-block; width: auto;}
.thongke{margin-top: 40px;}
.name_foot{font-family: 'font4'; text-transform: uppercase; font-size: 30px; color: #fff;position: relative; text-align: center; margin-bottom: 30px;}
.title_email{font-size:14px;font-family: 'OpenSansRegular';}
.dangkymail{margin:20px 0px;height:55px;border:1px solid #959392;padding:2px;box-sizing: border-box;}
.dangkymail input{color:#fff;font-size: 14px; width:85%;float:left;height:100%;background:none;border:none;outline: none;padding-left:15px;box-sizing: border-box;}
.dangkymail button{width:15%;text-transform: uppercase;color:#fff;font-size: 18px;font-family: 'UTMAvo'; float: left;height:100%;border:none;outline:none;background:#ff0000;}
.social{margin-top: 20px}
.social span{display:inline-block;float: left;line-height:27px;color:#fff;padding-right:7px;}
.social img{margin-right:2px;}
.content_footer{color:#fff;margin-top:15px;}
.register_mail{max-width:765px;margin:auto;padding:30px 0px;}
.title_email{font-size:30px;font-family: 'UTMAvo';color:#fff;text-align: center;text-transform:uppercase;}
.slogan_mail{text-align: center;color:#fff;font-size: 14px;font-family: 'UTMAvo';display:block;}
#bottom{color:#000;font-size: 13px;font-family:'font3';  background: url(../images/bg_copy.jpg) repeat-y; padding: 12px 0px 2px;}
.col-copy{text-align: center; font-family: 'font3'; color: #ccc; font-size: 14px; margin-bottom: 20px;}
.col-copy span{color: #fff;}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 99999999999; }
#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; }
.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);
  }
}
.swiper-gcn{overflow: hidden;}
#other{background: #f7f7f7; padding: 40px 0px 10px;}
.col-other{margin-bottom: 30px;}
.col-other .title{position:relative;margin-bottom:15px; overflow: hidden;}
.col-other .title h3{color:#000;text-transform:uppercase;margin:0;font-size:30px;display:inline-block;position:relative;
  z-index:2;font-family:'font4';
}
.col-other .title h3:after{content: ''; background: url(../images/line_other.png) no-repeat; width: 550px; height: 10px;
  position: absolute; left: 110%; bottom: 15px;
}
#other .content.news h4{margin:0;margin-bottom:10px;font-size:15px;line-height:normal;}
#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:14px; font-family: 'font3'; line-height: 24px; color: #333;}
#other .content.news .view-more{margin-top:15px;}
#other .content.news .view-more a{text-decoration:none;color:#333;display:inline-block;padding:12px 20px 11px;border:2px solid #333; font-family: 'font1'; font-size: 12px; background: #f2f2f2;}
#other .content.news .view-more:hover a{background:#ed1c24;color:#fff; border:2px solid #ed1c24;}
#other .content.news img:hover{opacity:0.8;}
#other .big-news{margin-bottom:20px; padding-right: 7px;}
#other .big-news .news-thumbnail{float: left; width: 280px;}
#other .big-news .news-desc{float: right; width: calc(100% - 300px);}
#other .big-news .news-desc .date_create{margin-top: 10px; font-family: 'font3'; color: #555; font-size: 12px;}
#other .big-news img{width:100%;height:auto;margin-bottom: 10px;}
#other .content.news .list-news-small{display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 22px; grid-row-gap: 25px;}
#other .content.news .list-news-small .small-item{}
/*#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: 10px; font-family: 'font3'; color: #555; font-size: 12px;}
#img_home{padding: 40px 0px;}
.col-img{margin-bottom: 20px; padding: 0px 7px;}
.col-img:nth-child(4n+1){clear: left;}
.item_ha img{width: 100%; height: auto;}
.list_img_home{position: relative;}
.item_img{position: relative; display: inline-block;}
.item_img img{width: 100%; height: auto;}
.item_img .name{text-align: center; position: absolute; bottom: -100%; left: 0px; width: 100%; background: rgb(0,0,0,0.7); color: #fff; font-family: 'font3';
  font-size: 14px; padding: 10px; transition: all 0.4s;
}
.item_img:hover img{opacity: 0.9;}
.item_img:hover .name{bottom: 0px; transition: all 0.4s;}
.item_img_1{float: left;}
.item_img_2, .item_img_4{float: left; margin-left: 20px;}
.item_img_3, .item_img_5{float: right;}
.item_img_2, .item_img_3{margin-bottom: 20px;}
.view_all_img{text-align: center; margin-top: 15px;}
.view_all_img a{display: inline-block; color: #000; padding: 12px 40px 9px; font-family: 'font3'; font-size: 14px; border: 1px solid #a2a2a2;}
.view_all_img a:hover{background: #e5c050; border: 1px solid #e5c050;}
#about_home{position: relative; padding: 40px 0px 20px;}
.content_about{position: relative;}
.content_about:before{content: ''; position: absolute; left: -60px; background: url(../images/wc.jpg); width: 59px; height: 387px;}
.img_about img{width: 100%; height: auto;}
.img_about img:hover{opacity:0.8;}
.txt_about{font-family: 'font4'; font-size: 22px; letter-spacing: 2px; line-height: normal;}
.name_about{margin-bottom: 10px; color: #333; font-family: 'font1'; font-size: 34px;}
.line_about{background: #333; width: 50px; height: 2px; margin-bottom: 15px;}
.des_about{
  font-size:14px;line-height:24px; color: #393939; font-family: 'font3'; text-align: justify;
}
.view_about{margin-top:20px; text-align: left; }
.view_about a{display:inline-block; font-size:15px;color:#fff; font-family: 'font3'; line-height: 40px; border-radius: 7px; padding-right: 20px;
   background: #2b9302 url(../images/muiten.png) no-repeat 25px center; height: 40px; text-align: center; padding-left: 40px;
}
.view_about a:hover{opacity: 0.9;}
.info_about{margin-top: 12px; padding-top: 18px; border-top: 1px solid #cdcdcd;}
#product_new{padding: 40px 0px;}
#product_nb{padding: 40px 0px;}
.swiper-dv{overflow: hidden;}
.ul_home{list-style: none;}
.col-dv{margin-bottom: 25px; padding: 0px 10px;}
.col-dv:nth-child(4n+1){clear: left;}
.item_dv{max-width: 280px; margin: auto;}
.item_dv .img{position: relative; overflow: hidden;}
.item_dv .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_dv: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_dv .info{position: relative; padding-top: 12px;}
.item_dv .info .name{text-align: center; margin-bottom: 8px;}
.item_dv .info .name a{color: #000; font-family: 'font2'; display: block;}
.item_dv .info .name h3{font-size: 16px; line-height: normal;}
.item_dv .info .des{font-family: 'font3'; font-size: 13px; line-height: 22px; margin-top: 10px;}
.item_dv .view{margin-top: 10px; text-align: center;}
.item_dv .view a{display: inline-block; color: #000; font-family: 'font2'; font-size: 12px; text-align: center; text-transform: uppercase;
  background: url(../images/xemthem.png); width: 100px; height: 40px; line-height: 42px; background-size: 100% 100%;
}
.item_dv .price{text-align: center; color: #000; font-size: 15px; font-family: 'font2';}
.item_dv .price span{color: #de1717; font-family: 'font1';}
.item_dv:hover .info .name a{color: #d5312d;}
.paging{text-align: center; clear: left;}
.wrap_video{max-width: 800px; margin: auto;}
#doitac{padding: 40px 0px;}
.wrap_dt{position: relative; padding: 0px 120px;}
img.img_dt{width: 100%; height: auto;}
img.img_dt:hover{opacity: 0.9;}
.next_doitac{background: url(../images/next_dt.jpg) no-repeat 0px 0px; width:37px; height: 37px; position: absolute; right: 0px; top: 30%; cursor: pointer; z-index: 99}
.prev_doitac{background: url(../images/prev_dt.jpg) no-repeat 0px 0px; width: 37px; height: 37px; position: absolute; left: 0px; top: 30%; cursor: pointer; z-index: 99}
.item_ykien{border: 1px solid #333; border-radius: 100px 0px 0px 100px; padding: 10px; margin-bottom: 10px;}
.item_ykien .img{float: left; border-radius: 50%;}
.item_ykien .img img{border-radius: 50%;}
.item_ykien .info{float: right; width: calc(100% - 155px);}
.item_ykien .info .desc{margin-bottom: 14px; font-family: 'font4'; font-size: 13px;}
.item_ykien .info .line{width: 50px; height: 1px; background: #333; margin-bottom: 14px;}
.item_ykien .info .name{font-family: 'font2'; font-size: 13px;}
.col-video{position: absolute; right: 0px; top: 40px; max-width: 615px; width: 100%;}
.col-video iframe{width: 100%; border: none; height: 345px;}
#sel_vd{margin-top: -5px; border-radius: 0px;}
#dknt{position: relative; padding: 50px 0px;}
.frm_dl{background: #fff; padding: 25px 30px; max-width: 520px; position: relative; float: right;}
.frm_dl input::-webkit-input-placeholder{font-size: 14px;}
.frm_dl input:-moz-placeholder{font-size: 14px;}
.frm_dl input:-ms-input-placeholder{font-size: 14px;}
.name_dknt{text-align: left; font-family: 'font1'; font-size: 34px; margin-bottom: 15px;}
.frm_dktn{position: absolute; top: -17px; left: 50%; background: #fff; z-index: 9; transform: translate(-50%,0); max-width: 337px;
  padding: 20px 20px 2px 20px;
}
.frm_dktn .name{text-align: center; font-family: 'font4'; text-transform: uppercase; font-size: 24px; margin-bottom: 10px;}
.frm_dktn .txt{text-align: center; font-family: 'font2'; font-size: 13px; margin-bottom: 10px;}
.txt_other{font-family: 'font3'; font-size: 14px; margin-bottom: 20px;}
.frm_contact2{max-width: 475px; float: left; }
.frm_contact2 input, .frm_contact2 textarea{background: #ffff; border: 1px solid #e9e9e9; padding: 14px 15px; width: 100%; margin-bottom: 10px;}
.frm_contact2 input[type='text'],.frm_contact2 input[type='email']{width: 100%;}
.frm_contact2 input[type='submit']{width: auto; color: #fff; background: #ed1c24; border: none; width: 124px; height: 50px; 
  font-size: 17px; font-family: 'font2'; line-height: 50px; text-align: center; padding: 0px; border-radius: 5px;
}
.frm_contact2 .flex_r{
  display: -webkit-box;display: -ms-flexbox;display: flex;
  -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;
}
.frm_contact2 .flex_r input{width: calc(50% - 5px); margin-right: 10px;}
.frm_contact2 .flex_r input:nth-child(2n){margin-right: 0px;}
.frm_contact2 .btn_action{text-align: center; margin-top: 10px;}
.frm_contact2 .wrap input{float: left;}
.frm_contact2 .wrap input:nth-child(2n){float: right; clear: right;}
.name_home{background: url(../images/line.jpg) no-repeat center center; min-height: 17px;text-align: center; margin-bottom: 20px;}
.name_home span{display: inline-block; background: #fff; z-index: 1; padding: 0px 40px; font-family: 'font1'; text-transform: uppercase; font-size: 28px;}
#news{padding: 40px 0px;}
.swiper-tt{overflow: hidden;}
.item_article .img{overflow: hidden; position: relative;}
.item_article .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_article: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_article .img .icon{background: #fdb10f; color: #000; position: absolute; right: 10px; top: 10px; padding: 14px 6px 4px; text-align: center; line-height: 27px;}
.item_article .img .icon p.ngay{font-family: 'font1'; font-size: 20px; }
.item_article .img .icon p.line{width: 100%; height: 1px; background: #000;}
.item_article .img .icon p.thang{font-family: 'font2'; font-size: 13px; }
.item_article .info{position: relative; text-align: left; padding: 10px;}
.item_article .info .name{margin-bottom: 5px; margin-top: 5px;}
.item_article .info .name a{color: #000; font-family: 'font1'; font-size: 18px;}
.item_article .info .des{font-family: 'font3'; font-size: 14px; line-height: 25px; color: #848484; max-height: 77px; overflow: hidden;}
.item_article:hover .info .name a{color: #ed1b26;}
#product_cate{background: #f2f2f2; padding: 30px 0px;}
.swiper-dmsp{overflow: hidden;}
.swiper-dmsp .swiper-pagination{bottom: -20px;}
.swiper-dmsp .swiper-pagination-bullet-active{background: #fdb10f;}
.item_dmsp{background: #2f0c03; border-radius: 5px;}
.item_dmsp a{display: block; padding: 15px;}
.item_dmsp .img{float: left; }
.item_dmsp .info{width: calc(100% - 65px); float: right; padding-top: 10px;}
.item_dmsp .name{color: #fff; font-family: 'font2'; font-size: 16px; margin-bottom: 4px; line-height: normal; text-transform: uppercase;}
.item_dmsp .view{color: #aca6a4; font-family: 'font2'; font-size: 13px; font-style: italic;}
.item_dmsp:hover{background: #fdb10f;}
.item_dmsp:hover .name{color: #2f0c03;}
.item_dmsp:hover .view{color: #2f0c03;}
#product_home{padding: 40px 0px;}
.row_pro_home{padding: 20px 0px;}
.row_pro_home .name_list{text-align: left; border-bottom: 3px solid #fdb10f; position: relative; margin-bottom: 15px;}
.row_pro_home .name_list span{display: inline-block; position: relative;}
.row_pro_home .name_list span{background:#fdb10f; padding: 12px 40px 11px 80px; color: #333; font-size: 17px; font-family: 'font1'; 
  text-transform: uppercase; min-height: 47px;
}
.row_pro_home .name_list span:before{content: ''; background: url(../images/icon_name1.jpg); width: 26px; height: 50px; position: absolute;
  left: 0px; top: 0px;
}
.row_pro_home .name_list span:after{content: ''; background: url(../images/icon_name2.jpg); width: 95px; height: 50px; position: absolute;
  right: -95px; top: 0px;
}
.row_pro_home .name_list .link{position: absolute; right: 0px; top: 22px;}
.row_pro_home .name_list .link a{background: url(../images/tatca.png) no-repeat 0px 4px; padding-left: 15px; color: #575757; font-family: 'font2';
  font-size: 13px;
}
.row_pro_home .name_list .link a:hover{color: #000;}
.qc_pro.qc_l{float: left;}
.qc_pro.qc_r{float: right;}
.qc_pro{width: 30%;}
.qc_pro img{width: 100%; height: auto;}
.qc_pro img:hover{opacity: 0.9;}
.khung_pro{width: 70%;}
.khung_pro.khung_l{float: left;}
.khung_pro.khung_r{float: right;}
.col-sphome{margin: 0 6px 10px; float: left; width: calc(33.33% - 14px);}
.khung_pro.khung_r .col-sphome{float: right;}
.col-sphome:nth-child(3n+1){clear: left;}
.col-dvhome{margin-top: 30px;}
.block_dv .name{background: #0066cc; color: #fff; font-family: 'font1'; text-transform: uppercase; font-size: 25px; padding: 7px 20px;}
.block_dv .ul_dv ul{list-style: none;}
.block_dv .ul_dv ul li a{display: block; color: #0066cc; font-family: 'font3'; font-size: 15px; border: 1px solid #dddddda6; padding: 12px 10px;
margin-top: 5px; background: url(../images/ul_dv.jpg) no-repeat 95% center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);/*FF 3.5+*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 5px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.block_dv .ul_dv ul li a:hover{color: #fff; background: #0066cc; transition: all 0.4s;}
#link_fan{position: fixed; right: 0px; top: 25%; z-index: 99;}
#link_fb{position: fixed; right: 0px; top: calc(25% + 145px); z-index: 99;}

.item_ttnb{position: relative;}
.item_ttnb .img{position: relative; overflow: hidden;}
.item_ttnb .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_ttnb: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_ttnb .date{float: left; width: 60px; height: 110px; background: url(../images/bg_date.jpg) no-repeat; font-family: 'font2'; color: #fff;}
.item_ttnb .date .r1{height: 76px; padding-top: 20px;}
.item_ttnb .date .r2{height: 34px; line-height: 34px; text-align: center; font-family: 'font3'; font-size: 15px;}
.item_ttnb .date .r1 p{font-size: 25px; margin-bottom: 15px;}
.item_ttnb .date .r1 p:last-child{font-family: 'font3'; font-size: 15px;}
.item_ttnb .info{position: relative; padding-top: 12px; float: right; width: calc(100% - 60px); padding: 20px 20px; text-align: left;
  background: #fff; z-index: 9;
}
.item_ttnb .info .name{text-align: left; margin-bottom: 8px;}
.item_ttnb .info a{color: #000; font-family: 'font1'; display: block; font-size: 14px;}
.item_ttnb .info .des{font-family: 'font3'; font-size: 13px; line-height: 22px; margin-top: 10px; }
.item_ttnb .view{margin-top: 10px; }
.item_ttnb .view a{display: inline-block; color: #878787; font-family: 'font3'; font-size: 13px; border: 1px solid #b8b8b8;
  padding: 10px 15px;
}
.item_ttnb .view a:hover{background: #e1ad48; border: 1px solid #e1ad48; color: #000;}
.item_ttnb:hover .info .name a{color: #dda541;}
#ykien{padding: 40px 0px;}
.owl_yk{padding: 0px 30px; position: relative;}
.prev_yk{position: absolute; left: 0px; top: 42%; cursor: pointer; background: url(../images/prev_slide.png); width: 15px; height: 32px;}
.next_yk{position: absolute; right: 0px; top: 42%; cursor: pointer; background: url(../images/next_slide.png); width: 15px; height: 32px;}
.owl_yk .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 20px;}
.item_yk .img{width: 265px; left: 0px; top: 50%; transform: translate(0,-50%); position: absolute;}
.item_yk .info{float: right; width: calc(100% - 265px); padding: 30px 20px; background: #fff; min-height: 286px;}
.item_yk .name{color: #ebb100; font-family: 'font2'; font-size: 18px; text-align: left; margin-bottom: 10px;}
.item_yk .des{font-family: 'font3'; font-size: 14px; line-height: 22px; font-style: italic;}
.item_yk .des img{width: auto; display: inline-block; margin-right: 10px; margin-bottom: 5px;}
#why{padding: 40px 0px; height: 511px;}
.txt_why_1{text-align: center; font-family: 'font3'; font-size: 17px; color: #e1e1e1; line-height: normal;}
.txt_why_2{font-family: 'font4'; font-size: 60px; color: #e5c050; text-align: center;}
.list_why{position: relative; width: 1105px; height: 230px; margin: auto; margin-top: 60px;}
.item_why{position: absolute; width: 324px;}
.item_why .wrap{position: relative;}
.item_why .img{position: absolute; right: 0px; top: 0px;}
.item_why .img img{width: 100%; height: auto;}
.item_why .info{float: left; background: url(../images/why.png) no-repeat; width: 250px; height: 72px; margin-top: 14px; text-align: center;
  padding-top: 10px;
}
.item_why .name{font-family: 'font1'; font-size: 16px; color: #000; line-height: normal; margin-bottom: 2px;}
.item_why .des{font-family: 'font3'; font-size: 13px; max-width: 155px; margin: auto; line-height: 15px; height: 30px; overflow: hidden;}
.item_why2 .img{left: 0px; right: auto;}
.item_why2 .info{float: right;}
.item_why_1{left: 90px; top: 0px;}
.item_why_2{right: 90px; top: 0px;}
.item_why_3{bottom: 0px; left: 0px;}
.item_why_4{bottom: 0px; right: 0px;}
#daotao{padding: 40px 0px;}
.item_daotao .img{margin-bottom: 15px; overflow: hidden;}
.item_daotao .img img{width: 100%; height: auto;}
.item_daotao .info{
  display: -webkit-box;display: -ms-flexbox;display: flex;
  -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;
}
.item_daotao .info .col_l{width: 33px; background: url(../images/line_dt.png) no-repeat right bottom;}
.item_daotao .info .col_r{width: calc(100% - 33px); padding-left: 25px;}
.item_daotao .name{margin-bottom: 5px;}
.item_daotao .name a{color: #e8c85e; font-family: 'font2'; font-size: 16px;}
.item_daotao .des{color: #d9d9d9; font-family: 'font3'; font-size: 14px; line-height: 22px; text-align: justify;}
.item_daotao .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_daotao: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_daotao:hover .name a{color: #e2aa3d;}
.box_fotorama{max-width: 800px; margin: auto; margin-bottom: 20px;}

#support_mobile{width:100%;text-align:center;margin:auto;background:#df0000;position:fixed;z-index:999;left:0;bottom:0;border-top:1px solid #fff;display: none; height: 50px; line-height: 50px;}
#support_mobile a{color:#fff;text-decoration:none; font-size: 14px; display: block; font-family: 'font1'}
#support_mobile i{font-size: 20px; margin-right: 5px;}
#support_mobile img{width:25%;max-width:35px;vertical-align:middle; margin-right: 5px;}
#support_mobile .td{position: relative; float: left; width: 33.33%;}
#support_mobile .list_hl_mb{
    position: absolute;
    width: 150px;
    bottom: 50px;
    display: none;
}
#support_mobile .list_hl_mb .wrap {
    position: relative;
    background: #9b0506;
}
#support_mobile .list_hl_mb .wrap:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #9b0506;
    border-width: 5px;
    margin-left: 0px;
}
#support_mobile .list_hl_mb p{text-align: center; border-bottom: 1px solid #eeeeee4f}
#support_mobile .list_hl_mb p:last-child{border: none;}
#support_mobile .list_hl_mb a{color: #fff; font-size: 15px; display: block; padding: 7px 10px; width: 100%; float: none; line-height: normal;}
#support_mobile .list_hl_mb.active{display: block;}
.next_pro{background: url(../images/next_pro.jpg) no-repeat 0px 0px; width:19px; height: 47px; position: absolute; right: -50px; top: 33%; cursor: pointer; z-index: 99}
.prev_pro{background: url(../images/prev_pro.jpg) no-repeat 0px 0px; width: 19px; height: 47px; position: absolute; left: -50px; top: 33%; cursor: pointer; z-index: 99}
.list_pro_nb{text-align: center; margin-bottom: 20px; font-family: 'font3';}
.list_pro_nb span{margin: 0px 15px; display: inline-block; font-size: 17px; color: #ccc;}
.list_pro_nb span:last-child{display: none;}
.list_pro_nb a{display: inline-block; font-size: 18px; color: #333; text-transform: capitalize; padding: 5px 0px;}
.list_pro_nb a:hover, .list_pro_nb a.active{color: #d5312d;}