@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
/*网站：黄埔荟*/
html { font-family:"苹方",Helvetica;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{ max-width:100%;}
*{ padding:0; margin:0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
ol,ul,li{ list-style-type:none; list-style-position:outside;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{text-decoration:none; color:#646464; outline: 0; background: 0 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{text-decoration:none;}
a:active,
a:focus{
  outline: none;
}
label,
input,
textarea{outline: none;text-decoration:none; padding:0; border:0;}
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
body{max-width: 750px;margin: 0 auto !important;-webkit-tap-highlight-color:rgba(0,0,0,0);position: relative;}

.row{padding: 0 0.4rem;}
.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }


.banner{float: left; width: 100%;z-index: 20;position: relative;}
.banner img{ width:100%;}
.banner .slick-dots{bottom:0.133333rem; height:0.16rem;}
.banner .slick-dots li{ width: 0.16rem; height:0.16rem;vertical-align: top; margin:0 0.066666rem; opacity:0.2; background:#9c0a06;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.banner .slick-dots li button{ display:none;}
.banner .slick-dots li.slick-active{ opacity:1;}

.index{ background:#f5f5f5; width:100%; float:left;}
.indexOne{ width:100%; float:left; padding:0.28rem 0 0.533333rem 0;}
.indexOneHead{ width:100%; float:left; position:relative; padding-left:0.306666rem; font-size:0.426666rem; color:#9c0a06; line-height:0.613333rem;}
.indexOneHead:before{ content:''; width:0.053333rem; height:0.346666rem; background:#9c0a06; position:absolute; left:0; top:50%; margin-top:-0.173333rem; border-radius:6px;}
.indexOne .indexOneBody{ width:100%; float:left; background:white; padding:0.4rem 0.253333rem; border-radius:6px; overflow:hidden; font-size:0.32rem; line-height:0.533333rem; color:#666; margin-top:0.306666rem; box-shadow:0 0.053333rem 0.053333rem rgba(0,0,0,0.08);}

.indexTwo{ width:100%; float:left;}
.indexTwoHead{ width:100%; float:left; background:#9c0a06; padding:0 0.4rem; font-size:0.373333rem; line-height:0.8rem; height:0.8rem; color:white;}
.indexTwo dl{ width:100%; float:left; margin-top:0.146666rem; padding-bottom:0.68rem;}
.indexTwo dl dd{ width:100%; float:left; margin-top:0.4rem; background:url(images/hph16.jpg); height:2.733333rem; background-size:cover; border-radius:0.28rem; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.3); padding:0.28rem 0.253333rem;}
.indexTwo dl dd .name{ float:left; margin-top:0.253333rem; width:4.533333rem; padding-left:0.76rem; position:relative; color:#333; font-size:0.373333rem; line-height:0.506666rem;}
.indexTwo dl dd .name .px{ display:block; width:0.506666rem; height:0.506666rem; text-align:center; line-height:0.506666rem; background:url(images/hph1.jpg) no-repeat center center; /*border-radius:4px;*/ overflow:hidden; font-size:0.373333rem; color:#9c0a06; position:absolute; left:0; top:0;}
.indexTwo dl dd .name .px b{font-weight:normal;display:block; width:0.246666rem;height:0.246666rem; background:#9c0a06; color:#fff; font-size:0.3rem; line-height:0.346666rem; margin:0.13rem 0 0 0.13rem;}
.indexTwo dl dd .btn{ width:4.533333rem; float:left; margin-top: 0.6rem; padding-left:1.226666rem;  color:#666; font-size:0.3rem; line-height:0.4rem; max-height:0.8rem; overflow:hidden; position:relative;}
.indexTwo dl dd .btn span{ display:block; float:left; margin-left:0.533333rem; color:#666; font-size:0.293033rem; margin-right:0.1rem; position: absolute;left: 0;top: 0;}
.indexTwo dl dd .btn span img{ width:0.506666rem; height:0.506666rem; vertical-align:middle; margin:-3px 0.05rem 0 0;}
.indexTwo dl dd .img{ float:right; width:3.426666rem; height:2.186666rem; border-radius:6px; overflow:hidden; margin-top:-0.76666rem;}

.h92{ width:100%; float:left; height: 1.226666rem;}
.dbdh625{ width:100%; position:fixed; left:0; bottom:0; background:white; box-shadow:0 0.053333rem 0.053333rem rgba(0,0,0,0.07);}
.dbdh625 li{ width:33.33%; float:left; text-align:center; padding:0.08rem 0 0.106666rem 0; color:#666; font-size:0.253333rem; line-height:0.373333rem;}
.dbdh625 li a{ color:#666;}
.dbdh625 li .ico{ width:100%; height:0.746666rem; line-height:0;}
.dbdh625 li .ico img{ vertical-align:top; height:100%;}
.dbdh625 li .ico .img_2{ display:none;}
.dbdh625 li.on .ico .img_1{ display:none;}
.dbdh625 li.on .ico .img_2{ display:inline-block;}
.dbdh625 li.on a{ color:#9c0a06;}

/*企业介绍*/
.aboutOne{ width:100%; float:left; background:url(images/hph17.jpg) no-repeat center center; background-size:cover; line-height:0.92rem; font-size:0.426666rem; color:#9c0a06;}
.aboutOne .search{ float:right; width:3.893333rem; height:0.653333rem; border:solid 1px #d3d3d3; border-radius:0.653333rem; overflow:hidden; padding:0.106666rem 0.773333rem 0.106666rem 0.293033rem; position:relative; margin-top:0.133333rem;}
.aboutOne .search .search_b{ width:0.72rem; height:0.28rem; background:url(images/hph18.png) no-repeat center center; background-size:contain; border-left:solid 1px #c5c5c5; position:absolute; right:0; top:50%; margin-top:-0.14rem; border-radius:0 !important;}
.aboutOne .search .search_k{ width:100%; float:left; height:0.413333rem; line-height:0.413333rem; font-size:0.293033rem; color:#333; background:none;}

.aboutTwo{ width:100%; float:left; padding:0 0.4rem 0 2.613333rem; position:relative;}
.aboutTwo .aboutTwoLeft{ position:absolute; left:0; height:100%; top:0; min-height:400px; width:2.3733333rem; background:url(images/hph19.jpg) no-repeat center top #e8e8e8; background-size:100% auto; padding-top:0.253333rem;}
.aboutTwo .aboutTwoLeft.on1{ position:fixed;}
.aboutTwo .aboutTwoLeft ul{ width:100%; float:left;}
.aboutTwo .aboutTwoLeft ul li{ width:100%; float:left; color:#666; font-size:0.4rem; line-height:0.933333rem; padding-left: 0.253333rem; position:relative;}
.aboutTwo .aboutTwoLeft ul li a{display:block; width:100%; color:#666;}
.aboutTwo .aboutTwoLeft ul li.on{ background:#f5f5f5; color:#333;}
.aboutTwo .aboutTwoLeft ul li.on a{ color:#333;}
.aboutTwo .aboutTwoLeft ul li.on:before{ content:''; width:0.053333rem; height:0.373333rem; position:absolute; background:#9c0a06; left:0.066666rem; top:50%; border-radius:6px; overflow:hidden; margin-top:-0.186666rem;}

.aboutTwo .aboutTwoRight{ width:100%; float:left; padding-bottom:0.4rem;}
.aboutTwo .aboutTwoRight ul{ width:100%; float:left;}
.aboutTwo .aboutTwoRight ul li{ width:100%; float:left; margin-top:0.253333rem; background:white; border-radius:6px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.05); padding:0.253333rem 0.28rem;}
.aboutTwo .aboutTwoRight ul li .img{ float:left; width:1.533333rem; height:1.533333rem; border:solid 1px #e1e1e1; border-radius:6px; overflow:hidden; margin-top:0.093333rem;}
.aboutTwo .aboutTwoRight ul li .img img{ width:100%; float:left;}
.aboutTwo .aboutTwoRight ul li .name{ width:4.56rem; float:right; line-height:0.533333rem; font-size:0.373333rem; color:#333;}
.aboutTwo .aboutTwoRight ul li .add{ width:4.56rem; float:right; margin-top:0.226666rem; line-height:0.48rem; font-size:0.293033rem; color:#999; padding-left:0.426666rem; background:url(images/hph24.png) no-repeat left 0.106666rem; background-size:0.226666rem 0.28rem;}

.qiyeReturn{position:fixed; right:2px; bottom:60px; display:block; width: 0.833333rem;}



/*未来超市*/
.shop{ background:white;}
.shopOne{ width:100%; float:left; padding:0.253333rem 0 0 0; position:relative;}
.shopOne:before{ content:''; width:100%; height:100%; background:black; opacity:0.6; z-index:1; position:absolute; left:0; top:0;}
.shopOne .shopimg{ width:1.093333rem; height:1.093333rem; float:left; border-radius:4px; overflow:hidden; position:relative; z-index:2;}
.shopOne .shopimg img{ width:100%; float:left;}
.shopOne .name{ margin-left:0.36rem; line-height:0.8rem; font-size:0.426666rem; color:white; width:5.333333rem; float:left; position:relative; z-index:2;}
.shopOne .fx{ float:right; width:0.666666rem; text-align:center; font-size:0.32rem; line-height:1; color:white; position:relative; z-index:2;}
.shopOne .fx .bshare-more{ display:inline-block; background:url(images/hph3.png) no-repeat center center !important; background-size:contain !important; margin:0; width:100%; padding:0; height:0.8rem;}
#bsPanelHolder,#bsPanel,#bsPanel div,#bsPanel a,#bsBox,#bsBox .bsSearchDiv,#bsBox .bFind-wrapper-top{box-sizing:content-box !important;}
/*.bsBox{ width:90% !important; margin-left:0 !important; left:5% !important;}*/
.bsBox .bsTop,#bsMorePanel{ width:100% !important;}
.bFind{ width:80% !important;}
#bsLogoList li{ width:25% !important;}
.bsSearchDiv div{ margin:auto;}
#bsBox{ width:90% !important; left:5% !important; margin-left:0 !important;}
.shopOneDown{ width:100%; float:left; margin-top:0.48rem; position:relative; z-index:2;}
.shopOneDown ul{ float:left;}
.shopOneDown ul li{ float:left; margin-right:0.506666rem;}
.shopOneDown ul li a{ display:block; float:left; position:relative; padding:0 0.066666rem; height:1.053333rem; line-height:1.053333rem; font-size:0.32rem; color:white;}
.shopOneDown ul li.on a:before{ content:''; width:100%; height:0.04rem; background:white; width:0.746666rem; border-radius:4px; overflow:hidden; position:absolute; left:0; bottom:0.24rem;}

.shopOneDown .search{ float:right; width:3.893333rem; height:0.653333rem; border:solid 1px #d3d3d3; border-radius:0.653333rem; overflow:hidden; padding:0.106666rem 0.773333rem 0.106666rem 0.293033rem; position:relative; margin-top:0.2rem;}
.shopOneDown .search .search_b{ width:0.72rem; height:0.28rem; background:url(images/hph18.png) no-repeat center center; background-size:contain; border-left:solid 1px #c5c5c5; position:absolute; right:0; top:50%; margin-top:-0.14rem; border-radius:0 !important;}
.shopOneDown .search .search_k{ width:100%; float:left; height:0.413333rem; line-height:0.413333rem; font-size:0.293033rem; color:#fff; background:none;}

.shopTwo{ padding:0.253333rem 0 0 2.626666rem; position:relative;}
.shopTwo .aboutTwoLeft{ background:#ededed;}
.shopTwo .aboutTwoLeft ul li.on{ background:white;}
.shopTwo .shopTwoRight,
.shopTwo .shopTwoRight ul{ width:100%; float:left;}
.shopTwo .shopTwoRight ul li{ width:100%; float:left; padding:0.346666rem 0.4rem 0.4rem 0; border-bottom:solid 1px #e5e5e5;}
.shopTwo .shopTwoRight ul li .img{ float:left; width:2.72rem; height:2.72rem;}
.shopTwo .shopTwoRight ul li .img img{ width:2.72rem; height:2.72rem; float:left;}
.shopTwo .shopTwoRight ul li .text{ float:right; width:3.9733333rem; margin-top:0.2rem;}
.shopTwo .shopTwoRight ul li .text h3{ width:100%; float:left; color:#333; font-size:0.366666rem; line-height:0.546666rem; max-height:1.639998rem; overflow:hidden; }
.shopTwo .shopTwoRight ul li .text h5{ width:100%; float:left; margin-top:0.106666rem; color:#666; font-size:0.26rem; line-height:0.52rem; max-height:1.04rem;}
.shopTwo .shopTwoRight ul li .text h4{ float:left; color:#9c0a06; margin-top:0.186666rem; font-size:0.506666rem; line-height:0.533333rem; font-weight:bold;}
.number{ float:right; margin-top:0.186666rem;}
.number i{ display:block; width:0.533333rem; height:0.533333rem; float:left; line-height:0; overflow:hidden; border:solid 1px #a0a0a0;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.number i:first-child{ display:none;}
.number i img{ width:0.533333rem; height:0.533333rem; float:left;}
.number i:last-child{ background:url(images/hph33.jpg) no-repeat center center; background-size:cover; border:0;}
.number span{ display:block; width:0.666666rem; height:0.533333rem; line-height:0.533333rem; float:left; line-height:0.533333rem; overflow:hidden; text-align:center; font-size:0.4rem; color:#666; display:none;}
.number.on span,.number.on i:first-child{ display:block;}

.dbjs625{ width:100%; position:fixed; left:0; bottom:0; background:#f9f9f9; padding:0.186666rem 0.4rem 0.2rem 1.76rem;}
.dbjs625 img{ float:left; width:0.92rem; height:0.92rem; margin-top:0.026666rem;}
.dbjs625 h2{ width:4.133333rem; float:left; margin-left:0.2rem; margin-top:0.026666rem; line-height:0.506666rem; font-size:0.426666rem; color:#666;}
.dbjs625 h2 span{ color:#9c0a06; font-size:0.56rem;}
.dbjs625 h4{ width:4.133333rem; float:left; margin-left:0.8rem; line-height:0.346666rem; font-size:0.293033rem; color:#999;}
.dbjs625 .btn{ position:absolute; right:0.4rem; top:0.186666rem; line-height:0; }
.dbjs625 .btn .submit{ width:2.266666rem; text-align:center; height:0.92rem; line-height:0.92rem; color:white; background:#9c0a06; font-size:0.426666rem; border-radius:0.92rem; overflow:hidden; border:0;}
.dbjs625 .btn span{ display:block; position:absolute; right:50%; margin-right:-0.8rem; top:0.12rem; background:white; color:#9c0a06; font-size:0.293033rem; line-height:0.4rem; padding:0 0.133333rem; border-radius:0.4rem; overflow:hidden;}
.productReturn{ width: 0.933333rem; /*height: 0.933333rem;*/ float:left; padding-top:20px;padding-left: 0.253333rem;}


.recommendMore{ float: left; width: 100%; padding:0.333333rem 0 0.733333rem 0; text-align: center; color: #999999; font-size: 0.32rem; line-height: 0.533333rem;}
.recommendMore .img{ display: inline-block; width: 0.426666rem; height: 0.426666rem; vertical-align: top;}