.bannbg img{width:100%;}

/* toast */
#hui-toast{width:100%; position:fixed; z-index:21; left:0; top:50%; text-align:center;}
#hui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#hui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#hui-icon-toast *{color:#FFFFFF;}
#hui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}

/* ΆΤ»°Ώς */
#hui-dialog{width:100%; position:fixed; z-index:200; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-dialog-in{width:300px; margin:0 auto; background:#FFFFFF; border-radius:1px;}
#hui-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#hui-dialog-btn-line{height:48px; line-height:48px; color:#3388FF; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#hui-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#C8B7AD;}
#hui-dialog-btn-line > div:active{opacity:0.9;}
#hui-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#hui-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#hui-dialog-input{width:100%; border:none; height:35px; line-height:35px;}




@keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-moz-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-webkit-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-o-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
.hui-fade-in{animation:hui-a-fade-in 300ms linear forwards; -moz-animation:hui-a-fade-in 300ms linear forwards; -webkit-animation:hui-a-fade-in 300ms linear forwards; -o-animation:hui-a-fade-in 300ms linear forwards;}
@keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-moz-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-webkit-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-o-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
.hui-fade-out{animation:hui-a-fade-out 300ms linear forwards; -moz-animation:hui-a-fade-out 300ms linear forwards; -webkit-animation:hui-a-fade-out 300ms linear forwards; -o-animation:hui-a-fade-out 300ms linear forwards;}




.moveNav{background:#fff;height:40px;border-bottom:1px solid #C8B7AD}
.moveNav .swiper-slide{color:#4b4b4b;font-size:14px;text-align:center;overflow:hidden;height:40px;line-height:40px;float:left;display:block;}
.moveNav .swiper-slide.on span{color:#603723;border-bottom:2px solid #603723;height:38px;display:inline-block;}


.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.con_main{width:96%;min-height:240px;padding:3% 2%; background:#ffffff; line-height:25px;}
.con_main img{max-width:100%;}
.apic{width:50%; float:left; margin-right:20px;border-radius: 6px;}
.apic img{ max-width:100%;border-radius: 6px;}


.search {HEIGHT: 30px;padding:5px 5%;}
.searchGo{background-color: #f5f5f5;width:100%;border-radius:10px;padding:5px 10px;}
.searchGo form{height:20px;}
.searchGo form input.searchText,.searchGo form input.searchBtn{float:left;background:none;border:none; outline:none;}
.searchGo form input.searchText{width:80%;height:20px;line-height:20px;font-size:14px; float:left;}
.searchGo form input.searchBtn{width:20px;height:20px;background:url(../images/search_img.gif) no-repeat;background-size:20px 20px; float:right;}

.theme-box{width:70%;margin:10px auto; border:5px solid #F9F8F7; height:40px;}
.theme-box p{text-align:center; font-size:12px; color:#666666;}
.tt {margin-top:-20px;text-align:center;}
.tt i{display:inline-block;width:70%;background-color:#ffffff;font-size:18px;padding:6px 0px;font-style: normal;letter-spacing: 5px;}


.jobtitle{border-radius:3px; padding:5px 2%; height:25px; background-color:#C8B7AD;}

.jobtitle li{
float:left;
width:13%;
cursor:pointer;
text-align:center;
font-size:12px;
color:#FFFFFF;
border-right:1px solid #ffffff;
}

.jobtitle li.s{width:58%;}
.jobtitle li.l{border-right:none;}


.liebiao { width:100%; margin-top:7px; min-height:300px; }
.liebiao li {height:25px; border:1px solid #C8B7AD; margin-top:10px; padding:5px;background-color:#FDFAF7;}
.liebiao li.clik span{display:inline-block;width:13%;border-right:1px solid #C8B7AD; text-align:center;cursor:pointer;}
.liebiao li.clik span.jobname{ width:58%;}
.liebiao li.clik span.l{border-right:none;}
.liebiao li.xz {font-weight:bold;background-color:#E9E2DE; }
.liebiao li.zk {background:none; height:auto;}
.zk_con {clear:both; padding:10px; line-height:25px;}


.norecord {
	background-image: url(../images/order_none.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:100px;
	margin:70px auto;
	text-align:center;
	line-height:40px;
	font-size:16px;
}
.product{min-height:200px; margin-bottom:30px;}
.product li{float:left;width:48%;margin-right: 4%; margin-bottom:10px; position:relative;}
.product li.mr0{margin-right:0px;}
.product li p{width:100%;height:20px;line-height:20px; text-align:center;position:absolute;bottom:0;left:0;background:rgba(164,138,121,0.6);z-index:20;font-size:12px;color:#fff;font-family:arial;overflow:hidden;padding:5px 0px;}
.product li img{width:100%;}


.procont {}
.prot {border-bottom:1px solid #E5DCD7; font-size: 20px;padding:10px 0px;height:40px;line-height:40px;}
.price {line-height:40px;border-bottom:1px solid #e5e5e5; height:40px; border-top:none; padding:8px 10px;}
.price i{font-size:18px;color: #CC6600;font-style: normal;}
.proinfo1 {line-height:20px;padding:10px;}

.proinfot {border-bottom:1px solid #E5DCD7;border-top:1px solid #E5DCD7;font-size:16px;line-height:40px;height:40px;font-weight:bold;color:#A48A79; margin-top:20px;}
.proinfobox{line-height:30px; padding:3%;}
.proinfobox img{width:100%;}

.js-tab {padding:10px 2%; background-color:#ffffff;}
.js-tab a{padding:2px 2%; margin:5px 1%; display:inline-block;cursor:pointer;border-radius:3px; border:1px solid #A48A79;background-color:#ffffff;}
.js-tab a.curr{background-color:#A48A79;color:#ffffff;}



.piclist{width:96%;min-height:470px;padding:3% 2%; background:#ffffff;}
.piclist li{border:1px solid #f1f1f1; float:left; text-align:center; width:50%;margin: -1px;background: #ffffff;}
.piclist li div{
display: table-cell;
vertical-align:middle;
text-align:center;
}
.piclist li img{vertical-align:middle;}
.piclist li a{ font-size:12px; color:#333333;}
.piclist li p{text-align:center;line-height:30px; height:30px; overflow:hidden; padding:0px 10px;background: #FDFAF7;}


.newslist li{overflow:hidden;position:relative;border-bottom:1px #e9e9e9 solid; padding:3% 0;}
.newslist li .list-img{width:30%; height:70px; float:left;border:1px #e9e9e9 solid;}
.newslist li .list-img img{width:100%; height:100%;}
.newslist li .info{color:#777;overflow:hidden; width:66%; float:right;}
.newslist strong{font-size:14px;color:#333;height:25px;display:block; overflow:hidden;line-height:25px;}
.newslist h4{font-size:12px;line-height:20px; font-weight:normal; color:#A48A79;}
.newslist p{font-size:12px;line-height:20px; height:40px; overflow:hidden;}




.zllist li{overflow:hidden;position:relative;border-bottom:1px #e9e9e9 solid; padding:3% 0;}
.zllist li .list-img{border:1px #e9e9e9 solid;}
.zllist li .list-img img{width:100%; height:100%;}
.zllist li .info{color:#777;overflow:hidden;}
.zllist strong{font-size:14px;color:#333;height:30px;display:block; overflow:hidden;line-height:30px;}
.zllist h4{font-size:12px;line-height:20px; font-weight:normal; color:#A48A79;}
.zllist p{font-size:12px;line-height:20px; max-height:40px; overflow:hidden;}


.zl_info{line-height:20px;height:40px; overflow:hidden;}		
.zl_info span{color: #FFFFFF;background-color: #C8B7AD;margin-right:10px; margin-bottom:5px; padding:0px 5px;}


.newstitle {
	line-height:30px;
	text-align:center;
	margin-bottom:20px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:2%;
}
.newstitle h4{
	font-size: 16px;
	font-weight: bold;
}
.context { font-size:12px;}
.context img{max-width:100%;}

.newsbot {
	line-height:30px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:20px;
	padding-top:10px;
	font-size:12px;
}

.teamlist{}

.teamlist li{
float:left;
width:48%;
margin-bottom:10px;
margin-right:4%;
}
.teamlist li.mr0{
margin-right:0px;
}
.teamlist li dl{
border:1px solid #e5e5e5;
}

.teamlist li dt{
display: table-cell;
vertical-align:middle;
text-align:center;
overflow:hidden;
background-color: #fcfcfc;
}
.teamlist li dt img{width:100%;}
.teamlist li dd{padding:2px 5px;background-color: #FDFAF7;}
.teamlist li dd a{font-size:14px; line-height:25px;}
.teamlist li dd .zw{font-size:12px;}
.dppic img {width:100%;}

.teamt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5DCD7;
	font-size: 16px;
	padding:10px 0px;
	height:20px;
	line-height:20px;
	margin-bottom:10px;
}
.teamt span{
	color: #8C7260;
	font-size: 12px;
}


.imgnav{position:relative;	}
#img{ z-index:10;position:relative; text-align:center;
display: table-cell;
vertical-align:middle;
text-align:center;
border:1px solid #e7e7e7;
}
#img img{display:none;z-index:10;}
#front{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
	cursor:pointer;
	width:30%;
	height:100%;
background:url(../images/ico/blank.gif);
}
#front a{
	position:absolute;
	left:20px;
	top:50%;
	display:block;
	width:40px;
	height:40px;
	background-image: url(../images/slick_prevh.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-top:-20px;
}
#next{position:absolute; right:0px; top:0px; z-index:10;cursor:pointer;
width:30%;
height:100%;
background:url(../images/ico/blank.gif);}
#next a{
	position:absolute;
	right:20px;
	top:50%;
	display:block;
	width:40px;
	height:40px;
	background-image: url(../images/slick_nexth.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top:-20px;
}
.piccont {}
.pict {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5DCD7;
	font-size: 16px;
	padding:10px 0px;
}
.picinfo {
	line-height:25px;
	padding:10px 0px;
}

.Items_header{
	text-align:center;
	line-height:24px;
	height:48px;
	font-size:14px;
}
.Items_header *{vertical-align:middle;}
.Items_header p{
	padding:0px;
	margin:0px;
	font-size:12px;
	color: #999999;
}

.joincont {
	line-height:25px;
	margin:30px 0px;
}
.zlinfo {
	padding:10px 0px;
}

.zlinfo dl{
clear:both;
float:left; width:100%;
border-bottom:1px dashed #e5e5e5;
padding:10px 0px;
}

.zlinfo dt{
float:left;
width:25%;
line-height:25px;
color: #A48A79;
}
.zlinfo dd{float:right;width:75%;line-height:25px;}

a.addcart{display:block;cursor:pointer;border-radius:3px; border:1px solid #A48A79;background-color:#A48A79;color:#ffffff; font-size:16px; text-align:center; line-height:30px; margin:5px 0px;}
input.addcart{width:100%;cursor:pointer;border-radius:3px; border:1px solid #A48A79;background-color:#A48A79;color:#ffffff; font-size:16px; text-align:center; line-height:30px; margin:5px 0px;}


.cartnone {padding:40px 0px;margin:70px auto;text-align:center;}
.cartnone img{ width:70%; margin-bottom:20px;}
.cartnone a{border-radius:4px; border:1px solid #A48A79; padding:5px 30px; font-size:16px; display:inline-block;}

.pt_list li{overflow:hidden;position:relative;border-bottom:1px #e9e9e9 solid; padding:3% 2%;}
.pt_list li .info{color:#777;overflow:hidden;position:relative}
.pt_list li:last-child .info{border-bottom:0}
.pt_list img{float:left;width:20%;margin-right:10px;}
.pt_list strong{font-size:14px;font-weight:400;color:#333;line-height:30px;display:block;overflow:hidden;}
.pt_list p{font-size:10px;height:20px;}
.pt_list .orange{font-size:12px;}
.pt_list .orange em{font-size:16px;font-style:normal;color:#FE2300}



.p-quantity{ margin-top:10px;}
.p-quantity input{width:30px;height:30px;line-height:30px;padding:0;margin:0;vertical-align:middle;border:1px solid #E5DCD7;text-align:center;}
.p-quantity a{display:inline-block;width:30px;height:30px;vertical-align:middle;border:1px solid #E5DCD7;text-align:center;font-size: 12px;line-height:30px;border-left:none;}
.p-quantity a.fir{border-left:1px solid #E5DCD7;border-right:none;}

.Total_all{text-align:right; margin-top:40px;}
.Total_all span{ line-height:50px; font-size:14px; padding-right:20px;}
.Total_all b{ font-size:20px; color:#FE2300;}




.payinfo_t{ font-size:16px; font-weight:bold;line-height:40px;}

.o_list li{overflow:hidden;position:relative;background-color: #fcfcfc; padding:3% 2%;border-radius:4px; margin-bottom:10px;}
.o_list li .info{color:#777;overflow:hidden;position:relative}
.o_list li:last-child{margin-bottom:0}
.o_list img{float:left;width:100px;margin-right:10px;}
.o_list strong{font-size:14px;font-weight:400;color:#333;display:block;}
.o_list p{min-height:1rem;color:#999999;margin-top:0.3rem;}
.o_list .orange em{font-size:16px;font-style:normal;color:#FE2300}

.addrlist{line-height:22px;}
.addrlist dl{border: 1px solid #EEEEEE;border-radius:4px; padding:15px;}
.addrlist dl.curr{border: 1px solid #F56250;}
.addrlist dl dt{color: #666666;}
.addrlist dl dt span{color: #333333;font-size:16px;}
.addrlist dl dd{padding:8px 0px;}
.addrlist dl dd.opt{border-top: 1px solid #EEEEEE; text-align:right;}
.addrlist dl dd.opt a{color: #F56250;}

a.addr {border-radius:4px; border:1px solid #dddddd; padding:8px 0px; font-size:14px; display:block; width:100%;margin:auto; text-align:center;}
a.addr *{vertical-align:middle;}
a.addr img{width:20px; height:20px;}
.payinfo_pay{padding:5px 10px;color:#603723;line-height:30px;border: 1px solid #EEEEEE;border-radius:4px;}
.lyinput{border:none;line-height:22px;width:100%; overflow:auto;}
select.addrsel{width:32%;height:auto;padding:5px 0px;line-height:18px;border:1px solid #dfdfdf;font-size:12px}
input.meminput{border:1px solid #dfdfdf; padding:7px 2%; width:95%;border-radius:4px;font-size:12px; margin-top:10px;}

.agree {padding:0px 2%;}
.agree *{vertical-align:middle;}
.agree span{border:1px solid #cccccc;border-radius:4px; width:20px; height:20px;display:inline-block; margin-right:10px;}
.curr span{
	background-image: url(../images/ico1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FE2300;
	border:1px solid #FE2300;
}

#Invoiceo {padding:5px 2%;}

.olink a{border-radius:4px; border:1px solid #dddddd; padding:4px 0px; display:inline-block; width:40%;background-color: #f5f5f5; margin:auto; text-align:center;}


.pay_list li{padding:5px 2%;}
.pay_list li *{vertical-align:middle;}
.pay_list li span{border:1px solid #cccccc;border-radius:4px; width:20px; height:20px;display:inline-block; margin-right:10px;}
.pay_list li.curr span{
	background-image: url(../images/ico1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FE2300;
	border:1px solid #FE2300;
}


.fpay {
	Z-INDEX: 1000;
	POSITION: fixed;
	WIDTH: 100%;
	bottom: 0px;
	height:40px;
	background:#f7f7f7;
	border-top:2px solid #A48A79;
	max-width:640px;
}
.fsum {
	float:left; padding:5px; line-height:30px; font-size:12px;
}
.fsum b{color:#FE2300; line-height:30px; font-size:16px;}
.fpay a.pbtn {
	WIDTH: 100px;
	height:40px;
	line-height:40px;
	background-color: #A48A79;
	float:right;
	color: #FFFFFF;
	display:inline-block;
	font-size:16px;
	text-align:center;
}



.memlink {
font-size:16px;
position:fixed;
right:5px;
bottom:100px;
padding:10px 0px;
border-radius:3px;
z-index:1000;
}


.Page{ text-align: center; padding:30px 0;}
.Page span{ padding:5px 10px; margin:0 3px; display:inline-block; color:#999999; border:1px solid #ccc;}
.Page a{ padding:5px 10px; margin:0 3px; display:inline-block;background-color:#e3e3e3;border:1px solid #ccc;}
.Page a:link,.Page a:visited{}
.Page a:hover{
	color:#fff;
	text-decoration: none;
	background-color: #A48A79;
	border:1px solid #A48A79;
}
.Page .cur{ color:#fff;background-color: #A48A79;border:1px solid #A48A79;}
.Page a.cur:link,.Page a.cur:visited,.Page a.cur:hover{ color:#fff; }