@charset "utf-8";
/* czz */
/*********base tyle begin************************/
html{ overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; color:#333;}
body{
	background:url(../Images/pagePg.jpg) repeat; color:#3f3f3f; font-family:"微软雅黑"; font-size:12px; text-align:left;
	overflow:hidden;
}
.layout { margin:0 auto; width:1000px; zoom:1; overflow:hidden;}
body, div, dl, dt, dd, ul, ul li, pre, form, fieldset, input, textarea, p, blockquote, th, td, a{ margin:0; padding:0;/* overflow:hidden;*/}
body{overflow:hidden;}
div,table{ margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:0;}
address, caption, cite, code, dfn, em, th, var{ font-style:normal; font-weight:normal;}
ul{ list-style:none;}
input{ vertical-align:middle;}
caption{ text-align:left;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:bold;}
q:before, q:after{ content:'';}
abbr, acronym{ border:0;}
/**** clear ****/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1;} /* IE6 */
*:first-child+html .clearfix{ zoom:1;} /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
a:active {outline: none;star:expression_r(this.onFocus=this.blur());}
a.empty:hover{ text-decoration:none;}
/*public start*/
.font_arial{ font-family:Arial, Helvetica, sans-serif;}
.font_heiti{ font-family:"黑体";}
.font-italic{ font-style:italic;}
.bold{ font-weight:bold;}
.float_l{ float:left;}
.float_r{ float:right;}
.text-center{ text-align:center; /*padding:15px 0;*/}
.text-right{ text-align:right;}
/*public end*/
@font-face {
font-family: 'font1';
src: url('font.eot'); /* IE9 Compat Modes */
src: url('font.eot?#iefix') format('embedded-opentype'), url('font.ttf') format('truetype'),url("font.woff") format("woff");
/* Safari, Android, iOS */
}
.OverflowHide{ overflow:hidden;}
.layout {margin:0 auto; zoom:1; width:1000px;}
.setMarginTop{ margin-top:30px;}
.floatLeft{ float:left;}
/********base tyle end************************/

/*product item public style begin*/
.setMargin{width:1000px; float:left;}
.pBox{ width:1100px; float:left;}
*+html .pBox{ margin-bottom:15px;}
/*product item public style end*/



/************本地头部*扩展*********begin*****/
.acctacImg {background-attachment: fixed;}
.navBoxMain li a{ text-decoration:none;}
.contact *{ vertical-align:middle;}
.header{ height:auto;}
.wrapper{ width:1000px}
.examples{ width:auto}
/***********本地头部********end**********/

/*top rum time style begin*/
.runTimer{ height:64px; width:100%; background-color:#d6142d;}
.runTimer .runTimeBox{ margin:0 auto; width:1000px; overflow:hidden;}
.runTimer .runTimeBox .setColor{ color:#fff601;}
.runTimer .runTimeBox .msCont{ color:#FFF;}
.nav_top{ width:100%; height:64px; line-height:64px; position:relative; background-color:#d6142d; z-index:10;}
.fix{ position:fixed; top:0; z-index:9999;}
#countDown_panel,#countDown_panel2{ font-size:20px; color:#fff601;}
#countDown_panel span,#countDown_panel2 span{ font-size:45px; vertical-align:middle;}
#countDown_panel2{display:none;}
#countDown_panel i{ font-style:normal;}
/*top rum time style end*/



.main{ 
    width:1000px;    
    position: relative;
    z-index: 8;
}


/* 尾部 begin************** */
.foot{ background-color:#fff; font-size:18px; float:left; width:100%;}
.footcontent{ /*float:left;*/ width:100%; padding-top:125px; width:1000px; background:url(../images/fbbg.jpg) no-repeat center top; color:#c9c9c9; line-height:30px; text-align:center; margin:0 auto}
.footcontent a,.footcontent span{ color:#333;}
.serch{ margin:10px auto 15px auto; padding:0 5px 0 22px; width:464px; height:45px; background:url(../images/searchbg.jpg) no-repeat left top;}
.serchkeyword{ margin:11px 0; width:342px; height:23px; line-height:23px; border:0; font-size:14px; color:#999;}
.seobottom span{ display:block; color:#999; line-height:26px; font-size:14px}
.seobottom a{ margin-right:20px;color:#666; line-height:22px}
.relatelink{ padding-bottom:15px; background-color:#fff; width:100%;}
/*尾部 end ********************************/


.boxMain{ overflow:hidden;}




/*banner  style*/
.banner {
	background:url(../Images/banner.jpg) no-repeat scroll center top;
    height:584px;
  /*  overflow: hidden;*/
    position: relative;
    width: 100%;
    z-index: 2;
}

.bimg1{
	/*left: 470px;*/
    position: absolute;
	z-index:8;
	}
.bimg2{
	/*top:137px;*/
	top:-300px;
    position: absolute;
	z-index:8;
	}
	
/*other styel*/

.bannerPoImg
{
	position:relative;
	height:584px;
	overflow:visible;
}

.bannerCont{
	font-size:18px;
	color:#FFF;
	z-index:9;
	height:auto;
	margin:0 auto;
	width:1000px;
	overflow:visible;
}

.consultTit
{
	padding:15px;
}

.consultItems
{
	padding-bottom:30px;
}

.bgimg{
	position:absolute;
	top:468px;
	z-index:-1;
	left:-200px;;
}



/*this is row One product type Block   style begin*/
.productsBox{ width:100%; height:auto;}
.productsBox .blockTit{ height:auto; margin:0 auto; width:1000px; position:relative; text-align:center;}
.productsBox .listItems{ padding:22px; width:956px;}
.productsBox .buybtnBox{-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out; transform-style:preserve-3d; transform-origin: center center;}
.productsBox .buybtnBox:hover{
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	 transform:scale(0.9);
	  -moz-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	   -ms-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	    -o-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	 -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	  box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));}

.listItems .pListType1{ margin-bottom:15px;}
.pListType1 .imgBox{ width:463px; height:341px;overflow:hidden; float:left; background-color:#FFF; border-radius:8px 0 0 8px }
.pListType1 .imgBox .imgInfo{position:relative; z-index:1; background-color:#FFF; padding:13px}
*+html .pListType1 .imgBox .imgInfo{position:relative; height:300px; z-index:1; background-color:#FFF;}
.pListType1 .imgBox .imgInfo .proLink .bagImg{ margin-top:-20px;}
.pListType1 .ProImgLog{ position:absolute; top:0; left:10px; z-index:2;}
.pListType1 .imgLog{ position:absolute; top:13px; left:13px; z-index:2; background:url(../Images/productTJ.png) no-repeat; width:89px; height:44px; text-align:center;font-size:28px; color:#fffc00; padding-top:45px;}
.pListType1 .imgLog .imgLogBox{ position:absolute; left:22px; bottom:12px;height:34px; line-height:34px;}
.pListType1 .imgLog .Nub{ font-style:normal;  text-align:center; height:45px; line-height:45px; text-align:center;}
.pListType1 .proInfoBox{width:493px; height:341px;overflow:hidden; float:left; background-color:#FFF; border-radius:0 8px 8px 0}
.pListType1 .proInfoBox .proInfo{ margin:35px 38px 20px 25px; position:relative;z-index:1; height:290px;}
.pListType1 .proInfoBox .proInfo .infoLog{ position:absolute; top:-25px; right:-15px;}
.pListType1 .titleInfo{ display:block; font-size:24px; line-height:30px; color:#333; width:430px; height:64px; overflow:hidden; margin-bottom:10px; font-weight:bold }
.pListType1 .proInfoBox .proInfo .RecommendInfo{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:430px; height:114px; overflow:hidden; color:#666; font-size:16px; line-height:22px; margin-bottom:10px; padding-top:5px;}
.pListType1 .xiane{z-index:4; font-size:14px; color:#FFF; position:absolute; right:10px; top:30px; float:left; height:20px; overflow:hidden; background-color:#000; border-radius:10px; padding:0 10px;opacity:0.7;}

.pListType1 .proInfoBox .proInfo .PriceBuyBox{ width:430px; height:auto; height:68px}
.pListType1 .proInfo .PriceBuyBox .priceBuy{ position:relative;}
.pListType1 .PriceBuyBox .priceBuy i{ font-style:normal;}
.pListType1 .PriceBuyBox .priceBuy i.money{ font-size:44px;line-height:46px; font-weight:bold; letter-spacing:-1px}
.pListType1 .PriceBuyBox .priceBuy .price{ position: absolute; color:#f63459; font-size:20px;}
.pListType1 .odp{ font-size:15px; color:#666; text-decoration:line-through;}
.pListType1 .buybtnBox{ position:absolute; right:0px;}
.pListType1 .buybtnBox .buyBtn{ display:block; width:150px; font-size:24px; text-align:center; line-height:49px; height:50px; color:#FFF; text-decoration:none; background:#f63459 url(../Images/arr.gif) no-repeat 138px 19px; border-radius:8px; margin-top:10px; padding-right:20px}
.pListType1 .noBuy .buybtnBox .buyBtn{ display:block; font-size:24px; text-align:center; line-height:49px;  color:#FFF; text-decoration:none;background:#777777 url(../Images/arr.gif) no-repeat 138px 19px;}
.pListType1 .willBegin .buybtnBox .buyBtn{ display:block;  font-size:24px; text-align:center; line-height:49px; height:50px; color:#FFF; text-decoration:none; background:#078057 url(../Images/arr.gif) no-repeat 138px 19px;}
/*this is row One product type Block  end*/
.pListType1 .moreCom{ width:100%;text-align:right; overflow:hidden; margin:-5px 0 5px 0;}
.pListType1 .moreBtn{margin:0 auto; display:block;height:20px; line-height:20px; color:#333; font-size:12px;}

/*this is row Tow product type Block   style begin*/
.pListType2{ border:1px solid #ddd; width:470px; height:auto; /*margin-right:10px;*/margin-right:12px; margin-bottom:15px; border-radius:8px; overflow:hidden}

.pListType2:hover{border:1px solid #999; box-shadow:0 0 8px #999;
-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.pListType2 .pListItemBox{ width:450px; overflow:hidden; padding:10px; background-color:#fff;}
.pListType2 .imgBox{ width:450px; height:315px; overflow:hidden;}
.pListType2 .imgInfo{ position:relative; width:450px; height:315px; overflow:hidden; background-color:#FFF;}
.pListType2 .imgLog{ position:absolute; top:0; left:0px; z-index:2; background:url(../Images/productTJ.png) no-repeat; width:89px; height:44px; text-align:center;font-size:28px; color:#fffc00; padding-top:45px;}
.pListType2 .imgLog .imgLogBox{ position:absolute; left:22px; bottom:12px;height:34px; line-height:34px;}
.pListType2 .imgLog .Nub{ font-style:normal;  text-align:center; height:34px; line-height:34px; text-align:center;}
.pListType2 .proLink{ border:0; text-decoration:none;}
.pListType2 .otherInfobg{z-index:8; position:absolute; background-color:#333; left:0px; top:316px; width:451px; height:314px; overflow:hidden;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/ /*display:none*/}
.pListType2 .imgBox .imgInfo .proLink .bagImg{ margin-top:0px;}
.pListType2 .otherInfo{z-index:4;font-size:15px; color:#FFF; position:absolute; right:-500px; top:10px;width:450px; height:200px; overflow:hidden;display:none}
.pListType2 .otherInfo2{z-index:4;font-size:16px; color:#666; width:450px; overflow:hidden; border-top:1px dashed #ccc; height:24px; padding-top:5px}
.pListType2 .xiane{z-index:4; font-size:14px; color:#FFF; position:absolute; right:10px; top:10px; float:left; height:20px; overflow:hidden; background-color:#000; border-radius:10px; padding:0 10px;opacity:0.7;}
.pListType2 .proInfoBox{ background-color:#FFF; width:450px; height:auto; color:#333; overflow:hidden; }
.pListType2 a.proTitle{text-align:left; display:block;width:450px;font-size:20px; line-height:24px;  height:50px; overflow:hidden; margin:10px 5px; color:#333; font-weight:bold}
.pListType2 .PriceBuyBox{ width:450px; height:57px; margin-bottom:10px;}
.pListType2 .PriceBuyBox .priceBuy{ position:relative;}
.pListType2 .PriceBuyBox .priceBuy i{ font-style:normal;}
.pListType2 .PriceBuyBox .priceBuy i.money{ font-size:44px;line-height:46px; font-weight:bold; letter-spacing:-1px}
.pListType2 .PriceBuyBox .priceBuy .price{ position: absolute; color:#f63459; font-size:20px; top:0; left:0;}
.pListType2 .odp{ font-size:15px; color:#666; text-decoration:line-through;}
.pListType2 .buybtnBox{ position:absolute; right:0px;}
.pListType2 .buybtnBox .buyBtn{ display:block; width:150px; font-size:24px; text-align:center; line-height:51px; height:55px; color:#FFF; text-decoration:none; background:#f63459 url(../Images/arr.gif) no-repeat 138px 19px; border-radius:8px; margin-top:10px; padding-right:20px}
.pListType2 .noBuy .buybtnBox{ position:absolute; right:-19px; top:-39px;}
.pListType2 .noBuy .buybtnBox .buyBtn{ display:block; width:150px; font-size:24px; text-align:center; line-height:51px; height:105px; color:#FFF; text-decoration:none;background:#777777 url(../Images/arr.gif) no-repeat 138px 19px;}
.pListType2 .willBegin .buybtnBox .buyBtn{ display:block; width:150px; font-size:24px;text-align:center; line-height:50px; height:50px; color:#FFF; text-decoration:none;background:#078057 url(../Images/arr.gif) no-repeat 138px 19px;}
/*this is row Tow product type Block  end*/
.pListType2 .moreCom{ width:100%;text-align:right; overflow:hidden; margin:-5px 0 5px 0;}
.pListType2 .moreBtn{margin:0 auto; display:block;height:20px; line-height:20px; color:#333; font-size:12px;}



/*this is row four product type Block   style begin*/
.pListType4{ border:1px solid #ddd; width:228px; height:auto; /*margin-right:14px;*/ margin-right:12px; margin-bottom:15px;border-radius:5px; overflow:hidden}
.pListType4:hover{ border:1px solid #999; box-shadow:0 0 8px #999;
-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.pListType4 .pListItemBox{ width:220px; overflow:hidden;padding:4px; background-color:#fff}
.pListType4 .imgBox{ width:220px; height:154px; overflow:hidden;}
.pListType4 .imgInfo{ position:relative; width:220px; height:154px; overflow:hidden; background-color:#FFF;}
.pListType4 .imgLog{ position:absolute; top:0; right:0px; z-index:2; background:url(../Images/tj.png) no-repeat; width:50px; height:25px; text-align:center;font-size:16px; color:#FFFc11; padding-top:25px;}
.pListType4 .imgLog .imgLogBox{ left:2px; bottom:3px;height:50px; width:50px; line-height:34px; }
.pListType4 .imgLog .Nub{ font-style:normal;  text-align:center; height:25px; line-height:25px; text-align:center;}
.pListType4 .proLink{ border:0; text-decoration:none;}
.pListType4 .otherInfobg{background-color:#333;z-index:8; position:absolute; left:0px; top:155px; width:220px; height:154px; overflow:hidden;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/ /*display:none*/}
.pListType4 .otherInfo{z-index:8; font-size:15px; color:#FFF; position:absolute; left:0px; top:155px; width:215px; height:143px; overflow:hidden;display:none}
.pListType4 .otherInfo img{ margin:0 auto; display:block; margin-top:12px;}
.pListType4 .otherInfo2{z-index:4; font-size:15px; color:#FFF; position:absolute; 
right:1px; bottom:0px;width:219px; height:20px; overflow:hidden;padding-top:60px; 
background:url(../Images/220.png) repeat-x;}
.pListType4 .xiane{z-index:4; font-size:14px; color:#FFF; position:absolute; left:10px; top:10px; float:left; height:20px; overflow:hidden; background-color:#000; border-radius:10px; padding:0 10px;opacity:0.7;}
.pListType4 .proInfoBox{background-color:#FFF; width:220px; height:auto;overflow:hidden;z-index:2;}
.pListType4 a.proTitle{ display:block; font-size:16px; line-height:20px; text-align:left;  text-align:left; width:213px; margin:10px 0px; color:#333; height:45px; line-height:21px; overflow:hidden; padding:0 5px;}
.pListType4 .PriceBuyBox{ width:220px; height:auto;}
.pListType4 .PriceBuyBox .priceBuy{ position:relative; height:45px; width:220px;margin-bottom:10px;}
.pListType4 .PriceBuyBox .priceBuy i{ font-style:normal;}.pListType4 .PriceBuyBox .priceBuy i.money{ font-size:30px;line-height:30px; font-weight:bold; letter-spacing:-2px}
.pListType4 .PriceBuyBox .priceBuy .price{ position: absolute; color:#f63459; font-size:16px; top:0px; left:8px;}
.pListType4 .odp{ font-size:15px; color:#666; text-decoration:line-through;}
.pListType4 .buybtnBox{position:absolute; right:4px; top:4px;}
.pListType4 .buybtnBox .buyBtn{ display:block; width:82px; font-size:18px;text-align:center; line-height:29px; height:30px; color:#FFF; text-decoration:none;  background:#f63459;border-radius:3px;}
.pListType4 .noBuy .buybtnBox .buyBtn{ display:block; font-size:18px; text-align:center; height:30px; color:#FFF; text-decoration:none;background:#777777;}
.pListType4 .willBegin .buybtnBox .buyBtn{ display:block; font-size:18px;  text-align:center;height:30px; color:#FFF; text-decoration:none;background:#078057;}

.pListType4 .moreCom{ width:100%;text-align:center; overflow:hidden; margin:-5px 0 5px 0;}
.pListType4 .moreBtn{ text-align:center; margin:0 auto; display:block; width:115px; height:20px; line-height:20px; color:#333; font-size:12px;}

/*this is row four product type Block  end*/


/*product anim style*/
.itemTag{/*-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);-webkit-transform:rotateX(90deg); transform:rotateX(90deg);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d; transform-style:preserve-3d;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;-webkit-transform-origin:center center; transform-origin:center center;*/}
.animGo{/*-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);-webkit-transform:rotateX(0deg); transform:rotateX(0deg);*/}



#a1 .listItems{
	height:382px;
	background:url(../Images/klbg.jpg) no-repeat;
	position:relative;
}
#a1 .listItems img{ position:absolute; top:43px; cursor:pointer; transition:all 0.6s ease-in-out;}
#a1 .listItems img:hover{ transform:scale(1.06); transform-origin:top center;}
.q1{ left:106px;}
.q2{left:237px;}
.q3{left:363px;}
.q4{left:491px;}
.q5{left:793px; position:absolute; top:2px;}
.q6{left:618px;}
#a1 .ruleInfo{ position:absolute; top:198px; font-size:14px; left:111px;}



/*弹窗*/
.dia_bg{ z-index:9999; background:#000; position:fixed; top:0; left:0; height:100%; width:100%; opacity:0.5; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5;}
.dialog_box{ border-radius:8px; width:500px; height:200px; background:#fff; position:fixed; z-index:99999; left:50%; top:50%; margin-left:-250px; margin-top:-100px;}
.heade{ border-bottom:1px solid #999; font-size:20px; color:#999; padding:10px;}
.heade i{ float:right; transform-origin:center center; font-style:normal; background:#CCC; border-radius:15px; padding:1px 8px; cursor:pointer;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.heade i:hover{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.dlog a{-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;-webkit-transition:all 0.8s; transition:all 0.8s; background:#eb1695; border-radius:6px; color:#fff; display:block; width:120px; height:35px; line-height:35px; text-align:center; font-size:18px; margin:0 auto;}
.dlog a:hover{ text-decoration:none;-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05);}
.mess{ color:#999; text-align:center; font-size:16px; height:56px; padding:10px;padding-top:20px; }















/*抽奖弹框*/
.out {
margin: -137px 0 0 -265px;
width: 529px;
height: 274px;
position: fixed;
left: 50%;
top: 50%;
z-index: 102;
display: none;
}

.out .close {
position: absolute;
right: 0;
top: 0;
}

.out .text1 {
width: 275px;
font-size: 18px;
line-height: 30px;
color: #242424;
position: absolute;
left: 60px;
top: 45px;
}

.out .text2 {
width: 485px;
font-size: 14px;
line-height: 26px;
color: #242424;
position: absolute;
left:21px;
top: 35px;
}

.color2 {
color: #f32c42;
}

.out .text1 .cardprice2 {
font-size: 24px;
}


.cover {
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
position:fixed;
z-index: 101;
top:0px;
left:0px;
}

#morebt{ color:#333; margin-right:60px; display:block; float:right; padding:3px 16px; font-size:16px; background:#FC9; border-radius:8px;}