@charset "utf-8";

/*样式重置*/
body, h1, h2,h3,h4,h5,h6,p,dl,dd,ol,ul,form, input,textarea,th,td,select { margin:0; padding:0;}
em,i { font-style:normal;}
li { list-style:none;}
a { text-decoration:none; cursor:pointer; color: #333; }
a:focus {outline:none;}
b{ font-weight:normal;}
img { border:none; vertical-align:top;}/*却掉图片间隙*/
input, textarea {vertical-align: middle;outline: none; border:none; background:none; box-sizing:content-box;}
textarea { resize:none; overflow:auto; }
table { border-spacing:0px; border:none; border-collapse:collapse;}/*\5b8b\4f53 宋体*/
body, input, select, button, textarea {font-size:0.3rem;font-family:微软雅黑;background:#fff;}


html,body{
	max-width:750px;
	height: 100%;
	margin:0 auto;
}

/**公用小导航**/
.mainNavBlock {
	width: 100%;
	height: 1.15rem;
}

.mainNav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.15rem;
	background: #000;
	z-index: 100;
}

.mainNav .logo {
	position: absolute;
	left: .2rem;
	top: .12rem;
	width: 3.28rem;
	height: .8rem;
	background: url(../images/wap_logo.png) no-repeat;
	background-size: 100% 100%;
}

.mainNav .btnMenu {
	position: absolute;
	right: .2rem;
	top: .375rem;
	width: .5rem;
	height: .4rem;
	background: url(../images/btnmenu.png) no-repeat;
	background-size: 100% 100%;
}

.mainNavMask {
	display: none;
	position: fixed;
	left: 0;
	top: 1.15rem;
	width: 100%;
	height: auto;
	background:rgba(0,0,0,0.75);
	z-index: 100000000;
}

.mainNavMask .btnClose {
	position: absolute;
	right: .2rem;
	top: -0.8rem;
	width: .35rem;
	height: .35rem;
	background: url(../images/icon_close.png) no-repeat;
	background-size: 100% 100%;
}

.mainNavMask .items {
	width: 6.89rem;
	margin: 0 auto;
	margin-top: 0.3rem;
	font-size: .3rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: calc(100% - .74rem);
}

.mainNavMask .items .item {
	position: relative;
	margin-bottom: .47rem;
}
.mainNavMask .items .item a{ color:#fff;}

.mainNavMask .items .item .subItems {
	display: none;
	margin-top: .56rem;
}

.mainNavMask .items .item .subItems .subItem {
	font-size: .22rem;
	color: #666;
	margin-bottom: .3rem;
}

.mainNavMask .items .item .subItems .subItem.selected {
	color: #fff !important;
}

.mainNavMask .items .item.selected {
	color: #fff !important;
}
.mainNavMask .items .item.selected  a{color: #fff !important;}

.mainNavMask .items .item.hasSubItems::before {
	content: "";
	position: absolute;
	top: .1rem;
	right: 0;
	width: .29rem;
	height: .29rem;
	background: url(../images/icon_zhankai.png) no-repeat;
	background-size: 100% 100%;
}

.mainNavMask .items .item.active {
	color: #fff;
}

.mainNavMask .items .item.active .subItems {
	display: block;
}

.mainNavMask .items .item.active.hasSubItems::before {
	background-image: url(../images/icon_zhankai.png);
}

.mainNavMask .items .item.active.hasSubItems::after {
	content: "";
	position: absolute;
	left: 0;
	top: .48rem;
	width: 100%;
	height: .02rem;
}
/**首页**/
.banner{ width:100%;}
.banner img{ width:100%; display:block;}
.commodity{ width:100%;}
.title{ text-align:center; padding:0.5rem 0rem;}
.title img{ width:40%;}
.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;}
.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}
.vmc-arrow-left{
    position: absolute; top: 50%; left: 15px; width: 22px; height: 32px; margin-top: -25px; overflow: hidden;
    opacity: 1; 
    text-align: center; background:url('../images/wap_arrow01.png') no-repeat;
}
.vmc-arrow-right{left: auto; right: 15px; position: absolute; top: 50%;  width: 22px; height: 32px; margin-top: -25px; overflow: hidden; opacity: 1; text-align: center;background:url('../images/wap_arrow02.png') no-repeat;}
.shop{width:100%;}
.shop_img{ padding:0.5rem 0rem; text-align:center; width:100%;}
.shop_img a{ display:block;}
.shop_img img{ width:100%;}
.shop_title{ text-align:center;}
.shop_title img{ width:50%;}
.shop_more{ padding:0.5rem 0rem;}
.shop_more a{ display:block; margin:0px auto; background:#1c0801; width:2rem; height:0.75rem; line-height:0.75rem; text-align:center; color:#fff; font-size:0.3rem;}
.shopmian{ width:100%;}
.shopfl{ overflow:hidden;}
.shop_list{ width:45.5%; float:left; margin-left:3%;}
.brand{ width:100%;}
.brand img{ width:100%;}
.brand_name{ width:100%; text-align:center; padding:0.3rem 0rem; line-height:0.45rem;}
.brand_name a{ color:#666; font-size:0.3rem;}
.shopcen{ padding:0rem 3%;}
/**底部**/
.footer{ background:#fafafa; padding:0rem 0.2rem;}
.footer ul li{ line-height:1rem; overflow:hidden; border-bottom:1px solid #e6e6e6; padding:0rem 0.2rem;}
.footer ul li a{ color:#333; font-size:0.3rem;}
.footer ul li a img{width:0.24rem; height:0.26rem; float:right; margin-top:0.37rem;}
.copyright{ background:#000; padding:0.2rem 0.5rem; line-height:0.45rem; text-align:center; color:#fff; font-size:0.25rem;}
/**品牌故事**/
.introduction{ padding:0rem 0.3rem;}
.intro_detail{ padding-bottom:0.3rem;}
.intro_detail img{ width:100%;}
.intro_detail p{ line-height:0.45rem;}
.contactfr{ width:100%;}
.contact_logo{ text-align:center; padding:0.2rem 0rem;}
.contact_logo img{ width:70%;}
.contactfr p{ line-height:0.65rem; color:#333; font-size:0.3rem; text-align:center;}
.contact_line{width:130px; text-align:center; margin:0.2rem auto;}
.foot_img{ height:0.45rem; line-height:0.45rem; text-align:center; color:#1C0801; font-size:0.3rem;}
.foot_img img{ width:0.3rem; height:0.26rem; vertical-align:middle; margin-right:0.2rem;}
.map{ background:#f5f5f5;}
.map_img{ width:100%;}
.map_img img{ width:100%;}
.mpa_search{ padding:0.2rem 0.2rem 0rem 0.2rem;}
.search{ height:0.85rem; line-height:0.85rem; width:100%; overflow:hidden; background:#fff;}
.search input{ float:left; color:#999; font-size:12px; width:60%; float:left; border:0px; height:0.85rem; line-height:0.85rem; padding:0rem 0.2rem;}
.search button{ float:right; background:url('../images/icon_search.png') no-repeat center center #fff; background-size:0.45rem 0.45rem; width:1rem; height:0.85rem; border:0px; cursor:pointer;}
.adree{ height:1rem; line-height:1rem; color:#1C0801; font-size:0.35rem; text-align:center;}
.adree img{ vertical-align:middle; margin-right:0.2rem; width:0.35rem; height:0.35rem;}
.map_list{ padding:0rem 0.2rem 0.2rem 0.2rem;}
.map_list ul li{ background:#fff; padding:0.2rem; margin-bottom:0.2rem;}
.map_list ul li span{ display:block; line-height:0.45rem;color:#1C0801; font-size:0.3rem;}
.map_list ul li p{ line-height:0.45rem; color:#666; font-size:0.25rem;}
.type{ overflow:hidden; line-height:1rem; background:#fafafa;}
.type ul li{ float:left; width:20%; text-align:center;}
.type ul li a{ display:block; color:#666; font-size:0.3rem;}
.type ul li.current a{ color:#1C0801;}
.news_detail{ padding:0.3rem;}
.news_detail h2{ line-height:0.65rem; color:#000; font-size:0.4rem; font-weight:normal;}
.news_time{ height:0.85rem; line-height:0.85rem; color:#999; font-size:0.25rem;}
.page{ border-top:1px solid #ccc;line-height:1rem; overflow:hidden;}
.page a{ display:block;  color:#999; font-size:14px;}
.page a.fl{ float:left;}
.page a.fr{ float:right;}
.topic ul li{ width:100%; margin-bottom:0.2rem; border-bottom:1px dashed #ccc;}
.topic ul li:last-child{ margin-bottom:0rem;}
.topic ul li img{ width:100%;}
.topic ul li .topic_name{ padding:0.2rem 0rem; line-height:0.45rem; color:#333; font-size:0.3rem;}
.topic2 ul li{ width:100%; margin-bottom:0.2rem; position:relative;}
.topic2 ul li:last-child{ margin-bottom:0rem;}
.topic2 ul li img{ width:100%;}
.topic2 ul li .topic_name{ padding:0.2rem 2%; line-height:0.45rem; color:#fff; font-size:0.3rem; position:absolute; width:96%; left:0; bottom:0; background:rgba(0,0,0,0.3);}
.store_page{ padding:0.3rem 0rem; text-align:center;}
.store_page span{ padding:0.1rem 0.2rem; color:#1C0801; font-size:0.25rem;}
.store_page a{ border:1px solid #1C0801;color:#1C0801;font-size:0.25rem; margin-left:0.05rem;padding:0.1rem 0.2rem; }
.store_page a.current{ background:#1C0801; color:#fff;}
.infor_logo{ width:100%;}
.infor_logo img{ width:100%;}
.news_store{ padding:0.2rem 0rem; border-bottom:1px solid #e6e6e6;}
.store_time{ height:0.65rem; line-height:0.65rem; background:#f5f5f5; width:2rem; text-align:center; color:#1C0801; font-size:0.3rem; margin-bottom:0.2rem;}
.store_name{ line-height:0.65rem; color:#333; font-size:0.3rem;}
.news_store p{ line-height:0.65rem; color:#666; font-size:0.3rem;}
.recruitment{ padding:0.5rem 0rem;}
.recruitment table{ width:100%;}
.recruitment table th{ width:33.33% height:0.85rem; line-height:0.85rem; text-align:center; color:#463129; font-size:0.3rem; background:#fafafa; font-weight:normal;}
.recruitment table td{height:0.85rem; line-height:0.85rem; text-align:center; color:#666; font-size:0.3rem; border-bottom:1px solid #f5f5f5;}
.recruitment table td a{ color:#463129; text-decoration:underline;}



.espcms_page_botton{text-align:center; margin-top:0.4rem; margin-bottom:0.8rem;}
.pagination {text-align:center;font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
.pagination a {border: #1C0801 1px solid;color: #1C0801;text-decoration: none;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #1C0801;overflow: hidden;}
.pagination span.current {border: #1C0801 1px solid;color: #fff;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #1C0801;}
.pagination a:first-child{border:none;background:none;}
.pagination a:last-child{border:none;background:none;}
.pagination a:first-child:hover{color:#1C0801}
.pagination a:last-child:hover{color:#1C0801}

/**新增页面**/
.shop_detail{ padding:0.2rem;}
.detail_head{ height:0.65rem; line-height:0.65rem; color:#1C0801; font-size:0.3rem;}
.shop_detail p{ line-height:0.45rem; color:#333; font-size:0.25rem;}
.dwqw{ height:0.65rem; line-height:0.65rem; margin-top:0.2rem;}
.dwqw a{ display:block; width:2rem; text-align:center;height:0.65rem; line-height:0.65rem; color:#fff; font-size:0.3rem; background:#1C0801;}
#content img{ width:100%;}

/**求职填写**/
.kssq{ overflow:hidden; margin:0.2rem 0rem;}
.kssq a{ display:block; background:#000; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; margin:0rem auto;}
.job_apply h2{ line-height:0.45rem; color:#000; font-size:0.38rem;}
.job_apply ul{ margin:0.4rem 0rem 0.2rem 0rem;}
.job_apply ul li{ line-height:0.65rem; overflow:hidden; margin-top:0.2rem;}
.job_apply ul li span{ float:left; color:#666; font-size:0.3rem; width:20%;}
.job_apply ul li input.jobinput{ border:1px solid #D8D8D8; height:0.65rem; line-height:0.65rem;float:right; width:78%}
.job_apply ul li input.jobfile{  width:78% ;float:right; line-height:0.65rem;}
.sm{ width:78%;float:right; line-height:0.35rem; color:#F00; font-size:0.25rem;}
.tjsq{ text-align:center;}
.tjsq button{ cursor:pointer; width:120px; height:40px; text-align:center; line-height:40px; background:#000; color:#fff; font-size:18px; border:0px; margin:0.2rem 0px 0.4rem 0px;}




