@charset "utf-8";
/*===========import============*/
@import"css.css";
@import"fonts.css";
@import"font-awesome.min.css";
@import"navx.css";
@import"bxslider.css";
@import"animate.css";
/*=======================*/

body { font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) center; background-size: 100% 100% }
.page { background: #fff; }
.page { padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; width: 1300px !important; }
.menu, .header, .slider, .footer, .main, .partner { clear: both; width: 100%; text-align: center; display: inline-block }
/*===============================css*/
.ibl { width: 100%; display: inline-block }
.inner-block { border: solid 1px #ccc; width: 100%; display: inline-block }
.inner-footer { padding: 10px; }
.inner-ibl { border: solid 1px #C8CACA; width: 100%; display: inline-block; background: #f3f3f3 }
.tt-main> span { display: inline-block; width: 100%; }
.tt-side { margin: 0; text-transform: uppercase; font-size: 1em; font-weight: bold; line-height: 30px; display: inline-block; width: 100%; text-align: center; color: #fff; font-weight: 400; background: #e5e5e5; font-size: 13px; background: #0590f3;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */ background: rgb(73,155,234); /* Old browsers */ background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 ); /* IE6-9 */
}
.tt-main { margin: 0; text-transform: uppercase; font-size: 1em; font-weight: bold; line-height: 30px; display: inline-block; width: 100%; text-align: left; color: #000; font-weight: 400; background: #e5e5e5; font-size: 13px; background: #80C510;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */ background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}
.tt-main > span { width: 100%; height: 100%; padding-left: 10px; background-position: 5px center; background-repeat: no-repeat; font-size: 13px; font-weight: bold }
.tt-side> span { display: inline-block; padding: 0 10px; font-size: 13px; font-weight: bold; word-spacing: -1px }
.tt-side i { position: relative; padding-right: 10px }
.banner img { max-width: 100% }
/*===============================css*/
.top-pg { background: #64ACC5; color: #fff; padding: 5px 0; height: 35px; }
.wel { float: left; display: inline-block; font-style: italic; font-size: 16px; font-weight: bold }
.sign-box { float: right; display: inline-block }
.sign-box a { color: #fff; cursor: default }
.header { background-size: auto 100%; }
.header .container { text-align: left; position: relative; background-size: auto 100%; }
.right-hd { float: right; text-align: right; vertical-align: middle; display: inline-block; position: absolute; top: 35%; right: 0 }
.right-hd p { position: relative; margin-left: 5px; vertical-align: middle; display: inline-block }
.cart-top a { font-weight: bold }
.cart-top i { font-size: 1.3em; margin-right: 2px; }
.colads { width: 32%; float: right; padding-right: 0 }
.colslider { width: 67%; padding-left: 0 }
.hotline-hd { color: #ff0; font-size: 1.4em }
.hotline-menu { margin: 0; padding: 0; position: absolute; right: 10px; top: 0; line-height: 29px; color: #000; white-space: nowrap; }
.brand, .brand-name { display: inline-block; vertical-align: top }
.brand, .brand img { width: 100%; }
.hotline { position: absolute; bottom: 10px; right: 0; font-size: 1.8em; font-family: "Times New Roman", Times, serif; font-style: italic; color: #f00 }
.hotline i { font-size: 22px; margin-right: 8px; }
/*=============================modal-mn*/
.modal-mn { position: absolute; background: rgba(0,0,0,0.7); display: inline-block; width: 100%; height: 100%; z-index: 9999999; padding-top: 10% }
.modal-mn { text-align: center; display: none }
.frm-signin { margin-left: auto; margin-right: auto; display: inline-block; width: 500px; background: #fff; padding: 15px; position: relative; }
.tt-modal { font-size: 1.3em; line-height: 30px; text-align: left; }
.closebtn { position: absolute; top: 10px; right: 10px; font-size: 15px; font-weight: bold; text-decoration: none; background: #666; color: #fff; padding: 0 4px }
.closebtn:hover { text-decoration: none; cursor: default }
/*===============================tim kiem*/
.f-left { float: left; font-weight: bold; margin-top: 5px; }
.search { display: inline-block; margin-left: auto; position: relative; border: solid 1px #ccc; background: #fff; position: absolute; right: 3px; top: 3px; }
.txt-search { border: 0; height: 20px; float: left; width: 180px; text-indent: 10px; font-size: 12px; font-style: italic; outline: none; }
.txt-search:focus { background-color: #ddd; outline: none }
.btn-search { cursor: default; display: inline-block; height: 100%; border: 0; position: absolute; right: 0; top: 0; }
.btn-search i { color: #666; line-height: 20px; padding: 0 5px; font-size: 13px }
.btn-search:hover, .btn-close:hover { color: #f00 }
/*===============================end tim kiem*/
/*==============main=========*/
.main { margin-top: 7px; }
.iblock { width: 100%; display: inline-block; margin-bottom: 10px; }
.main .container, .slider > .container { position: relative; text-align: left; }
.main-content { }
.inner-content { display: inline-block; width: 100%; }
.tt-dt { font-size: 1 em; text-transform: uppercase; width: 100%; display: inline-block; font-weight: 400; margin-bottom: 15px; font-weight: bold }
.tt-dt span { border-bottom: solid 1px #fff; display: none }
.footer > .container { text-align: center; }
.line-ft { border-top: solid 1px #a3a390; margin-bottom: 10px }
.add-ft { font-style: normal; }
.hotline-box { position: relative; display: inline-block; width: 100%; background: url(../images/bg-hotline.png) no-repeat; min-height: 47px; margin-bottom: 10px; }
footer { background-size: auto 100%; margin-top: 20px; padding-top: 5px; border-top: solid 2px #0b3cda }
.inner-footer { display: inline-block; width: 100%; display: table; position: relative; }
.footer .container { text-align: left; }
footer .address { color: #000; width: 100%; text-align: center }
/*====================aside=======================*/
.aside { text-align: left; }
.inner-side { padding: 0px; }
.aside .ibl { width: 100%; margin-bottom: 10px }
.aside img { max-width: 100% }
.ads img { width: 100%; margin-bottom: 5px }
.inner { padding: 10px; text-align: center }
.lv1, .lv2, .lv3 { font-size: 1em }
.navy { position: relative; z-index: 9; width: 100%; }
.navy ul { list-style: none; padding-bottom: 0px; margin: 0; padding: 0; width: 100% }
.navy > ul >li { padding: 0px; font-weight: bold; position: relative; }
.navy > ul >li > .lv { background: #e7e7e7; padding: 5px }
.navy > ul >li > .lv>a { color: #00F; text-transform: uppercase }
i.fa-lefticon { background: url(../images/li-navy.png) no-repeat; width: 5px; height: 7px; position: relative; display: inline-block }
.navy a { padding-left: 5px; font-weight: 400; color: #00F; font-weight: bold }
.navy li li a { font-weight: 400 !important }
.navy>ul>li:hover > .lv >a { text-decoration: none; }
.navy ul ul li { padding: 5px 10px; border-bottom: solid 1px #dadada; position: relative; }
.navy>ul>li:hover>ul { display: block; }
/*services-lst*/
.services-lst { margin: 10px 0 }
.ser { padding: 10px; position: relative; display: inline-block; border: solid 1px #ccc }
.img-ser img { height: 148px; width: 101px; float: right }
.tt-ser { font-size: 13px; text-align: left; text-transform: uppercase; font-weight: 700; padding: 10px 0; }
.tt-ser a { color: #27337f }
.link-news-orther { position: absolute; color: #006; bottom: 5px; left: 0; font-size: 1.1em }
.navy li:last-child { border: 0 }
.tt-2 a { padding-left: 5px }
/*===========================media*/
.detail-news h2{ font-size:1.2em; font-weight:normal; margin:5px 0;}
.detail-news p{ margin:7px 0}
.bt-content { width: 100%; display: inline-block }
.list-news-index { width: 66%; float: left }
.facebook-box { width: 33%; float: right }
.list-media { width: 100%; display: inline-block; }
.media { width: 100%; text-align: left; display: inline-block; padding: 15px 10px; border-bottom: dotted 1px #ccc; position: relative }
.media:last-child { border: 0 }
.tt-media { font-size: 1em; font-weight: bold }
.tt-media a { text-transform: none; }
.des-media { text-align: justify }
.post-datetime { font-style: italic; color: #666 }
.photo-media { float: left }
.photo-media img { max-width: 100%; border: solid 1px #ddd; margin-right: 20px; max-width: 150px; }
.aside .media { padding: 5px 7px; border: 0 }
.tt-2 { font-weight: 400 !important; border-bottom: dotted 1px #ccc; padding-bottom: 10px }
.aside .inner-media { border-bottom: dotted 1px #ccc; width: 100%; display: inline-block; padding-bottom: 5px }
.aside .list-media .media:last-child .inner-media { border: 0 }
.aside .photo-media img { max-width: 50px; height: 50px; margin-right: 5px; }
/*===========================media*/

.list-products { width: 100%; display: inline-block }
.product { width: 33.3%; float: left; padding: 10px; text-align: center;height: 320px}
.list-products .inner-product { }
.list-project .product { width: 50%; padding: 20px; }
.list-project .inner-product { height: 300px; background: none }
.inner-product { width: 100%; display: inline-block; padding-bottom: 5px; text-align: center; position: relative; height:312px }
.img-product { display: inline-block; position: relative; border: solid 1px #e5e5e5 }
.img-product img { height: 200px; display: inline-block; width: 100% }
.img-product a { display: inline-block; height: 200px; overflow: hidden; width: 100% }
.product:hover .img-product { border-color: #00f }
.tt-product { font-size: 1.1em; padding-top: 10px; font-weight: 400; width: 100%; display: inline-block; margin-bottom: 5px; }
.tt-product a { text-overflow: ellipsis; color: #00f; overflow: hidden; font-size: 13px; font-weight: bold; }
.des-product { display: inline-block; width: 100%; margin: 3px 0; color: #000; height: 55px; overflow: hidden }
.price-product { font-size: 13px; color: #f00; text-align: center; font-weight: bold; }
.detail-product { width: 100%; display: inline-block; font-size: 13px; text-align: justify; padding: 0 0px; color: #666; font-size: 16px; line-height: 170%; font-family: Arial, Helvetica, sans-serif }
.detail-info { width: 100%; display: inline-block; margin-top: 30px }
.detail-product h2 { font-weight: normal; font-size: 1.3em }
.detail-pro .btn { }
.pro-btn { width: 100%; margin-top: 30px }
.btn-product { display: inline-block; width: 100%; padding: 5px 10px; font-weight: bold }
.detail-pro a i { margin-left: 5px }
.list-photo-detail { width: 50%; padding: 10px 10px; float: left; display: inline-block; padding-top: 0; margin-top: 20px; }
.short-detail-pro { width: 50%; float: right; display: inline-block; padding: 25px 30px; padding-top: 0; font-size: 1.1em }
.short-detail-pro h1 { color: #222; font-size: 1.1em; margin-bottom: 5px; padding: 7px 0; margin-top: 10px; font-weight: 600 }
.short-info { margin: 10px 0; }
.btn-b { background: url(../images/bg-navx.jpg); background-size: 100% 100%; padding: 4px 13px; color: #fff; display: inline-block; border: 0; font-weight: 400; border-radius: 3px; font-size: 1.1em; font-weight: normal; }
.btn-b:hover { cursor: pointer }
.btn-b-sm { padding: 3px 10px; font-size: 12px; }
.btn-l { padding: 6px 20px; }
.btn-b:hover { color: #fff; text-decoration: none; background: #FF7000; background-size: 100% 100%; }
.short-info b { font-style: italic; font-weight: 400 }
.price-detail { margin: 15px 0; font-size: 1.1em }
.price-detail b { color: #f00; font-size: 1.4em; width: 100%; float: left; margin: 5px 0; margin-bottom: 10px; }
.short-detail-pro p>span { display: inline-block; color: #0169B0; font-weight: bold; }
.number-prodetail { margin: 10px 0; clear: both; display: inline-block; padding: 5px; border: solid 1px #ccc; }
.btn-buy i { margin-right: 5px }
.detail-product { padding: 10px 20px; font-size: 13px; line-height: 180%; color: #333 }
.tt-detail { padding: 15px 0; font-size: 1.2em; font-weight: bold; color: #00264A; text-transform: uppercase }
.tt-detail span { border-bottom: solid 1px #00264A }
.aside .product { width: 100%; float: none; display: inline-block; margin-bottom: 10px; }
.aside .img-product img { }
.aside .tt-product { text-align: center }
.sl-pro { text-align: center }
.sl-pro figure img { display: inline-block; width: 100%; height: 100% }
/*===========================end product*/
 
  
#topcontrol { z-index: 9999999 }
.function { width: 100%; clear: both; border-bottom: dotted 1px #ccc; border-top: dotted 1px #ccc; padding: 5px 0; margin-top: 15px; }
.shareBox { float: left; margin-left: 5px; }
.toolbarBox { float: right; margin-right: 5px; }
.toolbarBox a { margin-right: 10px; }
.toolbarBox i { margin-right: 5px }
.otherNews { width: 100%; clear: both; margin-top: 5px; }
.otherNews h3 { font-size: 1.1em; color: #146c00; text-align: left }
.otherNews ul { margin: 0; padding: 0; margin-left: 10px; margin-top: 10px; }
.otherNews ul li { margin: 5px 0; }
.otherNews ul li i { color: #666; margin-right: 3px; }
.otherNews ul li a { text-decoration: none }
/*contact*/
.contact { padding: 10px 20px; display: inline-block; width: 100% }
.contact .inner { text-align: left; padding: 10px 15px; padding-bottom: 20px }
.form-ct { width: 100%; }
.contact .form-ct { width: 70%; }
.map { width: 100%; display: inline-block; margin-top: 20px; float: right }
.txt { border: solid 2px #ccc; background: #fff; height: 35px; padding: 5px 10px; width: 100%; margin-top: 7px; outline: none }
.txt:focus { border-color: #2F87E7 }
.txt-md, .frm-lg textarea, .select { border: solid 1px #bbb; width: 100%; min-height: 30px; margin: 0px 0; padding: 0 10px }
.signup .frm-lg { margin-left: auto; margin-right: auto }
.frm-lg .rowmn >div:first-child { text-align: right; line-height: 30px; }
.frm-lg .rowmn { margin: 5px 0; }
.frm-lg { line-height: 30px; }
.profile .frm-lg { width: 72%; float: left; display: inline-block }
.profile .btn-b { padding: 1px 30px }
.chk, .rdo { position: relative; top: 2px; }
.frm-lg p { margin: 7px 0 }
.address-ct { margin: 15px 0 }
.send { margin: 10px 0; width: 100% }
.btn-send { padding: 5px 18px; vertical-align: top; display: inline-block; float: right; }
.form-ct .captcha { width: 200px; margin: 0; vertical-align: top; display: inline-block; }
.form-ct textarea { min-height: 90px }
.send img { vertical-align: top; display: inline-block; height: 30px; }
.signup { display: inline-block; width: 100%; }
.signup .rowmn >div:first-child { text-align: right; line-height: 30px; }
.signup .send { text-align: left !important }
.txt-md, .frm-lg textarea, .select { border: solid 2px #ccc; width: 100%; min-height: 30px; margin: 0px 0; padding: 0 10px; outline: none }
.txt-md:focus { border-color: #80C510 }
.frm-lg { margin-left: auto; margin-right: auto; text-align: left; width: 90% !important }
.frm-lg .rowmn { margin: 5px 0; }
.chk, .rdo { position: relative; top: 2px; }
.frm-lg p { margin: 7px 0 }
red { color: red }
textarea.txt-md { min-height: 100px }
/*=============================================================social*/
.social { text-align: center; background: url(../images/bgf.png) top center no-repeat; margin-top: 20px; padding-top: 20px }
.social a { margin-left: 5px; }
.social i { border: solid 0px #eae7de; -webkit-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 15px; }
.social i:hover { color: #fff; border-color: #000; }
.facebook i { background: #235A9B }
.google-plus i { background: #FD4837 }
.twitter i { background: #00ACEE }
.youtube i { background: #E52C27 }
.linkedin i { background: #007BB6 }
/*=============================================================End social*/
   
 
.httt { text-align: center; padding-bottom: 10px; }
.name { }
.numerphone { font-size: 13px; font-weight: bold }
.iconhttt { margin: 5px; margin-top: 10px }
.cart-right { padding-bottom: 10px }
.iconcart .ico { width: 25px; height: 25px; background: url(../images/icon-cart.png) left center no-repeat; margin-right: 5px; display: inline-block; position: relative; top: 8px; }
.iconcart { line-height: 30px; font-weight: 700; text-align: center; margin : 10px 0; }
.p-cart { padding: 3px 0 }
.p-cart .ico { width: 10px; height: 10px; position: relative; margin-right: 5px; display: inline-block; background: url(../images/icon-p-cart.png) left center no-repeat }
.cart-right { text-align: center }
/*httt*/
.popupBox { border-collapse: collapse; display: none; font-weight: bold; line-height: 20px; position: fixed; width: 300px; right: 2px; bottom: 0px; z-index: 999999; padding: 0px; background: #FFF; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; border: solid 1px #1171AE; border-bottom: 0; }
.triggerHttt { position: fixed; bottom: 0; right: 2px; height: 30px; line-height: 30px; color: #000; font-weight: bold; padding: 0 15px; background: url(../images/httt.png); background-size: 100% 100%; width: 180px; height: 30px; z-index: 99999; }
.popupBox .button { background: #80C510; border: 0 none; color: #FFFFFF; width: 130px; text-align: center; cursor: pointer; text-decoration: none; font-size: 14px }
.popupBox .button:hover { background: #43a80c }
.closeBtnHttt { display: block; width: 20px; height: 20px; text-align: center; font-size: 14px; color: #FFFFFF; position: absolute; top: 0px; right: 0px; cursor: pointer; line-height: 20px; -webkit-border-radius: 50%; border-radius: 50%; }
.titleB { background: #1171AE; color: #fff; font-weight: bold; text-align: left; padding-left: 10px; line-height: 30px }
.boxInnerHT { padding: 10px; }
.popupBox .clsinput { width: 100%; float: left; height: 28px; border: solid 1px #ccc; border-radius: 5px; text-indent: 10px; resize: vertical; outline: none }
.popupBox .clsinput:focus { border-color: #85C81A }
.popupBox .clstextarea { width: 100%; float: left; height: auto; min-height: 50px; border: solid 1px #ccc; text-indent: 10px; outline: none }
.clsbtn { background: #1171AE; background-size: 100% 100%; width: 40%; margin-left: auto; margin-right: auto; height: 30px; line-height: 30px; color: #fff; border: 0; outline: none; }
.popupBox .rowmn { margin-bottom: 7px; }
.popupBox .boxInnerHT { color: #666 }
.popupBox p { font-weight: normal; text-align: justify }
.proBox { background: #cbcbcb }
.innerProBox { padding: 10px; overflow: hidden }
.hdb2 { background-image: none; background: none; color: #666; border-bottom: solid 1px #666; margin-bottom: 10px; }
.hdb2 span { border-bottom: solid 3px #00F; padding-bottom: 9px; font-weight: bold; color: #00F }
.hdb2 span:before { color: #00F; }
/*Cart*/
 
.adsfix { DISPLAY: none; POSITION: absolute; TOP: 0px; overflow: hidden; width: 150px !important }
.adsfix img { width: 100% }
.slg { height: 30px }
.slg .mq { font-style: italic; color: #f00; font-weight: bold; font-size: 13px; padding: 5px 0; background: #eaf5fb }
.slg>div { position: relative }
.link-p { padding: 5px; padding-left: 20px; border-bottom: solid 1px #80C510; position: relative }
.link-p:last-child { border: 0 }
.link-p i { color: #001F68; position: absolute; left: 10px; top: 30% }
.tbl { padding: 10px 5px }
.icon_visit { width: 20px; height: 20px; background : #333 url(../images/icon_visist.png) left no-repeat; float: left }
.icon_v_1 { background-position: left center; }
.icon_v_2 { background-position: -20px center; }
.icon_v_3 { background-position: -40px center; }
.icon_v_4 { background-position: right center; }
.visit .soluong { float: left; text-align: left; padding-left: 15px; padding-top: 10px; font-weight: bold; line-height: 20px; }
.tooltip_pro { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 5px; padding: 10px; color: #fff; max-height:400px; display:inline-block }
.tooltip_pro img{ max-height:380px}
.banner object embed { width:990px !important; height:248px !important}
.banner object { margin:0; padding:0}
.banner a{ width:100%; float:left}