@charset "utf-8";
body{margin:0px; background:url(../Images/body.gif) repeat-x top #ffffff; overflow-x:hidden;}
a,span,p{font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#666666; text-decoration:none;}

img{border:0px;}
.clear{clear:both;}
.kx{height:20px; overflow:hidden;}
.mt5{margin-top:5px;}
.left{float:left;}
.right{float:right;}
.content{width:1200px; margin:auto;}


.top{height:118px; background:#FFFFFF; border-bottom:7px #005aa9 solid;}
.top .logo{width:212px; height:80px; background:url(../Images/logo.jpg) no-repeat; margin-top:30px; float:left;}



/*Bram-start*/
#nav{width:950px; float:right; height:118px;}
#nav ul{margin:0px; list-style:none; padding:0px;}
#nav ul li{float:left; width:115px; margin-left:0px; list-style:none; display:block; text-align:center; position:relative; height:118px;}
#nav ul li:hover{background:#005aa9;}
#nav ul li a{font-size:14px; color:#4C4C4C; font-weight:800; text-decoration:none; line-height:118px; display:block;}
#nav ul li:hover a{color:#ffffff;}
#nav ul li ul{display:none; width:235px; background:#005aa9;}
#nav ul li:hover ul{display:block; width:235px; position:absolute; top:118px; left:0; list-style:none; position:absolute; float:left; z-index:99;}
#nav ul li:hover ul li{list-style:none; margin:0px; padding:0px; clear:both; height:32px; width:205px; text-align:left; padding-left:30px; border-bottom:1px solid #FFFFFF;}
#nav ul li:hover ul li:hover{background:#999999; display:block;}
#nav ul li:hover ul li a{font-size:12px; color:#ffffff; font-weight:normal; line-height:32px;}
#nav ul li:hover ul li a:hover{text-decoration:none; color:#ffffff;}
/*Bram-end*/

.banner{width:100%;  background-size:cover; border-bottom:7px solid #005aa9;}

.banner .callbacks_container ul{margin-bottom: 20px;}

.i_1{width:450px; height:460px; float:left; margin:0px; overflow:hidden;}
.i_1 img{width:450px; height:460px; transition-duration:0.5s;}
.i_1:hover img{transform: scale(1.1); transition: all 1s ease; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease;}
.i_1 .i_1black{background:#ff0000; position:relative; height:50px; width:450px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-50px;  transition-duration:0.5s; position:relative; text-align:center;}
.i_1:hover .i_1black{transition-duration:0.5s; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-460px; height:460px; width:450px;}
.i_1 .i_1black a{line-height:50px; color:#FFFFFF;}
.i_1:hover .i_1black a{line-height:460px; color:#FFFFFF; display:block;}


.i_2{width:375px; height:230px; float:left; margin:0px; overflow:hidden;}
.i_2 img{width:375px; height:230px; transition-duration:0.5s;}
.i_2:hover img{transform: scale(1.1); transition: all 1s ease; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease;}
.i_2 .i_2black{background:#ff0000; position:relative; height:50px; width:375px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-50px;  transition-duration:0.5s; position:relative; text-align:center;}
.i_2:hover .i_2black{transition-duration:0.5s; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-230px; height:230px; width:375px;}
.i_2 .i_2black a{line-height:50px; color:#FFFFFF;}
.i_2:hover .i_2black a{line-height:230px; color:#FFFFFF; display:block;}


.i_3{width:750px; height:230px; float:left; margin:0px; overflow:hidden;}
.i_3 img{width:750px; height:230px; transition-duration:0.5s;}
.i_3:hover img{transform: scale(1.1); transition: all 1s ease; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease;}
.i_3 .i_3black{background:#ff0000; position:relative; height:50px; width:750px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-50px;  transition-duration:0.5s; position:relative; text-align:center;}
.i_3:hover .i_3black{transition-duration:0.5s; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:-230px; height:230px; width:750px;}
.i_3 .i_3black a{line-height:50px; color:#FFFFFF;}
.i_3:hover .i_3black a{line-height:230px; color:#FFFFFF; display:block;}


.i_4{height:130px;}
.i_4 a{line-height:130px; font-size:40px; color:#005aa9;}
.i_4 a span{color:#666666; padding-left:10px; font-size:30px; line-height:130px;}


.i_5 .left{width:455px; height:288px; float:left; margin-right:30px;}
.i_5 .left img{width:455px; height:288px;}
.i_5 .right{width:715px; float:left;}



.foot{height:180px; width:100%; background:#005aa9; margin-top:50px;}
.foot .left{width:300px; float:left; margin-top:40px;}
.foot .left .logo{width:292px; height:102px; background:url(../Images/flogo.jpg) no-repeat; padding-bottom:15px;}
.foot .left a{line-height:24px; color:#FFFFFF;}

.foot .right{float:right; margin-top:40px; }
.foot .right .flist{width:150px; float:left;}
.foot .right .flist a{line-height:30px; color:#FFFFFF;}
.foot .right .flist a span{font-size:16px; color:#FFFFFF; font-weight:600; line-height:40px;}
.foot .right .notes {margin-top: 50px; }
.foot .right .notes a{font-size:14px; color:#FFFFFF; font-weight:600; line-height:40px;}


/*  inner  */
.in_left{width:205px; float:left; margin-right:45px; margin-top:10px;}
.in_1{height:40px; border-bottom:2px #CCCCCC solid;}
.in_1 a{line-height:40px; color:#005aa9; font-size:20px; font-weight:600;}
.in_1 a span{line-height:40px; color:#999999; font-size:18px; padding-left:10px;}
.in_1x{height:4px; background:#005aa9; width:100px; margin-top:-3px; margin-bottom:10px;}

.in_2{border:1px solid #C6C6C6; width:203px;}
.in_2 .list{height:50px; border-bottom:1px dashed #CCCCCC;}
.in_2 .list a{line-height:50px; padding-left:20px; display:block;}
.in_2 .list:hover{background:#005aa9;}
.in_2 .list:hover a{color:#FFFFFF;}
.in_2 .list.in{background:#005aa9;}
.in_2 .list.in a{color:#FFFFFF;}



.in_right{width:950px; float:left; margin-top:10px;}

.in_3{height:150px; border-bottom:1px dashed #CCCCCC;}
.in_3 .left{width:180px; height:120px; float:left; margin-right:20px; margin-top:15px;}
.in_3 .left img{width:180px; height:120px;}

.in_3 .right{width:750px; margin-top:10px;}
.in_3 .right .up{height:30px; background:url(../Images/dian.jpg) no-repeat center left;}
.in_3 .right .up a{line-height:30px; padding-left:20px; font-weight:600;}
.in_3 .right .up .time{float:right;}
.in_3 .right .up .time a{font-weight:normal;}

.in_3 .right .down{height:100px; overflow:hidden;}
.in_3 .right .down a{line-height:24px; color:#999999;}
.in_4{height:45px; border-bottom:1px dashed #CCCCCC;}
.in_4 .left{height:40px; background:url(../Images/dian.jpg) no-repeat center left;}
.in_4 .left a{line-height:40px; padding-left:20px; font-weight:600; margin-top: 10px;}
.in_4 .right{float:right; margin-right: 30px; margin-top:10px; }
.in_4 .right a{font-weight:normal; color: #005aa9;}

.in_5{width:210px; float:left; height:280px; margin-right:25px; margin-top:4px; text-align:center;}
.in_5 .up{height:210px; border:1px solid #DADADA;}
.in_5 .up img{height:210px; width:210px; margin:0px;}
.in_5 .down{height:78px; padding-top:10px;}
.in_5 .down a{line-height:24px; font-size:14px; color:#666666;}
.in_6{width:950px; height:450px;  }
.in_6 .up .left{width:400px; height:400px; float:left}
.in_6 .up .left img{width:360px; height:360px;}
.in_6 .up .right{width:550px; height:450px; font-family:"微软雅黑"; font-size:14px; }
.in_6 .down{width: 950px; height: 450px; font-family:"微软雅黑"; font-size:14px;}
.img{ float:left; max-height:100%}
.newsinfo{ width:654px; float:left; height:164px; margin-left:15px;}
.newstitle{ height:30px; line-height:30px; float:left; font-size:18px; background-image:url(../Images/dian.jpg); background-position:left center; background-repeat:no-repeat; padding-left:30px; width:500px;}

.newcontent{ width:100%; float:left; line-height:25px;padding-left:30px;}

.newslist{ float:left; padding-bottom:26px; width:985px; border-bottom:1px solid #ccc; margin-bottom:25px;}
.tooltitletxt {
width: 100%;
font-size: 22px;
color: #000;
text-align: center;
float: left;
margin-top:20px
}
.absico {
position: absolute;
top: 20px;
right: 200px;
}
.tooltitletxtsmall {
width: 100%;
line-height: 60px;
height: 60px;
text-align: center;
position: relative;
color: #989696;
border-bottom: 1px solid #ccc;
float: left;
}







/*限量抢购-开始*/

.brand_infor{
    text-align: left;
    position: relative;
    border-bottom: 1px solid #ff6767;
    font-family: "microsoft yahei";
}
.brand_infor_tit{
    font-size: 18px;
    font-family: "微软雅黑";
    color: #2f2f2f;
    line-height: 33px;
    padding-right:10px;
}

.brand_infor_cat{
    float: right;
    margin-top: 9px;
    line-height: 24px;
}




.flashSale_wrap {
    /*display: none;*/
    width: 1200px;
    height: 192px;
    margin:0 auto;
}
.flashSale{
    position: relative;
    height: 299px;
    overflow: hidden;
    margin-top: 33px !important;
}
.xlqg{
    font-size:0;
}
.xlqg a{
    display: inline-block;
    padding: 0 8px;
    height: 24px;
    color: #ff6767;
    font: 12px/24px "microsoft yahei";
}
.xlqg em{
    margin:0;
}
.xlqg a.active{
    background: #ff6767;
    color: #fff;
    text-decoration: none;
}
.xlqg a:hover{
    background: #ff6767;
    color: #fff;
    text-decoration: none;
}
.tab-content{
    margin-top:12px;
}
.flashSale .tab-content .tab-pane {
    display: none;
}
.flashSale .tab-content .active {
    display: block;
}
.flashSaleDeals {
    width: 1200px;
    height: 192px;
    position: relative;
    overflow: hidden;
}
.flashSaleDeals ul li{
    width:1200px;
    float:left;
    height:192px;
}
.xsq_deal_wrapper,.saleDeal{
    position: relative;
    display: block;
    float: left;
    width: 294px;
    height: 192px;
   /* background: #dcbf0a;*/
    margin-left: 4px;
}
.dealCon{
    position: relative;
    width: 294px;
    height: 192px;
    overflow: hidden;
}
.dealImg{
    width: 294px;
    height: 192px;
}
.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font: 12px/20px '微软雅黑';
    display: none;
    z-index: 2;
}
.overlay .xsqMask{
    opacity: .4;
    filter: alpha(opacity=40);
}
.overlay .xsqMask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.overlay p{
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}
.word1{
    top: 48px;
    font-size: 16px;
}
.word2{
    top: 78px;
    font-size: 16px;
}
.word3{
    top: 145px;
    font-size: 14px;
}
.flashSaleDeals .saleDeal:hover .finish{
    display: block;
}
.soldOut {
    background: url("../Images/big_bg_img_v3.png") -216px -500px;
}
.finishIcon {
    background: url("../Images/big_bg_img_v3.png") -5px -101px;
}
.xsqIcon {
    width: 76px;
    height: 75px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    z-index: 1;
}
.stock{
    width: 100%;
    height: 20px;
    overflow: hidden;
    font: 13px/20px '微软雅黑';
    color: #fff;
    text-align: center;
    position: absolute;
    border-bottom: 24px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    bottom: -24px;
    left: 0;
    z-index: 1;
}
.saleDeal:hover .dealCon .stock{
    bottom: 0;
}
.xsqMask {
    opacity: .4;
    filter: alpha(opacity=40);
    /*z-index: 1;*/
}
.xsqMask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.stockWord {
    position: relative;
    z-index: 2;
    font-size: 12px;
}
.title_new {
    padding: 6px 10px 0;
    font: 12px/20px "microsoft yahei";
    color: #060606;
}
.title_new p {
    width: 172px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
}
.baoyouText {
    color: #888;
    margin-right: 5px;
}
.dealInfo {
    height: 35px;
    padding: 0 12px 0 10px;
    text-align: right;
    margin-top: -1px;
}
.price {
    color: #ec1611;
    font: 13px/33px '微软雅黑';
    float: left;
}
.price em{
    font: 700 16px/33px Arial;
    margin-left: 4px;
}
.shop_preferential{
    float: right;
    font: 12px/12px "Arial";
    color: #b5b5b5;
    margin-top: 10px;
}

.flashSaleDeals .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {
    display: none;
}

.trigger {
    width: 17px;
    height: 43px;
    background-image: url("../Images/big_bg_img_v3.png");
    position: absolute;
    top: 74px;
    z-index: 3;
}
.zuo{
    background-position: -277px -440px;
    left: 5px;
}
.zuo:hover{
    background-position: -217px -440px;
}
.you{
    background-position: -307px -440px;
    right: 0;
}
.you:hover{
    background-position: -247px -440px;
}
/*限量抢购-结束*/