/* CSS Document */

@import url('nivo-slider.css');

*{ margin:0; padding:0;}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-align:center;  background:url(../images/bg-wrapper2.png) top  center repeat-y; position:relative; font-family:Arial, Helvetica, sans-serif; color:#013448 }

div{ margin:0; padding:0}

img { border:none}

ul ,li{ list-style:none}

a { text-decoration:none; color:black }

.clear{ clear:both}

input.button{ width:auto !important; padding:4px 15px 4px 15px !important; background:#295463; color:white; font-weight:bold; cursor:pointer; border:none !important} 

.left-content h2, .right-content h2{ color:#013549; line-height:42px; font-size:12px; height:42px;  overflow:hidden; background: #e7e5e6;  text-transform:uppercase; text-align:center; border:1px solid #013549; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.title-left{ height:44px; background:url(../images/title-left.png) center; background-size: 100% 44px; width:100%;}

.left-content h3{ line-height:25px; color:#000; background: url(../images/line2.png) left repeat-y; padding-left:8px; margin:0px 0 0px 0 ; border-bottom:1px solid #e993b0; font-size:12px;text-transform:uppercase}

.left-content h3 a{ color:#000; }



h3.title, h1.title{font-size:15px;   text-align:center; padding:0 0px 0 0px;  text-transform:uppercase;  color:#012c3d;}

h1.title span{ }

h1.title a{ color:#FFF; margin:0 0 0 0px}

div.title{ height:44px; line-height:44px; overflow:hidden; background:url(../images/bg-title-content2.png) left center no-repeat;background-size: 100% 44px;}

h1.title2{ height:40px; line-height:40px; overflow:hidden; background:url(../images/bg-title-content.png) left center repeat-y; font-size:15px; padding-left:20px; color:#012c3d ;background-size:100%  }

.title3{ overflow:hidden; height:40px; overflow:hidden; margin:15px 0 15px 0; padding-left:15px;}

.title3 h1{ font-size:16px; background:url(../images/line.png) left bottom no-repeat; background-size:100%; padding-bottom:5px; float:left; overflow:hidden}

.bg-top{ background:url(../images/bg-header2.png) top center no-repeat }

.bg-bottom{ background:url(../images/bg-bottom2.png) bottom center no-repeat }

#wrapper{ width:933px;margin:0 auto;overflow:hidden; max-width: 100%;}

.bg{ }

.box-shadown{-moz-box-shadow: 0 0 3px 3px #afafaf;

-webkit-box-shadow: 0 0 3px 3px #afafaf;

box-shadow: 0 0 3px 3px #afafaf;width:980px; margin:auto; position:relative;}

/******************* Header ********************************/

#header{margin:auto; clear:both; position:relative; width:100%;  margin:0}

.banner{text-align:center; overflow:hidden;   margin:17px 0px 0 0px;   }

.banner img{width:100%; }

.menuTop{height:32px; line-height:32px;width:100%; margin:5px 0 0px 0; border-bottom:1px solid #cdcdcd }

.menuTop ul{ text-align:center;width:100% }

.menuTop li{ display:inline; float:left; text-align:center;position:relative; text-align:center; text-transform:uppercase; background:url(../images/border-li.png) right center no-repeat; padding:0 10px 0 10px}

.menuTop li:last-child{ background:none}

.menuTop li a{color:#174658; font-weight:bold ; display:inline-block; font-family:Calibri; font-size:14px }



.menuTop li:hover , .menuTop li.active {}

.menuTop a:hover ,.menuTop li.active a{ color:#39aee0}

.menuTop .socia{ overflow:hidden; float:right;width:200px; margin:5px 0 0 0}

#naviTop{ position:absolute; top:10px; right:10px;width:370px; height:30px; line-height:30px; text-align:right}

#naviTop li{ display:inline-block; background:url(../images/border-li2.png) right center no-repeat; padding:0 20px 0 20px}

#naviTop a{ text-transform:uppercase; font-weight:bold; color:white}

#naviTop li:last-child{ background:none}

/*************************** Sub menu********************/

.menuTop ul li ul{ overflow:hidden; position:absolute; top:35px; left:0px;width:220px; height:auto; z-index:99999; display:none; visibility:visible; padding-top:10px; background:#cbcdc0 }

.menuTop ul li:hover ul{ display:block}

.menuTop ul li ul li{ text-align:left;  line-height:35px !important; padding-left:10px;  margin:0; border-bottom:1px solid #FFF; display:block; float:none}

.menuTop ul li ul li a:hover{ }

.menuTop ul li ul li a{ text-transform:none}

p.cart{ line-height:30px; text-align:right}

p.cart a{ color:white; text-transform:uppercase; background:url(../images/icon-cart.png) left center no-repeat; padding-left:35px}

#frmSearch{margin:5px 5px 5px 5px; position:relative;}

#frmSearch p{ overflow:hidden; line-height:20px; margin:5px 0 5px 0}

#frmSearch #keyword{ margin:0px 0px 0 0;  background:#FFF; color:#000; padding-left:5px;width:180px; border:1px solid #cdcdcf; height:22px; margin-right:1px}

#frmSearch select{width:185px; padding:1px; margin-bottom:5px}

#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; background:#e7226c; width:70px; margin:auto; height:25px; line-height:25px; color:white; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}



.ui-widget{ overflow:hidden;  position:absolute; top:0; left:0;  border:1px solid #CCC; background:#FFF; text-align:left; line-height:25px; height:auto; padding-left:15px}



#frmNewsLetter{width:500px; float:left;  text-align:left; margin:15px 0 0 10px}

#frmNewsLetter p{ overflow:hidden; color:#e8eaeb}

#frmNewsLetter input{ float:right}

#frmNewsLetter #email{width:200px; background:#FFF url(../images/icon-mail.png) left top no-repeat; padding:0px 0 0px 27px; border:none; height:23px}

#frmNewsLetter #submit{ background:#666666; color:#eff5ee; border:none; cursor:pointer; line-height:23px; width:35px}

#frmNewsLetter label{ float:left; text-transform:uppercase; line-height:25px}

.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }

.navi-right ul{ text-align:center}

.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}

.navi-right li a:hover{ text-decoration:underline}

/********************** Slide***********************/

.slideHome{ overflow:hidden; height:180px;width:100%; }

.slideHome ul{width:2000px; overflow:hidden}

.slideHome li{ overflow:hidden; float:left; margin-right:18px;width:255px; height:180px; text-align:center}

.slideHome li img{webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:250px; height:175px; }

/*****************************  Content ************************************************/

#content{ text-align:left;padding:0 5px 0 5px; overflow:hidden; background:#e7e5e6}



/********************************** Left *******************************/



ul#category{margin:10px 5px 10px 5px;}

ul#category li{ margin:0 0px 0 20px;  line-height:30px;  font-weight:bold;   position:relative }

#category span{cursor:pointer; color:#FFF}

ul#category li.active{}

ul#category li:last-child{ border:none}

ul#category li a{ color:#013549; font-size:16px;font-family:Calibri; }

ul#category li:hover{}

ul#category li ul{ margin:0px;}

ul#category .active ul{ display:block !important}

ul#category li ul li{ }

ul#category li li a{ text-transform:none}



ul#category li ul{  margin:0; position:absolute; top:0; left:185px;width:200px; background:#d4fbfa; display:none; padding-left:5px} 

ul#category li:hover ul{ }

ul#category li ul li{}

ul#category li ul li:last-child{ border-bottom:none}

.left-content{width:303px;float:left; margin:0px 0px 0 0px;  text-align:left; clear:left; }



.block-left{ margin:0px 0 10px 0px; padding-bottom:10px}

.product-left{ overflow:hidden;  margin:10px 0 10px 0; text-align:center; line-height:25px; font-weight:bold }

.product-left img{max-width:100%; margin:0px 0 5px 0; }

.product-left .name{}

.product-left .price{ color:#ac1817}

.product-left .price span{ text-decoration:line-through}

/******************************** SUPPORT ****************************/

.hotline{ margin:10px 5px 10px 5px;  font-size:14px;font-weight:bold; border-top:1px dotted #c28c20; text-transform:uppercase; color:#c11113; padding:8px 0 0px 0; overflow:hidden}

.hotline p{width:100px; overflow:hidden; float:right}

.support{ overflow:hidden;  padding:0px 0 0px 0 ; margin:5px ;  text-align:center; }

.support  .yahoo{ float:left; margin:9px 0 0 20px; }

.support  .skype{ margin:0px 20px 0 0px; float:right }

.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:25px; text-align:center;  font-weight:bold; color:#35a5da}

.support p span{}



/******************************** Counter ****************************/



.counter{  overflow:hidden;  padding:10px  }

.counter p{ line-height:24px;  overflow:hidden;  text-align:left; color:#4e4d4e; font-weight:bold }



.counter p span{ text-align:right; margin-right:5px; float:right }

.left-content  .block-left .img-ads{ width:240px; overflow:hidden; margin:5px 0 10px 0; text-align:center}





/***************************  News *******************************/

.otherNews{ overflow:hidden}

.otherNews p{ line-height:20px; margin:10px 0 0 0; background:url(../images/icon/icon-list-news.png) left center no-repeat; padding-left:20px}

.otherNews p a{ }

/*************************** RIGHT ********************************/

.right-content{ overflow:hidden; width:195px; float:right; }

.block-right{ overflow:hidden;  margin-bottom:10px; background:#d4fbfa}

.block-right marquee{ margin:15px 0 0 0; text-align:center;}

.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }

.productRight li .name{ text-transform:uppercase}

.productRight li .price{ color:#0d6408}

.productRight li{ line-height:25px; font-weight:bold}

/**************** Main -content****************/

.main-content{overflow:hidden; float:right;margin:0px 0px 0 0px;width:612px; text-align:left;background:#f1f1f1 ; min-height:500px; padding-left:7px;}



.list-product{overflow:hidden; margin:10px 0 10px 0;}

.product-item-last,.product-item{overflow:hidden; width:24%;  float:left; margin:0 0.5%; }



.list-product .product-item-last{  margin-right:0px;  }

.list-product .img {text-align:center;overflow:hidden;  margin:5px 0px 5px 0;border:1px solid #012c3d; background:#FFF    }

.list-product .img img{ max-width: 100%; max-height: 225px; min-height: 225px; margin:0px 0 0 0}

.list-product p{text-align:left; line-height:25px; margin:0 0 5px  0 ; font-weight:bold; color:#295463; font-family:Arial, Helvetica, sans-serif; font-size:14px}

.price-code{ overflow:hidden}

.list-product p.code{  font-weight:bold; width:49%; float:right}

.list-product .name{  font-size:13px; min-height:40px; text-transform:uppercase}

.list-product .name a { color:#295463; font-weight:bold; line-height:20px}

.list-product .register a{ background:url(../images/bg-button.png) repeat-x; padding:0px 10px 0px 10px; display:inline-block; height:19px; line-height:19px; color:white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.list-product p.price{ width:49%; float:left}

.list-product .order a, .product-item3 .order a{ background: url(../images/cart.png) left center no-repeat; padding:5px 10px 5px 25px}

.list-product .order a span,.product-item3 .order a span{ background:#ce3a52; color:white; padding:2px 10px 2px 10px; margin-left:5px}





/****************************** User ******************************/

#frmLogin .lost-pass{ margin-left:5px}

#frmLogin .lost-pass:hover{ text-decoration:underline}

#frmLogin{ margin:5px}

#frmLogin input{width:180px; padding:1px}

#frmLogin .checkbox input{width:auto; float:left; margin:5px 5px 0 0}

#frmLogin .error{ color:red; margin-left:120px}

#frmLogin p{ overflow:hidden; margin:10px 0 10px 0; line-height:25px;}

#fldLogin{ border:none}

#fldLogin p label{width:120px; float:left}

#fldLogin p.btn{ margin-left:120px}

#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }



#frm-register{ margin:5px 0 20px 0; overflow:hidden;}

#frm-register .note-form{ margin:15px 0 15px 0}

#frm-register p {overflow:hidden; margin:10px 0 10px 0;}

#frm-register p label{width:150px; float:left; font-weight:bold}

#frm-register p label sup{ color:red}

#frm-register p.note{ font-weight:bold}

#frm-register img.captcha{ margin:0px 0 0 0;  text-align:center; }

#frm-register p.error{ margin-left:150px; color:red; font-style:italic }

#frm-register p input {width:300px; border:1px solid #d5d5d5; padding:1px}

#frm-register p.btn-submit { margin-left:150px;}

#frm-register .dieuKhoan{ font-weight:bold; cursor:pointer}

#frm-register .dieuKhoan:hover{ text-decoration:underline}

#frm-register .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}

/*************** Footer ****************************************************************/

#footer{ overflow:hidden;text-align:center;   margin:0px 0 20px 0; clear:both; background:url(../images/bg-footer.png) center repeat-y; height:65px; background-size:100% }

.footer{width:450px; float:right;margin:auto; line-height:22px;  margin:20px 50px 0 0px; color:#01203f; font-weight:bold; text-align:right !important; }

.footer .counter{width:200px; overflow:hidden; float:left}

.menuFooter{ overflow:hidden; width:300px; float:left;  line-height:25px; overflow:hidden; margin:20px 0 0 0 }

.menuFooter ul{ overflow:hidden;}

.menuFooter li{ text-align:left;  overflow:hidden; padding:0 20px 0 20px ; ; display:inline; float:left; text-transform:uppercase; font-weight:bold; background:url(../images/border-li.png) right center no-repeat }

.menuFooter li:last-child{ background:none; }

.menuFooter li a{ color:#01203f }

.paging{ float:right; margin:15px 120px 0 0; font-size:12px; clear:both}

.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px }

.paging  .num{padding:8px; font-size:12px;margin-right:6px; font-weight:bold}

.paging .curent {  color:red !important;padding:6px; font-weight:bold;margin-right:5px }



.paging .next { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }



.paging .pre { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }

.paging img{ margin:10px 0px 0 0px; }





#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}







#lbCenter, #lbBottomContainer {	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}







.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}







#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }







#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; }







#lbPrevLink {left: 0;}

#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}

#lbNextLink {right: 0;} 

#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}







#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}







#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }







#lbCaption, #lbNumber {margin-right: 71px; }







#lbCaption {font-weight: bold;}	







.block-left .partner{ overflow:hidden; text-align:center}

.block-left .partner img{ margin:10px 0 10px 0}





.page-content{ overflow:hidden; margin:0 0px 0px 10px ;}



.block-cate{ overflow:hidden; background:url(../images/bg-bottom-cate.png) bottom center no-repeat; padding-bottom:13px;}

.block-cate ul{ background:#edd890;margin: 0 2px 0 5px }

.block-cate ul li{ background:url(../images/icon-li.png) right center no-repeat; padding-left:25px; line-height:30px; border-bottom:1px dashed #a1702a;margin:0 5px 0 5px; font-style:italic}

.block-cate a{ color:#773700; text-transform:uppercase}

.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}

.block-left p.news img{ float:left; margin-right:5px}





/********************************* BreadCrumd ************************************/

.breadcrumb{ height:20px; line-height:20px;}

.breadcrumb li{ float:left; color:white; font-family:Verdana, Geneva, sans-serif; font-size:11px}

.breadcrumb li a{color:white}

/************************* SLIDE ********************/



.newsHome a:hover{ color:red}

.adsLeft{ overflow:hidden; text-align:center}

.adsLeft img{ width:210px; margin:10px 0 10px 0}





.block-ads{ overflow:hidden; text-align:center; margin-left:10px}

.block-ads img{ max-width:100%; margin:10px 0 0px 0; }

.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}







.page-content div.img-detail{width:250px;  float:left; margin:10px 0 10px 0; overflow:hidden; text-align: center; border:1px solid #CCC; background:#FFF}

.page-content .img-detail img{ text-align:center; max-width:250px; margin:5px 0 5px 0 }



div.info {margin:10px 0 0px 0px; padding-left:20px;  overflow:hidden; float:left;  position:relative;}

div.info h3{ font-weight:bold; font-size:15px; color:#05528a}

div.info td{ line-height:25px; font-size:13px}

div.info p{  font-size:12px;  line-height:30px; overflow:hidden; clear:both}

.info .intro{ line-height:25px}

.info .intro h3{ border-bottom:1px solid #d5d5d5}

div.info .price{ color:#c11113 }

div.info p label{width:100px; float:left; font-weight:bold}

.div.info .intro{ text-align:justify; line-height:20px}

.detail-product h3{ float:left; font-weight:bold;font-size:14px; margin:0 0 15px 0px; padding:0 0 5px 0;  display:block; width:100%; background:none; color:black; text-transform:none; border-bottom:1px solid #d5d5d5} 

.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}

.tinhTrang2{ overflow:hidden; background:url(../images/tam-het-hang.png) left bottom  no-repeat; }

.tinhTrang3{ overflow:hidden; background:url(../images/het-hang.png) left bottom  no-repeat; }



.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }

.detail-product{ margin:10px 0 15px 0; overflow:hidden; clear:both;  }

#frmWeblink select{width:200px; margin:10px 0 10px 10px}

.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}

.listAds a{ font-weight:bold; color:#2568ac}

.listAds img{ max-width:200px; width:auto !important;width:200px}

.block-right table{width:200px; margin: 10px auto; background:#CCC}

.block-right table tr{ background:#FFF}

.block-right table th, .block-right table td{ line-height:25px}

.block-right .news{ overflow:hidden; padding:5px}

.block-right .news  a{ color:#872603}



.block-header{ overflow:hidden; background:#a1d8ff; height:287px !important;width:100%}

.factory{ overflow:hidden; width:33%; float:right; padding-top:7px}

.factory  img{width:120px; height:62px; margin:0 5px 5px 0; float:left}

.factory  img.first{ height:130px;width:130px;}

.share{ margin:20px 0px 0px 0; overflow:hidden}

.share img{ float:left; margin-right:10px}

.share p{ overflow:hidden; text-align:center; color:#000; line-height:30px}

.slideProduct{ overflow:hidden; height:140px; border:1px solid;width:735px !important; border:2px solid #7e0555; margin:15px 0 15px 0}

.slideProduct ul{ overflow:hidden; height:140px;}

.slideProduct li{ float:left; display:inline;width:160px; height:120px;  text-align:center; margin:10px 10px}

.slideProduct img{ height:120px}

.slideProduct .btn-next, .slideProduct .btn-pre{ overflow:hidden; height:50px; width:50px; position:absolute; top:40px; z-index:99; cursor:pointer}

.slideProduct .btn-next{ right:0; background:url(../images/icon-right.png) center no-repeat}

.slideProduct .btn-pre{ left:0; background:url(../images/icon-left.png) center no-repeat}

.newsHome{ overflow:hidden; margin:10px 0 10px 0;;width:100%}

.newsHome .firstNews{ overflow:hidden;width:500px; float:left; color:#4e4e4e}

.newsHome img{ float:left; margin:0 5px 5px 0}

.newsHome h4{ margin-bottom:8px}

.newsHome h4 a{ color:#000}

.newsHome p{ line-height:18px; text-align:justify}

.newsHome p.news{ width:450px; float:right;  line-height:30px; background:url(../images/icon-row2.gif) left center no-repeat; padding-left:20px}

.newsHome  a{ color:#4e4e4e}

#frmContact { margin:20px 0 0 0px}



#frmContact span{ color:red}



#frmContact p { overflow:hidden; margin:10px 0 5px 0; clear:both}



#frmContact p label { float:left; width:130px; font-size:12px}



#frmContact p input {width:300px; border:1px solid #b0b0b0; padding:2px 0 2px 0}



#frmContact textarea{ width:300px; height:100px;border:1px solid #b0b0b0;}



.content_page .note{font-size:12px; }



#frmContact .error{ color:red !important; font-size:12px; padding-left:130px}



 .success{ color:#063;  font-size:12px; line-height:18px}



 #frmContact .btn{ padding-left:130px; }





 .note{ font-size:12px; font-weight:bold}

 

 .productSeller{ overflow:hidden; padding:23px 0 23px 5px; position:relative;  background:url(../images/bg-slide.png) left top repeat-x; width:100% !important; margin-bottom:10px }

  .productSeller .acctive{ color:red}

.productSeller li{width:172px; overflow:hidden; float:left;  text-align:center; line-height:25px; font-weight:bold; margin:0 5px 0 4px;  height:162px; border:1px solid #878787; background:#FFF}

.productSeller li img{ height:125px; max-width:165px; margin:20px 0 0 0}

.productSeller ul{ overflow:hidden;width:2000px; margin:10px 0 0 10px}

.productSeller .btn-pre{ overflow:hidden; position:absolute; top:40px; left:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-pre1.png) center no-repeat}

.productSeller .btn-next{ overflow:hidden; position:absolute; top:40px; right:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-next1.png) center no-repeat}

.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:url(../images/bg-popup.png); display:none;}

.popup{width:550px; height:510px;  overflow:hidden; background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:fixed; top:150px; left:50%; margin-left:-275px;}

.popup .close{width:25px; height:29px; position:absolute; top:2px; right:2px; background:url(../images/icon-close.png); cursor:pointer}

.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}

.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}



.news-item { overflow:hidden; clear:both;width:100%; margin:0 0 15px 0}

.news-item img{max-width:200px; float:left; margin:0 5px 0 0; }

.news-item h4{ margin-bottom:2px}

.news-item h4 a{ color:#FFF; text-transform:uppercase}

.news-item .date{  color:#939393; background:url(../images/clock.png) left center no-repeat; padding:10px 0 10px 25px;  margin-left:50px}

.news-item .line{ overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:3px}

.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden}

.news-item a:hover{ text-decoration:underline}



.right-content .cart{ overflow:hidden; background:url(../images/cart2.png) 7px center no-repeat;  padding:10px 0 10px 60px; line-height:22px}

.right-content .cart a{ color:#e7226c; font-weight:bold}



.list-partner{ overflow:hidden; height:60px;}

.list-partner ul{width:5000px; overflow:hidden}

.list-partner li{ display:inline; float:left; overflow:hidden; border:1px solid #CCC; padding:1px; width:130px; height:50px; text-align:center; margin:0 10px 0 0; text-align:center}

.list-partner img{ height:50px; max-width:130px}



.list-news{ overflow:hidden; margin-bottom:10px}

.list-news .item{width:49%; float:left;}

.list-news .last{ float:right}

.list-news img{width:100px; height:90px; float:left; margin:3px 5px 0 0}

.list-news h4{ margin-bottom:5px}

.list-news .sapo{ line-height:20px; text-align:justify}



.top-banner{ overflow:hidden; width:100%; clear:both; margin:0px 0 10px 0; background:url(../images/line.png) bottom center no-repeat; }

.right-top{ overflow:hidden;width:325px; height:289px; float:right; margin-right:5px; }

.right-top h3{ text-transform:uppercase; color:#e6b21e; line-height:30px; text-align:left}

.right-top .btn-next,.right-top .btn-pre{width:21px; height:20px; cursor:pointer; display:inline-block; float:right; margin:5px 5px 0 3px}

.right-top .btn-next{ background:url(../images/icon-next.png) center no-repeat}

.right-top .btn-pre{ background:url(../images/icon-pre.png) center no-repeat}

.slide-news{ overflow:hidden;width:100% !important; height:250px;  text-align:left }

.slide-news li{width:325px; display:inline; float:left}

.slide-news .item{ overflow:hidden; margin:5px 0 5px 0; }

.slide-news img{width:80px; height:65px; float:left; margin:3px 5px 0 0}

.slide-news h4{ margin-bottom:5px}

.slide-news h4 a{ color:#047671}

.slide-news p{ line-height:20px; text-align:justify}

.bottom{ overflow:hidden;width:1028px; margin:auto; height:30px; line-height:30px;}

.bottom .copyright{ overflow:hidden; float:left; background:url(../images/logo.png) left center no-repeat; padding-left:45px;width:500px; color:#eb7353; text-align:left}

.block-home{ overflow:hidden;width:336px; height:225px; float:left;  margin:0 8px 0 0; background:url(../images/bg-block.png) bottom center no-repeat; }

.block3{ float:right; margin-right:0; color:#404143}

.block3 .view-more{ text-align:right}

.block3 .view-more a{ color:#2b528d}

.block-home .box{  margin:0 20px 0px 10px; overflow:hidden; height:200px}

.slide-product{ overflow:hidden; height:170px; position:relative }

.slide-product ul{width:2000px; overflow:hidden; margin-left:8px}

.slide-product li{ display:inline; float:left;width:100px; text-align:center;  overflow:hidden; height:160px;}

.slide-product img{ height:160px}

.slide-product .btn-next,.slide-product .btn-pre{ position:absolute; top:70px;width:15px; height:15px; z-index:99; cursor:pointer}

.slide-product .btn-pre{ left:0; background:url(../images/icon-pre.png) center no-repeat}

.slide-product .btn-next{ right:0; background:url(../images/icon-next.png) center no-repeat}

.service-home{ overflow:hidden;width:710px; margin:5px 0 0 10px; float:left}

.service-home .item{width:330px; float:left; overflow:hidden}

.service-home .last{ float:right}

.service-home img{ float:left; margin:0px 7px 0 0}

.service-home h3{ text-transform:uppercase; margin-bottom:10px}

.service-home a{ color:white}

.service-home p{ line-height:22px; text-align:justify; color:#a7f551}

.service-home  .clear{ height:20px; clear:both}



.intro-home{width:255px; overflow:hidden; float:right; margin:0 10px 0 0; color:white; text-align:justify; line-height:20px}

.service-right{ overflow:hidden;   margin:10px 5px 10px 5px}

.service-right img{ float:left; margin:0 5px 0 0}

.service-right h3{ line-height:40px; font-size:12px}

.service-right  a{ color:#223f97}

.news-left{ overflow:hidden; margin:10px 0 10px 0; text-align:center}

.news-left img{ max-width:98%}



.slide-cate{ overflow:hidden; height:210px;  margin:5px 0px  5px 5px; overflow:hidden; display:block;width:922px !important; }

.slide-cate ul{ overflow:hidden; }

.slide-cate li{ overflow:hidden; height:210px; margin:0px 9px 0 0 ; float:left; display:inline;width:302px; text-align:center; }

.slide-cate img{ height:170px; width:100%}

.slide-cate .name{ height:40px; background:url(../images/bg-name.png); line-height:40px; text-align:center; font-weight:bold; font-size:15px}

.slide-cate .name a{ text-transform:uppercase; color:#013549}



.product-item2{ overflow:hidden; line-height:25px; margin-bottom:15px }

.product-item2 .left{width:200px; overflow:hidden; float:left; text-align:center}

.product-item2 .right{ overflow:hidden; float:right; width:385px; color:#295463; font-weight:bold}

.product-item2 .img{ text-align:center; border:1px solid #295463; background:#FFF; margin:6px 0 5px 0}

.product-item2 .img img{ width:197px; max-width: 100%;}

.product-item2 .sapo{ overflow:hidden}

.product-item2 .bottom{ overflow:hidden}

.product-item2 .bottom img{ float:left}

.product-item2 .read-more { text-align:right; margin-right:10px}

.product-item2 .name a{ color:#295463; text-transform:uppercase; font-size:13px}

.product-item2 .read-more a{ color:#295463;}
#menu_btn {display: none;cursor: pointer;padding: 5px 7px;border: 1px solid #38b3de;margin-left: 10px;margin: 4px 2px;}