*{
    margin:0;
    padding:0
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:underline;
}
h1,h2,h3{
    font-size:12px;
    font-weight: normal;
}
ul li{
    list-style:none;
}
body{
    font-size:12px;
    font-family:arial;
    background: url("imgs/body_bg.png");
}
.bound{
    width:1000px;
    margin:0 auto;
}
.left{
    float:left;
}
.full{
    width:100%;
    float:left;
}
#header{
    margin-top:10px;
}
#header #logo{
    float:left;
}
#header .support{
    border: 1px dotted #d7d7d6;
    border-radius: 7px;
    margin-left: 60px;
    margin-top: 57px;
    padding: 15px 25px;
}
#header .support ul li{
    float:left;
    margin-right:20px;
    text-transform:uppercase;
}
#header .support ul li a{
    color:#acacac;
}
#header .support ul li img{
    float:left;
    margin-right:10px;
}
#header .support ul li span{
    float:left;
    margin-top:3px;
}
#header .hotline{
    width:195px;
    float:right;
    margin-top: 35px;
}

#header .hotline li{
    width:100%;
    float:left;
    font-size:17px;
    margin-bottom:10px;
}
#header .hotline li img{
    float:left;
    margin-right:10px;
}
#header .hotline .meta{
    font-size:12px;
    color:#666666;
}
#header .hotline li a{
    color:black;
}
/*menu*/
#menu .left_mn{
    position:absolute;
    left:-174px;
    top:0;
}
#menu .right_mn{
    position:absolute;
    right:-174px;
    top:-1px;
}
#menu .mid_mn{
    height:50px;
    background: url(imgs/menu_bg.png);
}

#menu .mid_mn li{
    background: rgba(0, 0, 0, 0) url("imgs/line_bg.png") no-repeat scroll right center;
    display: inline;
    float: left;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    margin-right: 30px;
    padding-right: 30px;
    text-transform: uppercase;
}
#menu .mid_mn li a{
    color:white;
    display:block;
}
#menu .mid_mn li img{
    float: left;
    margin: 11px 0 0 19px;
}
#menu .search{
    float:right;
    width:400px;
    background:#fcb704;
    height:40px;
    margin-top:5px;
    border-radius:5px 5px 0px 0px;
}

#menu .search input{
    height: 28px;
    margin: 4px 0 0 4px;
    width: 338px;
    float:left;
    padding-left: 4px;
}
#menu .search img{
    float:left;
    margin:5px 0px 0px 3px;
    cursor: pointer;
}

/*slider*/
#slider{
    background:url(imgs/slider_bg.png);
    height:390px;
}
#slider .bound_slider{
    background: white none repeat scroll 0 0;
    height: 360px;
    margin-top:25px;
}
#slider .bound_slider .slider_ct{
    float: left;
    margin: 10px 0 5px 10px;
}

/*primary*/
#primary{
    margin-top:60px;
}
#primary #col_left{
    float:left;
    width:260px;
    border-right:0px solid #c6b0a2;
}
#primary #col_right{
    width:700px;
    float:right;
}
#col_left .box{
    margin-bottom:20px;
}
#col_left .box .title{
    font-size:20px;
    color:#707070;
    border-bottom:1px solid #dfdeda;
    background: url(imgs/icon_cat.png) no-repeat left center;
    padding-left:30px;
}
#col_left .box .content{
    margin-top:20px;
    margin-left:5px;
}
#col_left .title_cat{
    background: rgba(0, 0, 0, 0) url("imgs/cat_bg.png") repeat scroll 0 0;
    color: #ffda99;
    font-weight: bold;
    height: 43px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size:14px;
    position:relative;
}

#col_left .title_cat a{
    color: #ffda99;
}
#col_left .title_cat span{
    background: rgba(0, 0, 0, 0) url("imgs/end_cat.png") repeat scroll 0 0;
    display: block;
    height: 46px;
    left: -33px;
    position: absolute;
    top: 5px;
    width: 33px;
}
#col_left #category .content {
    margin-top:5px;
}
#col_left #category ul{
    margin-left:10px;
}
#col_left #category li{
    font-weight:bold;
    background: url(imgs/cate_bg.png) no-repeat bottom center;
    padding: 10px 0px;
}
#col_left #category li:last-child{
    background:none;
}
#col_left #category li a{
    color:#3f9401;
    background: url(imgs/cat_arrow_bg.png)no-repeat left center;
    padding-left:15px;
    font-weight: bold;
}
#col_left #category li ul li{
    border-bottom: 1px dotted #c9c7c5;
    background:none;
    font-weight: normal;
}
#col_left #category li ul li a{
    background: url(imgs/circle.png) no-repeat left center;
    color:#3f9401;
}
#col_left #news ul li{
    border-bottom:1px dotted #b6b6b6;
    padding:5px 0px;
    float:left;
}
#col_left #news ul li:last-child{
    border:0px;
}
#col_left #news ul li img{
    float:left;
    margin-right:15px;
    border:1px solid black;
    padding:3px;
}
#col_left #news ul li a{
    color:#320000;
}
#col_left #news ul li a:hover{
    color:#ffa100;
    text-decoration:none;
}
#col_left #news ul li span{
    display:block;
    margin-top:3px;
    color:#cccccc;
    font-style:italic;
}
#col_left #news .detail{
    border: 1px solid #cbc892;
    border-radius: 10px;
    clear: right;
    color: #ff6314;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-left: 154px;
    padding: 3px 7px;
    text-align: right;
}
#col_left #support .hotline{
    font-size:22px;
    color:#ff6314;
    font-weight:bold;
    margin-bottom:20px;
}
#col_left #support .hotline img{
    float:left;
    margin-right:10px;
}
#col_left #support .hotline span{
    margin-top:10px;
    float:left;
}
#col_left #support .item_support{
    float:left;
    width:100%;
    margin-bottom:15px;
}
#col_left #support .item_support img{
    float:left;
}
#col_left #support .item_support .icon_skyper{
    margin-top:-5px;
    margin-left:5px;
}
#col_left #support .item_support span{
    float:left;
    width: auto;
    margin-left: 10px;
}
#col_left #payment img{
    margin-left:30px;
    float:left;
}
#col_left #thongke img{
    float:left;
}
#col_left #thongke span{
    color: #4d4d4d;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 12px;
}

/*primary*/
#pro_new .title_cat{
    background: url(imgs/line_pro_bg.png) repeat-x bottom center;
    padding-bottom:8px;
    margin-bottom:8px;
    height:21px;
}
#pro_new .content{
    border: 1px solid #dbd8ae;
    border-radius: 5px;
    box-shadow: 0 0 7px #f1eeca;
    float: left;
    padding: 19px 36px 7px;
}
#pro_new .title_cat span{
    width:21px;
    height:21px;
    float:left;
    background: url(imgs/arrow_pro_hot.png);
    margin-right:10px;
}
#pro_new .title_cat a{
    color:black;
    font-weight:bold;
    font-size:16px;
}
#pro_new .item1{
    float:left;
    width:160px;
    height:230px;
}
#pro_new .mid{
    margin:0px 73px;
}
#pro_new .item1:last-child{
    margin-right:0px;
}

#pro_new .item1 img{
    max-width:155px;
    max-height:180px;
}
#pro_new .item1 .picture{
    height:190px;
    width:160px;
    position:relative;
    /*background:#e9eaec;*/
    border:1px solid #b2d9cf;
    border-radius:5px;
}
#pro_new .item1 .picture img{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
}
#pro_new .item1 .price{
    position:absolute;
    bottom:5px;
    right:0;
    font-size:17px;
    color:#510000;
    font-weight:bold;
    background: url(imgs/price_bg.png) no-repeat;
    width:123px;
    height:32px;
    line-height:32px;
    text-align:left;
}
#pro_new .item1 .price span{
    padding-left:15px;
}
#pro_new .item1 .title{
    color:#707070;
    margin:3px 0px;
    FONT-SIZE: 11PX;
}
#pro_new .item1 .detail{
    color:#ffa100;
    font-style:italic;
}

#pro_hot{
    margin-top:40px;
}
#pro_hot .title_cat{
    background: url(imgs/line_pro_bg.png) repeat-x bottom center;
    padding-bottom:8px;
    margin-bottom:8px;
    height:21px;
}
#pro_hot .title_cat span{
    width:21px;
    height:21px;
    float:left;
    background: url(imgs/icon_cat.png);
    margin-right:10px;
}

#pro_hot .title_cat a{
    color:black;
    font-weight:bold;
    font-size:16px;
}
.item{
    float:left;
    margin-right:31px;
    width:210px;
}
.row .item:last-child{
    margin-right: 0px;
}
.item .picture{
    width: 210px;
    height: 260px;
    position: relative;
    border: 1px solid #b2d9cf;
    border-radius: 5px;
}
.item .picture img{
    max-width:200px;
    max-height:250px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.item  .info{
    margin-top: 10px;
    float: left;
    width: 210px;
}
.item .info h3 a{
    color:#707070;
    display: inline-block;
    margin-bottom: 5px;
}

.item  .info .title_sp{
    color: #707070;
    margin-left: 10px;
}

.item  .info .inf_left{
    float:left;
    color:#615856;
}
.item  .info .inf_left span{
    float:left;
}
.item  .info .inf_left span.text{
    margin-top:10px
}
.item  .info .inf_left span.number{
    color: #4ca809;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 8px;
}
.item  .info .inf_left span.unit{
    font-weight:bold;
    font-size:7px;
    margin-left: 5px;
}
.item  .info .inf_right{
    float:right;
    padding: 0px 10px;
    background: url(imgs/btn_detail.png);
    height:23px;
    line-height:23px;
    color:white;

    margin-right:10px;
    margin-top: 10px;
}
.item .info .inf_right span{
    background: rgba(0, 0, 0, 0) url("imgs/arrow_btn_detail.png") no-repeat scroll 0 0;
    float: right;
    height: 7px;
    margin-left: 5px;
    margin-top: 8px;
    width: 4px;
}
.row{
    background: url("imgs/line_pro_bg.png") repeat-x scroll center bottom;
    float:left;
    margin-bottom:20px;
    padding-bottom:20px;
}
.paging{
    width:100%;
}
.paging li{
    display:inline;
    text-align:center;
}
.paging{
    text-align:center;
    padding-bottom: 10px;
}
.paging li{
    padding:2px 9px;
}
.paging li a{
    color:#ff7800;
}
.paging li.active{
    background:#4ca809;
    font-weight:bold;
    color:white;
}
.paging li.active a{
    color:white;
}
.adv{
    margin-top:20px;
}
/*********footer*********/
#footer{
    background:url(imgs/footer_bg.png);
}
#footer .f_top{
    border-bottom:2px solid #4ca809;
    float:left;
    width:100%;
}
#footer .f_top li{
    display:inline;
    padding:10px 0px;
    float:left;
    width:330px;
    text-align:center;
    font-weight:bold;
    color:white;
    text-transform:uppercase;
    font-size:14px;
}

#footer .f_boot{
    margin-top:20px;
}
#footer .col{
    width:330px;
    float:left;
    border:0px solid red;
}
#footer .f_boot .col a,#footer .f_boot .col li{
    color:#666666;
    font-weight:bold;
}
#footer .f_boot #about{
    width:300px;
    margin-left:63px;
}
#footer .f_boot #about li{
    padding:8px 0px;
    width:100%;
    float:left;
}
#footer .f_boot #about li img{
    float:left;
    margin-right:5px;
}
#footer .f_boot #about li span{
    float:left;
    margin-top:3px;
}
#footer #hotro{
    margin-left: 73px;
    width: 260px;
}
#footer #hotro li{
    padding:5px 0px;
}
#footer .f_boot #lienket{
    margin-left: 80px;
    width: 218px;
}
#footer .f_boot #lienket li{
    padding:10px 0px;
    float:left;
    width:100%;
}
#footer .f_boot #lienket li img{
    float:left;
}
#footer .f_boot #lienket li a{
    float:left;
    margin-left:10px;
    margin-top:3px;
}
#fanpage{
    min-height:150px;
    border:0px solid red;
}
.copyright{
    text-align:center;
    background:#4ca809;
    float:left;
    width:100%;
    color:white;
    padding:5px 0px;
}
#header .like_page{
    position:absolute;
    top:0;
    right:0;
}
#header .lang{
    float:right;
    margin-left: 20px;
}
#header .like_box{
    border: 0px solid red;
    float: right;
    height: 25px;
    width: 470px;
}

/****** detail*******/
#detail_sp .dt_left {
    float: left;
    width: 305px;
}
#detail_sp .dt_right {
    float: right;
    width: 388px;
}
#detail_sp .dt_right .title_right{
    width:386px;
    height:42px;
    background:url(imgs/title_dt_bg.png);
    line-height:42px;
    font-size:20px;
    font-weight:bold;
    padding-left:10px;
}
#detail_sp .dt_right .price{
    margin-top:20px;
    color:black;
    font-size:14px;
    font-weight:bold;
    float:left;
    width:100%;
}
#detail_sp .dt_right .price span{
    float:left;
}
#detail_sp .dt_right .price span.label{
    margin-top:21px;
    margin-right:20px;
}
#detail_sp .dt_right .price span.number{
    color:#ffa200;
    font-size:38px;
}
#detail_sp .dt_right .price span.unit{
    font-size:12px;
    margin-top:5px;
    float:left;
    color:#ffa200;
}
#detail_sp .dt_right .pro_intro{
    float: left;
    line-height: 25px;
    min-height: 325px;
    width: 100%;
}
#detail_sp .dt_right .order .txt_sl{
    width:55px;
    height:35px;
    float:left;
    margin-right:10px;
    margin-top:7px;
    text-align:center;
}
#detail_sp .dt_right .order{
    float:left;
    width:100%;

}
#detail_sp .dt_right .order .btn_order{
    background: #4ca809 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
    margin-top: 5px;
    padding: 6px 10px 0;
    width:165px;
    text-align: center;
}
#detail_sp .dt_right .order .btn_order span{
    float:left;
}
#detail_sp .dt_right .order .btn_order .icon_btn{
    background:url(imgs/icon_card.png);
    width:33px;
    height:27px;
}
#detail_sp .dt_right .order .labsl{
    float:left;
    margin-top:20px;
    margin-right:10px;
}

.order .btn_order span.lbl_name{

}
.sp_same {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.comment_tab{
    margin-top:20px;
}
.comment_tab .tab{
    background: #4ca809 none repeat scroll 0 0;
    color: white;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin-right: 10px;
    padding: 9px 28px;
    cursor: pointer;
}
.comment_tab #tab2{

    background: #e4e4e4 none repeat scroll 0 0;
    margin-left: -18px;
    padding: 6px 28px 6px 45px;
    transform: skew(40deg);
    width: 180px;
}
.comment_tab #tab2 .txt{
    color:#4ca809;
}
.comment_tab .txt{
    transform: skew(-40deg);
    display:inline-block;
}
.comment_tab #tab1{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 39px solid #4ca809;
    border-left: 0 solid transparent;
    border-right: 30px solid transparent;
    height: 20px;
    margin-top: -37px;
    position: relative;
    width: 177px;
}
.comment_tab #tab1 .txt2{
    bottom: -29px;
    float: left;
    position: absolute;
}
.pro_intro .list_option .col1{
    padding:5px;
    width:110px;
    font-weight:bold;
}
.pro_intro .list_option .col2 select{
    width:100px;
    text-align:center;
}
.pro_intro .list_option .col2 select option{
    padding:5px 0px;
}

/*slider detail*/
#detail_sp{
    margin-top:20px;
}
.slider_dt{
    width:290px;
    height:510px;
    margin:0px auto;
    border:0px solid red
}
.slider_dt .picture{
    border: 1px solid #d9d6a9;
    border-radius: 5px;
    box-shadow: 0 0 2px 6px #eee8c4;
    height: 360px;
    padding: 3px;
    position: relative;
    width: 275px;
    margin-bottom: 20px;
}
.slider_dt .picture img{
    max-width:275px;
    max-height:360px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}

/*cart*/
.nav_cart{
    text-align:center;
    margin-top:20px;
    position:relative;
}
.nav_cart ul{
    display:inline-block;
}
.nav_cart li{
    display:inline;
    float:left;
    text-align:center;
    margin:0px 20px;
    font-size:14px;
    color:#666666;
}
.nav_cart li span{
    background: #d7d7d7 none repeat scroll 0 0;
    border-radius: 17px;
    color: black;
    display: inline-block;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    width: 35px;
}
.nav_cart li span.active{
    background:#4ca809;
}
.nav_cart .line{
    width:700px;
    border:1px solid #58ae19;
    position:absolute;
    top:19px;
    z-index:-1;
}

/*cart*/
.cart_item{
    margin-top:20px;
    border-collapse: collapse;
}
.cart_item td, .cart_item th{
    padding:5px;
    border:1px solid #dddbdb;
    text-align: center;
}
.cart_item .txt_sl{
    height: 25px;
    text-align: center;
    width: 47px;
}
.cart_item select option{
    padding:3px;
}
.btn {
    background: #4ba809 linear-gradient(to bottom, #4ba809, #4ba809) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 3px #666666;
    cursor:pointer;
    display: inline-block;
}

.btn:hover {
    background: #48940d;
    background-image: -webkit-linear-gradient(top, #48940d, #48940d);
    background-image: -moz-linear-gradient(top, #48940d, #48940d);
    background-image: -ms-linear-gradient(top, #48940d, #48940d);
    background-image: -o-linear-gradient(top, #48940d, #48940d);
    background-image: linear-gradient(to bottom, #48940d, #48940d);
    text-decoration: none;
}
.cart .action{
    margin-top: 30px;
}
.cart .action #btn_next,.cart .action #btn_previous{
    float:right;
    margin-left:10px;
}
.message{
    background: #dddbdb none repeat scroll 0 0;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 10px;
    font-size: 16px;
}
.message .ms_requied{
    float:left;
    color:#4ca809;
}
.message .hotline{
    float:right;
    background: url(imgs/icon_call_lh.png) no-repeat left 8px;
    padding-left:30px;
    margin-top:5px;
}
.message .hotline span{
    color:#4ca809;
    font-weight:bold;
    font-size:15px;
}
.xacnhan{
    margin:20px auto;
    color:#666666;
    font-size:13px;
}
.xacnhan td{
    padding:5px;
}
.xacnhan .col1{

}
.xacnhan .col2 .txt{
    padding:0 5px;
}
.txt{
    width:300px;
    height:28px;
    line-height:28px;
}

.success{
    margin-top:40px;
    font-size:14px;
    color:#666666;
}

.success img.icon_sc{
    float:left;
    margin-right:20px;
    margin-left:40px;
    margin-top:53px;
}
.success .info{
    float:left;
    width: 495px;
}
.success .order_id{
    color:#4ca809;
    font-size:26px;

}
.success .note{
    margin:20px 0px;
}
.nav_action{
    width:450px;
}
.nav_action .btn{
    float:right;
    margin-left:10px;
}
.error {
    color: red;
}

div#mymapaddress {
    border: 1px solid #cccccc;
    float: left;
    height: 446px;
    margin-top: 20px;
    padding: 5px;
    width: 700px;
}
.slider_pro_hot{
    text-align:center;
}
.slider_pro_hot .slider{
    /* border: 1px solid #cccccc;*/
    height: 167px;
    margin: 0 auto 17px;
    /*    padding: 5px;*/
    width: 135px !important;
}
.slider_pro_hot img{
    max-width:165px;
    max-height:167px;
}
.bx-wrapper .slider_pro_hot img {
    border: 1px solid #cccccc;
    max-height: 167px;
    max-width: 165px;
    padding: 5px;
}
#box_pro_hot {
    height: 400px;
}

/*news*/
#news .news_hot{
    position:relative;
}
#news .news_hot .title{
    position:absolute;
    bottom:0;
    left:0;
    background:#4ca809;
    color:white;
    width:685px;
    padding:15px 0px 15px 15px;
    font-size:26px;
}
#news .news_hot .title .detail{
    bottom: 6px;
    display: block;
    font-size: 12px;
    font-style: italic;
    position: absolute;
    right: 19px;
    text-align: right;
}
#news .list_news{
    margin-top:5px;
}
#news .item_news{
    width:100%;
    float:left;
    padding:20px 0px;
    background: url(imgs/news_line_bg.png) no-repeat bottom center;
}
#news .item_news:last-child {
    background: none;
}
#news .item_news .picture{
    float:left;
    margin-right:20px;
    border:2px solid #cccccc;
    width:197px;
}
#news .item_news .info_news{
    float:left;
    width:475px;
    color:#666666;
}
#news .item_news .info_news .title_news{
    color:#4ca809;
    font-size:14px;
    font-weight:bold;
    border-bottom:1px dotted #dddddd;
    padding-bottom:5px;
}
#news .item_news .info_news .intro{
    margin-top:10px;
    line-height:22px;
}
#news .item_news .info_news .detail{
    display:block;
    text-align:right;
    font-size:11px;
    color:#4ca809;
    font-style:italic;
}

.news_title{
    font-size:20px;
    color:#313131;
}
.news_intro{
    margin: 10px 0px;
    color:#585858;
    font-size:15px;
    line-height:1.5em;
}
.clearfix{
    clear:both;
}
.news_content{
    font-size:12px;
    font-family:arial;
    line-height:20px;
}
.news_lq .title_lq{
    font-weight:bold;
    color:#585858;
    border-bottom:1px solid #585858;
}
.news_lq ul{
    margin-top:10px;
    margin-bottom:20px;
}
.news_lq li{
    padding:3px 0px;
}
.news_lq li a{
    color:#313131;
}
.news_lq li a span{
    font-style:italic;
    color:#cccccc;
    font-size: 10px;
}
.nav{
    border-bottom:1px solid #cccccc;
    float:left;
    width:100%;
    padding-bottom:5px;
    margin-bottom: 10px;
}
.nav li{
    display:inline;
    float:left;
    margin:0px 2px;
    border:0px solid red;
}
.nav li a{
    color:#3f9401;
    float:left;
}
.nav li.arrow{
    margin-top:-2px;
}

.content div span{
    line-height: 25px;
}
.col_right_first{
    float: left;
    border-left: 1px solid #c6b0a2;
    padding-left: 34px;
    min-height: 825px;
}