@charset "utf-8";
/******************* Style Reset ******************/
*{margin:0; padding:0;list-style:none;}
.clear { clear:both; }.fr{ float:right}.fl{ float:left}
body{color:#ab3c3b;font-family:微软雅黑; width:100%; background-color:#fff;}
a{text-decoration:none;outline:0px; color:#ab3c3b; font-family:微软雅黑}
img{ max-width:100%;}

/*---------------首页区域------------------------------------------------*/
/*---------------首页区域------------------------------------------------*/

/****************** header ******************/
.wrap{margin: 0 auto;width: 100%;max-width: 640px;overflow: auto;overflow-x: hidden;position: relative;}
.top{ border-bottom:#eee solid 1px; font-size:0.9em; line-height:2.6em; padding:0 2%;}
.top01{ float:left;}
.top02{ float:right;}

/*****顶部区域****/
.header{ text-align:center; position:relative; padding:2% 0;}
.header img.btn01{ max-width:99.81%;}
.btn02{ position:absolute; width:9.22%; top:30%; right:2.4%;}
.btn03{ position:absolute; width:9.22%; top:30%; left:2.4%;}

.search{ background-color:#80551e; padding:0.3% 0;}
.search01{ background-color:#fff; width:97%; margin:0 auto; overflow:hidden;}
.search02{ float:right; width:8.5%; background:#125db0 url("../images/ss.jpg") no-repeat center center; background-size:100% auto;border:none; border:0; padding:2.2% 0;}
.search03{ float:left; font-family:"微软雅黑"; color:#676767; width:80%;border:none; border:0; font-size:0.9em; padding:2.2%;}


.banner{float:left;width:100%; position:relative; background-color:#80551e;}
.bannerimg img{ display:block;width:100%;}

/*****banner****/
.big-pic { width: 100%; float: left;}
.big-pic img { width: 100%; display: block; }
.big-pic-in { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
.pic-list { position: relative; height: auto; -webkit-transform: translate3d(0, 0, 0); z-index: 0; }
.big-pic a, .big-pic a p { float: left; height: auto; width: 100%; }
.big-pic2 .pic-list { width: 200%; }
.big-pic2 .pic-list img { width: 100%; }
.big-pic2 .pic-list a { width: 50%;/*50%*/ }
.big-pic3 .pic-list { width: 300%; }
.big-pic3 .pic-list a { width: 33.3%;/*33.33%*/ }
.big-pic4 .pic-list { width: 400%; }
.big-pic4 .pic-list a { width: 25%;/*25%*/ }
.slide-dot { position: absolute; right: 0%; width:100%;text-align:center; bottom: 6%; height: 8px; padding: 2px 0; flo/at: right; }
.slide-dot span { display:inline-block; width: 8px;height: 8px; margin: 0 5px; background-color:#fff; vertical-align: top; z-index: 10; -moz-border-radius:30px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; }
.slide-dot .slide-dot-cur {  background-color:#cc0043; z-index: 10; }
.transition { -moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }


/*****ico****/
.ico{ text-align:center; background-color:#cccccc;}
.ico img{ max-width:23.5%; max-width:23%; margin:3.7% 0.7%;}


/*****nav****/
.nav{ background-color:#0197e0;}
.nav ul li{ float:left; width:33.1%; text-align:center; border-bottom:#52bdf1 solid 1px; border-right:#52bdf1 solid 1px;}
.nav ul li.nav01{ border-right:none;}
.nav ul li a{ display:block; width:100%; display:block; font-size:1.3em; color:#fff; padding:10% 0;}

/*****弹出导航****/
#modal { display:none;background:#eee;} 
#pageslide { display:none;background:#eee;position: absolute;position: fixed;top: 0;width:100%; max-width:100%; height:100%;overflow:auto;z-index: 999999;}
.nav_tc{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#fff;font-size:14px;text-align:left; float:left;}
.navli a:hover{ background:#000;}


/*****奢侈名品大卖场****/
.shechi1{ position:relative; background-color:#eee; padding:4.8% 2% 2.1%; font-size:16px; font-weight:bold;}
.shechi{ position:relative; background-color:#f2f7eb; padding:4.8% 2% 2.1%;}
.go{ position:absolute; top:25%; right:2%; width:6.5%;}

.shechi03{ padding:1% 0;}
.shechi03 img{ max-width:100%;}
.shechi01{ float:left; width:0.875%; padding-left:0.1%;}
.shechi02{ float:left; width:98.4375%;padding-left:0.1%;}
.shechi02 img{ margin-top:2.5%; margin-left:0.1%;}


/*****整体广告位的统一样式****/
.gg{}
.gg01{ float:left; width:49.53125%; border-right:#e9e9e9 solid 1px; margin-top:2%; margin-bottom:2%; margin-left:1.5%;}
.gg02{ float:left; width:45.625%; margin-top:2%; margin-left:1.5%;}
.gg03{ position:relative; text-align:right; border-bottom:#e9e9e9 solid 1px;}
.gg04{ position:absolute; top:13%; left:5%; text-align:left; font-size:1em; color:#2b2b2b; line-height:1.4em; width:100%;}
.gg04 span{ display:inline; padding-right:1%; font-size:0.9em; padding-top:5%; color:#737373;}
.gg04 font{ overflow:hidden; height:2.8em; line-height:1.2em; display:block; width:70%;}
.gg03 img{ max-width:39.43217%;}

.gg06{ padding:2% 1.5% 0;}
.gg05{ float:left; width:49.8%;position:relative; text-align:right; border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px;}
.gg05 img{ max-width:39.43217%; margin-right:3%;}

.gg07{ width:100%; margin:1% auto 0;}

/* footer */
.footer{ padding:1.4% 0; text-align:center;background-color:#ab3c3b; width:100%; margin:0% auto 0; font-size:1em; color:#fff; color:#fff;}
.footer span{ padding:0 4%; color:#fff; font-size:1.2em;}
.footer01{ padding:4% 0; font-size:1.2em; text-align:center; color:#000;}
.footer02{
	position: relative;
	margin: 2% auto 20%;
	font-size: 1.2em;
	line-height: 2.4em;
	width: 75%;
	padding-left: 10%;
	background-color: #ccc58f;
	text-align: center;
	color: #fff;
}
.footer03 {position:absolute; top:-50%; left:-5%; width:21%;}

.footer04{ text-align:center; padding-bottom:2%;}
.footer04 img{ max-width:25%;}


.totop{ position:fixed;width:9.375%; bottom:3%; right:3%;}



/*---------------内页区域------------------------------------------------*/
/*---------------内页区域------------------------------------------------*/
.sub_wz{ position:relative; background-color:#463b7f;}
.sub_wz01{ float:left; width:12%;}
.sub_wz02{ float:right; width:9%;}
.sub_wz03{ position:absolute; color:#fff; top:0; left:15%; text-align:center; width:70%;}
.sub_wz04{ width:55%; margin:0 auto;}

.sub_wz03 span{ font-size:1.3em; padding-top:3%; display:block;}

/******sub_about*******/
.sub_about{ width:92.1875%; margin:0 auto; padding:5% 0 3%; font-size:0.9em; line-height:2.1em; color:#3b3b3b;}


/******sub_news*******/
.sub_news{ width:92%; margin:5% auto 0;}
.sub_news ul li{ background:url("../images/sub_news01.jpg") no-repeat left center; padding-left:4%;font-size:1em; line-height:3em; height:3em; overflow:hidden;}
.sub_news ul li a{color:#444;}

.sub_news01{ font-size:0.95em; width:92%; margin:0 auto; line-height:2em; color:#3b3b3b; padding-top:4.5%;}

.sub_news02{}
.sub_news02 ul li{ border:#d7d9d8 solid 1px; color:#7b7b7b; font-size:1em; margin-bottom:1.5%;}
.sub_news02 ul li a{ color:#7b7b7b; padding:0 2%; line-height:2em; height:2.2em; display:block; overflow:hidden;}

.fanye{ text-align:center; color:#463b7f; font-size:1.1em; padding:6% 0 2%;}
.fanye img{ vertical-align:middle; max-width:5.2%;}

.return{ text-align:center; padding:5% 0 7%;}
.return a{ padding:1% 4%; border-radius:3px; font-size:1.1em; color:#fff; background-color:#463b7f; }


/******sub_product*******/
.sub_product{ width:94%; margin:0 auto;}
.sub_product img{ margin-top:4%;}

.sub_product02{ font-size:1.2em;}
.sub_product02 a{  color:#0198e0; display:block;line-height:2.9em; height:3.5em;text-align:center; background:#f6f6f6 url("../images/cp02.jpg") no-repeat center bottom;}

.sub_product03{ border-top:#ebebeb solid 1px;border-left:#ebebeb solid 1px; width:94%; margin:0 auto; overflow:hidden;margin-top:3%; }
.sub_product04{}
.sub_product04 ul li{ float:left;border-right:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px; width:33.1%;}
.sub_product05{ padding-top:2%; font-size:0.9em; text-align:right; color:#5e5e5e; padding-right:4%;}
.sub_product05 a{ color:#5e5e5e; }
.sub_product05 img{ vertical-align:middle;}

.sub_product06{}
.sub_product06 dl{ float:left; background-color:#f5f5f5; width:44.21875%; margin:3.3% 2.7% 0 2.9%;padding-bottom:3%;}
.sub_product06 dl dt{ width:88.7%; margin:6% auto 7%;}
.sub_product06 dl dd{font-size:1em;}
.sub_product07{ color:#5d5d5d;width:88.7%; margin:0 auto 5%; line-height:1.4em; height:2.8em; overflow:hidden;}
.sub_product08{width:88.7%; margin:0 auto; color:#000; position:relative;}
.sub_product08 span{ color:#5d5d5d; text-decoration:line-through; display:block; position:absolute; top:0; right:0;}

.sub_product09{ width:94%; margin:6% auto 0;}
.sub_product09 img{ border:#dedede solid 1px;}
.sub_product10{ font-size:1.1em;line-height:1.6em; color:#000; line-height:1.5em; padding-top:5.5%;}
.sub_product10 span{ color:#666; padding-top:3.8%; display:block;}
.sub_product10 font{ color:#e93a38; font-family:Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:bold;}
.sub_product11{ border-top:#bebebe solid 1px; margin-top:5%;}
.sub_product12{width:94%; margin:0 auto;}
.sub_product13{ font-size:1.4em; line-height:3em; color:#000;}
.sub_product14{ font-size:1em; color:#000; line-height:1.6em; padding-bottom:3%;}


/******查看更多*****/
.cccc02,.dddd02{ display:none;}



/*产品详细页标签切换*/
.tab {width: 100%; padding-top:8%;}
.tab_menu { clear:both;}
.tab_menu li { float:left; text-align:center; width:50%; line-height:2.5em; cursor:pointer; list-style:none; background:#eee; color:#000; font-size:1.1em;}
.tab_menu li.hover { background:#eee; color:#000;}
.tab_menu li.selected { color:#FFF; background:#463b7f;}
.tab_box {clear: both;}
.hide{ display:none;}
 
.tab_box01{ font-size:1em; color:#000; line-height:1.9em; padding-top:4.5%;}
.tab_box01 img{ max-width:100%; height:auto;}


/******导航*******/
.daohang{ background-color:#eee; padding:4% 0 0;}
.daohang01{width:91%; margin:0 auto; line-height:2em; padding-left:3%; color:#000; font-size:1.2em; background-color:#dedede;}
.daohang02{width:91%; margin:3% auto 4.5%;color:#000; }
.daohang02 a{ float:left; width:19%; padding-left:1%; font-size:1em; display:block;}

.daohang03 a{width:12%; }


/******特色服务*******/
.tese{ color:#3b3b3b; width:94%; margin:6% auto 0; line-height:1.9em;}
.tese01{ width:94%; margin:5% auto 0;}
.tese01 table{}
.tese01 table tr td{ padding:1.3% 0;}
.tese01 table tr td input{ color:#5e5e5e; font-size:0.9em; font-family:"微软雅黑"; border:#d4d4d4 solid 1px; border-radius:3px; width:97%; padding:2.2% 0 2.2% 3%;}
.tese01 table tr td textarea{ color:#5e5e5e; font-size:0.9em; height:8em; font-family:"微软雅黑";border:#d4d4d4 solid 1px; border-radius:3px; width:97%; padding:2.2% 0 2.2% 3%;}


/**点击展开样式**/
.updown01{ font-size:1.2em; line-height:2.6em; padding-left:10%; border-bottom:#016d9c solid 1px;color:#fff; position:relative;display: block; background:#01476b url("../images/checkout_bg02.jpg") no-repeat 90% center;cursor:pointer;}


.tanchu{ text-align:center; width:90%; margin:0 auto;font-size:1.1em; background-color:#007cba; }
.tanchu ul li { border-bottom:#3396c8 solid 1px; }
.tanchu ul li a{ display:block; color:#fff;line-height:2.6em; height:2.6em; overflow:hidden;}


.tanchu01 a{display: block;background-color: #01476b;font-size: 1.2em;line-height: 2.6em;padding-left: 10%;border-bottom: #016d9c solid 1px;color: #fff;
}



/**-----friendlink-----**/
.friendlink{ padding:0; width:91%; margin:0 auto;}

.friendlink select{}
.jslct {color:#fff;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:1.3em;position:relative;vertical-align:middle;cursor:default; width:90%;text-align:center; margin-top:6%; background:url("../images/jj04.jpg")no-repeat 99% center;z-index:0; }
.jslct_hover {}
.jslct div.jslct_t {position:relative;z-index:2;*display:block!important;*display:inline;zoom:1; padding:0;}
.jslct em {font-style:normal;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none;}

.jslct dl {background:#3a85d6;position:absolute;top:2em;left:0;b/order:1px solid #d4d4d4;cursor:default;width:100%;z-index:1;display:none;}
.jslct_hover dl {bo/rder:1px solid #d4d4d4!important;}
.jslct dl dd { font-size:0.9em; line-height:2em;white-space:nowrap;background:#fff; color:#463b7f;cursor:pointer; overflow:hidden;}
.jslct dl dd.hover {background:#463b7f;color:#fff;}
.jslct .jslcted {background:#463b7f; color:#fff;}
.jslct dl dd.noborder {border:none!important}





/*快捷导航区域*/
.gray{ display:none;background:rgba(0,0,0,0.6);width:100%; height:100%; z-index:9999; position:fixed; top:0;}

.menu{ display:none;position:absolute; padding:0 10%; z-index:99999; width:80%; bottom:0%; left:2%;}
.menu li{ width:22%; margin:0 0.5%;  float:left;}
.menu li.mmmm01{ margin-top:0; margin-left:0;}
.menu li.mmmm02{margin:5% 0 0 4.5%;}
.menu li.mmmm03{margin:21% 0 0 1%;}
.menu li.mmmm04{margin:45% 0 0 -9%;}
.menu li.mmmm05{margin:72% 0 0 -20%;}



.menu a{ width:100%;margin-bottom:1.5em; position:relative; backgr/ound:#fff; text-align:center; display:block; border-radius:60%;}
.menu img{ width:100%; vertical-align:middle; display:inline-block;}
.menu span{ position:absolute; font-size:1.3em; color:#000; padding:40% 0;width:100%; text-align:center; left:0;}
.pt-page-scaleUpCenter {
	-webkit-animation: scaleUpCenter .4s ease-out both;
	animation: scaleUpCenter .4s ease-out both;
}
 @-webkit-keyframes scaleUpCenter {
 from {
opacity: 0;
-webkit-transform: scale(.7);
}
}
@keyframes scaleUpCenter {
 from {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
}
.animate0 {
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	animation-duration: .6s;
}
.animate1 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	animation-duration: .6s;
	animation-delay: .2s;
}
.animate2 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	animation-duration: .6s;
	animation-delay: .4s;
}
.animate3 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	animation-duration: .6s;
	animation-delay: .6s;
}
.animate4 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	animation-duration: .6s;
	animation-delay: .8s;
}
.animate5 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	animation-duration: .6s;
	animation-delay: 1s;
}

/*快捷导航区域 end*/






/*---------------完善部分------------------------------------------------*/
.login{ background-color:#eeeeee; margin-top:1px; padding-bottom:5.5%;}
.login01{ width:18.75%; margin:0 auto; padding:3.5% 0;}
.login02{ width:94%; margin:0 auto; background-color:#fff; border:#d6d6d6 solid 1px; border-radius:5px;}
.login02 table{}
.login02 table tr{}
.login02 table tr td{ position:relative; font-size:1em; color:#6b6b6b; border-bottom:#d6d6d6 solid 1px;}
.login02 table tr td input{ width:95%; font-family:"微软雅黑"; margin:3% 0 3% 2%; font-size:1em; color:#afafaf; height:2.2em; padding-left:2%; border:none;}

.login03{ text-align:center; background-color:#fff; border-top:#d6d6d6 solid 1px; padding:5% 7.8% 3%;}
.login03 a{ text-align:center; display:block; display:block; border:#d7d7d7 solid 2px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; line-height:2.5em; font-size:1em;}

.login04{ padding:0 6%; border-top:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; line-height:3em; font-size:1.2em;}

.user{ width:90%; font-size:1.1em; line-height:2.6em; color:#848484; padding-left:4%; margin:0 auto; background-color:#fff; border:#d6d6d6 solid 1px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.user span{ color:#5a4e9c;}

.user01{background-color:#fff; border:#d6d6d6 solid 1px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:1.1em; line-height:2.6em; width:94%; margin:5% auto 0; padding:1% 0;}
.user01 ul li{ padding-left:6%; border-bottom:#d6d6d6 solid 1px;}
.user01 ul li a{ line-height:3em; height:3em; overflow:hidden; display:block; background:url("../images/htj/htj03.jpg")no-repeat 95% center; background-size:5% auto; color:#848484;}

.user02{ width:96%; margin:0 auto;}

.user03{ width:97%; margin:2.5% auto 0; color:#5e5e5e;}
.user03 input{border:#d4d4d4 solid 1px; color:#5e5e5e; font-size:1em; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; line-height:2.7em; height:2.7em; width:100%; padding-left:4%; font-family:"微软雅黑";}

.user04{ padding:5% 2% 6%;}
.user04 input{ font-family:"微软雅黑"; background-size:100% 100%; width:30%; border:none; border:0; line-height:2.2em;-moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; color:#fff; font-size:1em;}
















@media only screen and (max-width:570px){
}

@media only screen and (max-width:560px){
.footer span{ padding:0 5.5%;}
}

@media only screen and (max-width:520px){
.footer span{ padding:0 5%;}
.me/nu{top:-310%; left:-13%;}
}


@media only screen and (max-width:500px){
.cp_tit{padding:0 0 0 15%;}
.footer03 {top:-40%;}
}



@media only screen and (max-width:480px){
body,html{font-size:14px;}
.men/u{top:-290%; left:-13%;}
}

@media only screen and (max-width:460px){

}

@media only screen and (max-width:450px){
.sub_product04 ul li{width:33%;}
}
	
@media only screen and (max-width:425px){
.footer span{ padding:0 4%;}
.m/enu{top:-270%; left:-13%;}

}


@media only screen and (max-width:400px){
body,html{font-size:13px;}

}



@media only screen and (max-width:370px){
.m/enu{top:-250%; left:-13%;}
}

@media only screen and (max-width:350px){
.footer span{ padding:0 3%;}
.footer03 {top:-30%;}
.me/nu{top:-240%; left:-13%;}
}


@media only screen and (max-width:320px){
body,html{font-size:13px;}
.footer span{ padding:0 2.5%;}
.me/nu{top:-230%; left:-13%;}
}



.HituxBar_com_position {
width: 100%;
height: 46px;
position: fixed;
left: 0px;
bottom: 0px;
background:#125db0 url(../images/m_bottom_bg.png) repeat-x left top;
z-index: 10000;
overflow: hidden;
_position: absolute;
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}
.HituxBar_com_chat{
	max-width:640px;
	margin:auto;
	}
.HituxBar_com_chat ul li{
	float:left;	
	width:20%;
	height:46px;
	}
.HituxBar_com_chat ul li a{
	padding:0px 10px;
	padding-top:25px;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:12px;
	border-left:1px solid #db4a49;
	height:21px;
	}
.HituxBar_com_chat ul .LiIcon1{
	border-left:none;
	
}


.co {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; WIDTH: 100%px; PADDING-TOP: 30px
}
.yt {
	DISPLAY: inline; FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 152px; TEXT-ALIGN: center
}
.yt IMG {
	WIDTH: 150px; HEIGHT: 102px
}
.yt P {
	WIDTH: 150px
}