@charset "utf-8";
/* CSS Document */
/* @FONT-FACE loads font into browser */
@font-face {
    font-family: 'typicons';
    src: url('typicons.eot');
    src: url('typicons.eot?#iefix') format('embedded-opentype'), url('typicons.woff') format('woff'), url('typicons.ttf') format('truetype'), url('typicons.svg#typicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, div, html {
    padding: 0;
    margin: 0;
    border: 0;
    border: none;
}


body {
    font: 12px Arial, Helvetica, sans-serif;
    background: #fafafa;
    color: #000000;
}

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

.h1 {
    font: bold 18px/100% Arial, Helvetica, sans-serif; margin-bottom:20px; text-transform:uppercase; font-weight:500
}
.h2{ margin-bottom:10px; font-size:14px;}
.h3{ margin-bottom:10px; font-family:13px;}
.nn, .nna *, .nna, .hd_menu li, .hd_menu ul{ margin:0; padding:0; list-style:none; border:none}
.tc{ text-align:center}
#page { }
.bg{ width:999px; margin:0 auto}
.bgCnt{ width:100%; float:left; text-align:left}
.rel{ position:relative}
.header{ height:44px; background:#353535; color:#fff; position:relative}
.header a{ color:#fff}
.header-gray{ position:absolute; width:50%; height:44px; right:0; background:#ec6708; top:0; z-index:0}
.hl{
    background:url(../images/bg_header.jpg) no-repeat right 0 #353535;padding-right:44px;
    height:44px;
    display:inline-block;
    width:594px;
    position:relative;
    z-index:2;
}
.hz{height:5px;}
.color{ color:#ec6708;}

/*header*/
.hl div{ display:inline-block; vertical-align:middle; margin-top:13px;  padding-left:2px}
.ver {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    display: inline-block;
    height: 10px;
    margin: 0 10px;
    vertical-align: unset;
    width: 1px;
}
.hl .hotline{ font-size:15px}
.hr{ display:inline-block;  width:350px; float:right; position:relative; z-index:1; white-space:nowrap}
.hr>div{ margin-top:8px;}
.hlogin, .horder{ vertical-align:top;height:27px; padding-left:32px; display:inline-block}
.hlogin span, .horder span{display:block}
.horder  span.h_count{display:inline-block}
.horder  span.h_count_top{ display:none}
.hlogin{ background:url(../images/img_bgHdLogin.jpg) no-repeat left; }
.horder{ background:url(../images/img_bgHdBuy.jpg) no-repeat left; }
.font11{ font-size:11px;}
.hr .ver{ height:28px; vertical-align:top}

/*all*/

.dtb{ display:table; width:100%;}
.dcel{ display:table-cell; width:30%; text-align:left; }
.over{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:10; display:none}
.se{ margin:0 0 10px 0}

.col{
    display:inline-block; vertical-align:top;
}
.fr{float:right}
.fl{ float:left}
.row{ float:left; width:100%}
/*maintop*/
.maintop{ margin-top:10px; text-align:center}

.sbox { background: #444444; float: none; height: 29px; margin: 9px 0 0 40px; padding: 4px; width: 482px; }
.sbox_m{  padding:0 1%; position:absolute; top:100px; background:#444444; z-index:100; margin:0; display:none; left:0; right:0; padding:7px 2%; box-shadow:0 0 3px #000; text-align:left; direction:ltr}

.divsl { display: inline-block; float: left; overflow: hidden; position: relative; width: 73px; }
    .divsl select { background: none repeat scroll 0 0 #f1f1f1; color: #303030; font-size: 13px; height: 29px; line-height: 29px; width: 100%; }
    .divsl span { background: url("../images/text-field.png") no-repeat scroll left center #f1f1f1; display: block; height: 29px; position: absolute; right: 0; top: 0; width: 18px; }
.sbox input, .sbox_m input { float: left; height: 29px; line-height: 29px; padding: 0 9px; width: 321px; }
.sbox_m input{ width:170px;}
.btn_search {  border:dashed 1px #fff ; border-left:none; color: #fff; float: left; font-size: 13px; font-weight: bold; height: 27px; line-height: 27px; text-align: center; width: 69px; }
.logo,.hot_deal,.sbox{ display:inline-block; vertical-align:middle}

.hot_deal{ float:right; margin-top:23px}
.hot_deal_m{ display:none}
.hd_menu { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; min-height: 43px; margin-top: 5px; width: 100%; position:relative}
.hd_menu_m{ border:none; position:absolute; right:0; width:200px; background:#fff; padding:7px; z-index:99999}
.hd_menu a{ white-space:nowrap}
ul.navi {  height: auto; position: relative; width: 100%;  text-align:left; direction:ltr; margin:0 ; padding:0;}

ul.ch_navi {
    background: none repeat scroll 0 0 #fafafa;
    display: none;
    float: left;
    left: 90px;
    position: absolute;
    top: 42px;
    width: 100%;
    padding-top:10px
}
li.navi { color: #333;  font-size: 14px; font-weight: bold; height: 40px; line-height: 43px; margin: 0 38px; width: auto; display:inline-block; vertical-align:middle ; text-transform:uppercase}
.hd_menu_m li.navi{ height:auto; min-height:43px; border-bottom:solid 1px #eee; display:block}
li.navi>a{ white-space:nowrap}
li.navi:last-child{ margin:0 0 0 37px}
li.navi:hover,li.navi.active { border-bottom: 4px solid #ec6707; color: #ec6707; height:36px; line-height:43px; margin-bottom:-1px }
.hd_menu_m li.navi:hover, .hd_menu_m li.navi.active { border-bottom:solid 1px #eee; color: #ec6707; height:auto; line-height:43px; margin-bottom:0 }
.hd_menu .nv_home span{ display:none}
.hd_menu_m .nv_home span{ display:inline}
.hd_menu_m .nv_home img{ display:inline-block; vertical-align:middle}

li.nv_home { border: none ; height: 43px; margin: 0 !important; }
li.navi:hover > ul.ch_navi { display: block ; }
.hd_menu_m li.navi > ul.ch_navi{ display:none; list-style:none; margin:0; padding:0; position:static; left:0; top:0; float:none}
.hd_menu_m li.navi:hover > ul.ch_navi{ display:none; list-style:none}


li.ch_navi { background: url("../images/bg_chNavi.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #808080; float: left; font-size: 12px; font-weight: normal; line-height: normal; margin:0  18px 7px 0; padding-left: 12px; width: auto; }
.hd_menu_m li.ch_navi{ float:none; display:block;  margin:0 10px; border-bottom:dotted 1px #eee; margin-bottom:7px; padding-bottom:7px;}
.hd_menu_m li.ch_navi:last-child{ border-bottom:none}

.maintop_m{display:none; direction:ltr;}
.ico_s,.ico_m{ width:24px; height:20px; display:inline-block; vertical-align:top; margin-left:2px;  background:url(../images/menu.jpg) no-repeat}
.ico_s{ background-position:0 0}
.ico_m{ background-position:-32px 0;}

/*main*/
.maintop .bgCnt{
    margin:10px 0;
}
.se-home-banner{ display:table; width:100%;margin-top:20px}
.se-home-banner .col{display:table-cell;  vertical-align:middle}

.se-home-banner .col1 {
    float: left;
    padding-right: 1%;
    width: 724px;
}
.se-home-banner .col1 img {
    float: left;
    width:100%
}
.se-home-banner .img{ width:99%}
.se-home-banner .col2 {
    float: right;
    
}

.prods{ overflow:hidden}
.prodcnt{ width:105%;}
.prod{
     border: 1px solid #ccc;
    height: 260px;
    margin: 0 24px 28px 0;
    position: relative;
    width: 175px;
    display:inline-block;
    vertical-align:top;
    height:280px;
}
.prod .i-p{ width:173px;}
.prod-p{ padding:3px  7px; text-align:center}
.prod-price{padding:1px 7px}
.price-source{ text-decoration:line-through; font-size:smaller}
.price-sale{ color:#ef0a24; font-size:larger}
.prod.big{
    width:190px; border:none; background:#fff; height:295px; margin:0 9px 28px 0;
}
.prod.big .i-p{ width:188px;}
.prod.big .prod-price{ font-size:15px;}
.prod-pd{ font-size:15px;}
.prod-pd.prod-out{ font-size:13px}
.prod-out{ text-decoration:line-through}


.prd_navi{
    background: url("../images/img_hoaPrd.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #666;
    
    font-size: 13px;
    min-height: 37px;
   
    margin-bottom: 10px;
    padding-left:33px;
}
.prd_navi span{ display:inline-block; margin:12px 2px 0 0}
.prd_navi span.name{  color: #e96707;}

.prod-tb{ display:table; width:100%;}
.prod-col{ display:table-cell; vertical-align:top}
.prod-col:first-child{ padding-right:5px}
.prod-col:last-child{ padding-left:5px;}

.prod_le, .prod_ri { height: auto; overflow: hidden; max-width: 437px; width:100%; display: inline-block; vertical-align: top; }
.prod_ri{  max-width:470px; color:#666;  width:100%; text-align:left}


.prod_imgs{}
.prod_big_cnt{ float:left; border:solid 1px #ddd; margin-bottom:7px; max-width:434px; width:99%; max-height:434px; height:auto; vertical-align:middle}
.prod_big_cnt img.prod_big{ width:100%; max-width:434px;}
.prod_big{ width:100%}
.prod_img_small{ list-style:none; display:inline-block; margin:0 1px 0 0}

.prod-prodx h2{
    color: #ec6708;
    font-size: 30px;
    font-weight: normal;
    height: auto;
    margin-bottom: 7px;
    margin:0 0 10px 0
}
.prod_price-out{ text-decoration:line-through}
.prod_price-sale{ font-size:25px; color:#F00}
.prod_deal{
     background: url("../images/bg_pdDeal.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #3c3c3b;
    float: right;
    font-size: 23px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 20px;
    padding-left: 70px;
    width: auto;
}

.opt {
    background: none repeat scroll 0 0 #ccc;
    display: inline-block;
    height: 27px;
    margin: 0 2px 2px 0;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
    width: 17px;
}

.red{ color:#ef0a24}
.adv{ display:block; margin-bottom:10px;}
.adv img{ max-width:100%;}
.coll,.colr{display:inline-block; vertical-align:top; width:796px;}
.colr{ width:200px}

/*page-prods*/
.page-prods{}
.ri{ width:790px; float:right}
.le{ float: left;
    height: auto;
    width: 193px; margin-top:47px}
.tt,.tt2 { color: #ec6708; font-size: 16px; height: 46px; line-height: 46px; text-transform: uppercase; width: 100%; }
.tt2{ line-height:15px; height:auto; margin-bottom:10px;  }
.pgs{text-align:center; margin:10px 0}
.pgs a{display:inline-block; border:solid 1px #ddd; padding:0 7px; line-height:25px;}
.pgs a.active{ background:#ec6708; color:#fff}
li.c_mnu {
    background: url("../images/bg_chNavi.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ccc;
    color: #808080;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    padding-left: 15px;
    display:block;

    list-style:none
}
li.c_mnu.active{ font-weight:bold; color:#222}
/*footer*/
.footer{}
.footer .bg{
    width:1095px; max-width:98%;
}
.bg_color{
     background:#ec6708;
     float:left; width:100%; min-height:100px;
}
.footer-2 .bg_color{
    background:#3c3c3b;
    height:auto;
    min-height:0;
}
.ft_hotline{ font-size:28px;}
.footer .bgCnt{ width:955px; margin:0 70px; color:#fff; max-width:98%;  }
.footer-1 .bgCnt{padding:28px 0 50px 0}



.ft_col{display:inline-block; vertical-align:top; text-align:left}
.ft_col1 {background: url("../images/bg_ftCol1.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);margin-right: 0;padding-left: 57px;}
.ft_col2 {background: url("../images/bg_ftCol2.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);margin-right: 0;padding-left: 57px;}
.ft_col3 {background: url("../images/bg_ftCol3.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);padding-left: 57px;}

.ft_li{ margin-bottom:7px;}
.ft_li h3{ line-height:15px; padding: 15px 0}

.footer-2 .bgCnt{ height:46px;}
.copyright{ margin-top:15px; display:inline-block;}
.bo_ct{float:right; margin-top:10px}

.footer .dcel{vertical-align:top; margin-bottom:30px;}

.td_form {float:left; width:100%; height:auto}
.apl_desc {width: 340px; float: left}
 ul.apply-li {float: right; width: 325px; text-align:left}
 li.apply-li {margin-bottom:10px !important; float:left; width:100%; line-height:26px}
 .apl_kd {margin: 20px 55px 0 55px; width: 1px; height: 168px; background: #dbdbdb; float: left}
 .btn_jfk {
    color:#FFF;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin-right: 16px;
    min-width: 34px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    background:#ec6707;
    
}


li.c_mnu.c_mnu29 {
    background: none repeat scroll 0 0 #ec6707;
    color: #fff; text-transform:uppercase; line-height:29px
}
li.c_mnu.c_mnu29 a:hover {color:inherit}
li.c_mnu a:hover {color:#ec6707}
.advR1, .advR2, .advR3 {float:left; width:100%; height:auto }
.advR1 img, .advR2 img, .advR3 img {width:100%; margin:10px 0 0}

.dreg_ema {
    float: left;
    height: auto;
    margin: 5px 0;
    text-align: center;
    width: 100%;
}

.dreg_ema h3 {
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
}

.dreg_ema h3 span {
    font-size: 12px;
    font-weight: normal;
}

.dreg_ema h3 b {
    color: #ec6707;
    font-size: 19px;
    font-weight: normal;
}

.lr_regEm {
    background: none repeat scroll 0 0 #fbddcb;
    float: left;
    height: auto;
    margin: 10px 0;
    width: 100%;
}

.lr_regEm input {
    background: none repeat scroll 0 0 #fbddcb;
    border: medium none;
    float: left;
    height: auto;
    line-height: 24px;
    text-indent: 8px;
    width: 164px;
}

.lr_regEm img {
    float: right;
    height: 100%;
}
.clr_video , .coll_video {float:left; width:100%; height:auto}
.clr_video {margin:15px 0 0}
.clvd_ttcate {float:left; text-align:left; height:30px; background:#EC6708; line-height:30px; font-size:13px; font-weight:bold; color:#FFF; width:100%; margin-bottom:8px; text-indent:10px}
.clvd_player {float:left; width:100%; height:auto; }
#mediaspace_wrapper {float:left}
.btn_vdxt {float:right; width:auto; height:auto; margin:7px; font-weight:bold; color:#EC6708; cursor:pointer}
.crv_inf {float:left; width:100%; height:auto; display:none; height:100px; overflow:auto}

ul.cr_lstv {float:left; width:100%; height:auto; margin:0; padding:0; list-style:none}
li.cr_lstv {float:left; width:100%; height:auto; margin-bottom:7px}
@media screen and (max-width:1045px){
/*FOOTER*/
.footer .bgCnt{ margin:0 1%; width:98%;}
}
@media screen and (max-width:1000px){
    
    .se-home-banner .col1 {
        float: left;
        padding-right: 0 !important;
        width: 100% !important;
    }
    .se-home-banner .col2 {
        display:none !important
    
    }
}
@media screen and (max-width:998px) {
.bg{ width:98%;}
.header-gray{ left:100px; right:0;  width:auto }
.hl{ width:auto}
.hr{ width:auto;}

/*MAINTOP*/
.sbox{ width:auto}
.sbox input{ width:auto}
/*menu*/
    li.navi,li.navi:last-child{ margin:0 20px}
    li.navi:last-child{ margin-right:0;}

/*main*/
.coll{width:100%}
.colr{display:none}

/*prods*/
.ri, .le{ float:none; width:auto}

}

@media screen and (max-width:930px) {
    .btn_search{ width:auto; padding:0 5px}
    li.navi,li.navi:last-child{ margin:0 10px}

    /*prod*/
    .prod,.prod.big{
         margin: 0 3px 15px 0;
         width:150px;
         height:240px;
         border:solid 1px #fff;
         background:#fff;
         height:260px
    }
    .prod .i-p,.prod.big .i-p{ width:148px;}
}
@media screen and (max-width:750px) {
    /*MAINTOP*/
    .hd_menu,.sbox, .hot_deal{ display:none}
    .maintop{ direction:rtl}
    .hot_deal{ float:left}
    .maintop .bgCnt{text-align:center; display:table}
    .logo, .hot_deal_m, .maintop_m{ display:table-cell; vertical-align:middle; text-align:left }
    .maintop_m{text-align:right; margin-right:4%}
    .hd_menu{ position:absolute; right:0; z-index:100}

    /*prodx*/
    .prod_price{ display:block; width:100%; margin:0;}
    .prod_deal{ float:left}
    .prod_buy_btn{ float:left; clear:both; margin-top:10px;}
    
    .sbox_m.ed{ display:none}
}
@media screen and (max-width:729px){
    .hl span:nth-child(1){ width:24px; text-indent:-9999px; height:24px; overflow:hidden; background:url('../images/phone.png'); display:inline-block; vertical-align:middle}
    .hl .hotline{ display:inline-block; vertical-align:middle}

     /*footer*/
    .footer .dtb{ display:block}
    .footer .dcel,.bo_ct{ width:46%; margin:0 1% 30px 1%; text-align:center; display:inline-block}
    .bo_ct{  bottom:0; right:0;}
    .footer-1 .bgCnt{padding-bottom:0}
    .footer-2 .bgCnt{ height:auto;}
    
    .copyright {
        display: inline-block;
        float: left;
        margin: 0 0 10px;
        text-align: center;
        width: 100%;
    }
    .sbzon, .sbzoff {display:none !important}
    .tb td {text-align:left}
    .tb td a {
        clear: both;
        display: block;
        float: left;
        font-size: 12px;
        margin-top: 5px;
        width: 63px;
    }
    .ver {display:none}

    .sbox_m.ed{ display:block}
    
}
@media screen and (max-width:650px) {
    .h_hoidap{display:none}
}
@media screen and (max-width:575px) {
   
    .hr .ver{ margin:0 2px}
    .hlogin{ margin-right:7px}

    /*maintop*/
    .m-img{ max-width:125px;}

    /*prodx*/
    .prod-tb{display:block}
    .prod-col{display:block; padding:0}
    .prod_ri,.prod_le{ width:100%; margin:0; max-width:none}
    .prod_big_cnt{ float:none; max-width:none; width:99%}

    .prod_imgs{display:none}
    .prd_navi span{ display:none}
    .prd_navi span.name{display:inline-block}
    .hot_deal_m {display:none}
    .logo {text-align:right}
    .main .bg {width:92%; margin:0 auto; }
    .main .bg .mm {text-align:justify}
    .mainbl {display:none}
    .apl_desc {float:left; width:100%}
    .apl_kd {display:none}
    ul.apply-li {float:left; width:100%; text-align:left; margin-bottom:40px !important}
    li.apply-li .apply-input {
        border: 1px solid #bebebe;
        float: right;
        height: 20px;
        width: 100%;
    }
    li.apply-li span {
        margin-top:5px; float:left
    }
    .n3 div {float:left; width:100%}
    .n3 div:last-child {margin-bottom:25px}
    .newsDetail img {width:100% !important; max-width:100% !important}
    .n2 .newItem {margin-bottom:15px}
    .n2 .newItem img {border:solid 1px #CCC}
    .di_lstAdd {width:100% !important}
    li.pr0 {width:100%; padding-bottom:10px}
    li.pr0:last-child {border:none; }
    .map_cnt {display:none}
    
}
@media screen and (max-width:569px) {
    .hl div{ text-align:center; width:150px;}
    .h_ktdh{display:none}
}
@media screen and (max-width:470px) {
     .hlogin span.h_bl, .horder span.h_bl{display:none}
    .h_login,.h_order{ line-height:27px}
    .hlogin span, .horder span{display:inline-block}
    .horder  span.h_count_top{ display:inline-block; margin-left:2px;}
    .h_count_top{ background:#ec6708; color:#fff; border-radius:10px; padding:0 5px; line-height:17px;}

    /*footer*/
    .footer .dcel{ display:block; margin:0 0 10px 0; text-align:left; width:auto}
    .bo_ct {
        display: block;
        float: left;
        height: auto;
        margin: 8px auto;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width:420px) {
    .h_login b{ display:none}
    .bo_ct{position:static}
}

@media screen and (max-width:355px) {
    .h_order b{ display:none}
}

@media screen and (max-width:320px) {
   
    .prod, .prod.big { width: 145px; }
}