@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-size:14px;list-style-type:none; text-decoration:none; font-family:"Adobe 黑体 Std";}
img{ border:0px;}
.dv img{ width:100%;}
.dv{ position:relative; width:100%;}
.d2{ width:100%; height:90px; background:rgba( 0,0,0,0.3); position:absolute; left:0; top:0;}
.d3 ul li{ color:#FFF; float:left; padding-right:78px; line-height:100px; height:100%;}
.d3 img{ vertical-align:middle}
.d3 ul{ overflow:hidden; width:1200px; margin:0 auto; height:100%;}
.l1{ background:url(../images/icon/arrow-down.png)40px 50px no-repeat;}
.car{ position:relative}
.two{ position:absolute; width:20px; height:20px; border-radius:50%; background:#4caf50;display:inline-block;
      top:30px; line-height:20px; text-align:center; left:-10px}
.l2{background:url(../images/icon/arrow-down.png)90px 50px no-repeat;}

.red{position:relative;width:100%; }
.redimg{ background:#f6f6f6}
.u2{ position:absolute;left:0; top:0; width:100%; top:15px }
.red ul{ overflow:hidden; margin:0 auto; width:1200px}
.u2 ul li{ color:#e893a1; float:left; width:12%; border-right:2px #ca3149 solid}
.sp{ width:100%; text-align:center; display:inline-block;}
.u2 ul .drink{ border:none;}
.huidi{ width:100%; background:#f6f6f6; padding-bottom:20px}
.ProductUl{ overflow:hidden; margin-bottom:40px}
.ProductLi{ float:left; margin-top:100px; width:19%; text-align:center}
.ProductLi img{ width:100%}
.ProductLi1{  margin-top:60px; position:relative; padding:0 20px }
.ProductP{ width:96%; height:640px; border: 5px #e9e9e9 solid}
.ProductP img{ max-width:100%}
.ProductSpan{ position:absolute; left:0; top:50%; }
.ProductSpan2{ position:absolute; right:0; top:50%; }
.ProductSpan3{ width:100%;  display:inline-block;text-align:center; letter-spacing:2px}
.ProductSpan5{ width:80%;}
.ProductSpan4{ font-size:24px; text-align:center }
.ProductI{ color:#8c8c8c;}
.ProductSpan6{ display:inline-block; width:25%; margin-top:15px}
.ProductSpan7{ width:25%; display:inline-block; height:2px; background:#e9e9e9}
.Size{ width:20px; height:30px; border-radius:50%; background:#ffcd00; display:inline-block; padding:10px 15px; line-height:15px;}
.Size1{ width:20px; height:30px; border-radius:50%;background:#ffffff; border:#ffcd00 1px solid; display:inline-block; padding:10px 15px; line-height:15px; margin-left:20px}
.S1{ font-size:20px; color:#2d2b2d}
.P1{ margin-top:20px}
.yuanju{ width:248px; height:46px; background:#c00a27; border-radius:30px;display:inline-block; margin-top:30px; color:#ffffff; line-height:46px; overflow:hidden}
.ProductLi .ProductP .img1{ width:18px; display:inline-block; float:left; margin-top:10px; margin-left:60px}
.I1{ float:left;font-style:normal;margin-left:30px}
.SellingDiv{ text-align:center; width:1200px; margin:0 auto }
.SellingP1{ text-align:center; margin-top:50px; font-size:24px; }
.SellingP{ border-top:2px #e9e9e9 solid; height:100px}
.SellingS{ line-height:50px; border-bottom:3px #f0002f solid; font-size:24px; display:inline-block}
.SellingDiv1{ width:60%; float:left}
.SellingDiv2{ width:50%; float:left}
.SellingSpan{  display:inline-block; width:50px;background:#e9e9e9; height:2px; }
.SellingSpan1{  display:inline-block; height:2px; margin:0 5px}
.SellingSize1{ width:20px; height:30px; border-radius:50%;background:#ffffff; border:#ffcd00 1px solid; display:inline-block; padding:10px 15px; line-height:15px;margin-left:20px}
.SellingDiv3{ width:50%; float:left}
.SellingDiv4{ width:50%; float:left; margin-top:70px}
.SellingDiv5{ width:50%; float:left; margin-top:70px}
.SellingDiv6{ width:40%; float:left; position:relative}
.SellingBorder{ width:96%; height:798px; border:5px #e9e9e9 solid}
.SellingBorder img{ max-width:100%; margin-top:60px}
.tubiaozuo{ position:absolute; left:-6%; top:50%}
.tubiaoyou{ position:absolute; right:-5%; top:50%}
.Name{ width:100%; display:inline-block; text-align:center;letter-spacing:2px; font-size:24px}
.Name1{ color:#8c8c8c; width:90%; display:inline-block}
.SellingB{display:inline-block; width:100px;background:#e9e9e9; height:2px; }
.SellingB1{ display:inline-block; height:2px; margin:0 5px; margin-top:5px}
.SellingSize2{ width:20px; height:30px; border-radius:50%;background:#ffcd00; display:inline-block; padding:10px 15px; line-height:15px;margin-left:20px}
.SellingYuanju{width:248px; height:46px; background:#c00a27; border-radius:30px;display:inline-block; margin-top:-5%; color:#ffffff; line-height:46px; overflow:hidden}
.SellingI{ font-style:normal; float:left;margin-left:30px}
.SellingImg{width:18px; display:inline-block; float:left; margin-top:10px; margin-left:60px}
.Banner{ margin:0 auto; text-align:center;width:100%; height:780px; overflow:hidden; position:relative}
.BG{width:100%; margin-top:30px;}
.BD{ width:45%;position:absolute;top:75%; left:28%}

.BannerP{ width:100px; position:absolute; }
.BannerP1{top:40px; position:absolute; margin-left:-85px}
.BannerSpan1{width:20px; height:30px; border-radius:50%;background:#FFF; display:inline-block; line-height:15px;padding:10px 15px;margin-left:20px; margin-right:3px }
.BannerSpan2{width:20px; height:30px; border-radius:50%;background:#FFF; display:inline-block; padding:10px 15px; line-height:15px;margin-left:20px; }
.BannerSpan{font-size:20px; color:#2d2b2d;}
.BannerDiv{ width:20%; height:40px; background:#c00a27; border-radius:30px; position:absolute;top:110px;  color:#fff; text-align:center; overflow:hidden; margin-left:-32px}
.BannerI{ font-style: normal; float:left; margin-top:5px; margin-left:10px}
.BannerG{ width:18px;display:inline-block; float:left; margin-left:40px;margin-top:7px}
.DrinkDiv{width:1200px; text-align:center; margin:0 auto; overflow:hidden; font-weight: bold; margin-top:40px}
.DrinkSpan{ font-size:72px; color:#c00a27;  width:100%; display:inline-block; margin-left:-13%}
.DrinkSpan1{ font-size:20px; color:#3b4035; width:100%; text-align:left; margin-top:-27px; display:inline-block}
.DrinkP{float:left}
.DrinkDa{ margin-left:1%; float:left; width:49%;}
.DrinkSpan3{ color:#9a9a9a; width:100%; text-align:left}
.DrinkSpan2:hover{ color:#000 }
.DrinkSpan4{ color:#9a9a9a;}
.DrinkUl{width:100%; overflow:hidden; position:relative}
.DrinkImg{ display:inline-block;; width:100%; text-align:center;}
.DrinkUl ul li{ float:left; margin-left:5px}
.tubiaozuo1{position:absolute; left:0; top:50%;}
.tubiaoyuo1{ position:absolute; right:2px; top:50%;}
.Pasta{ text-align:center; width:1200px; margin:0 auto;overflow:hidden}
.PastaSpan{ font-size:24px;text-align:center; margin-top:50px;; display:inline-block}
.PastaP{line-height:50px; border-bottom:3px #f0002f solid; font-size:24px; display:inline-block}
.PastaSpan1{ border-top:2px #e9e9e9 solid; height:100px; width:100%; display:inline-block}
.PastaDiv{ width:48%;text-align:center; float:left; margin-bottom:25px}
.PastaDiv2{ width:58%; float:left; margin-left:2%}
.PastaSpan2{ width:40%; display:inline-block; float:left}
.PastaID{ font-size:24px; display:inline-block; ;letter-spacing:2px}
.PastaI{ color:#71706c;  display:inline-block ;}
.PastaDiv3{ width:48%;text-align:center; ; float:left;margin-bottom:25px;margin-left:2%;}
.BackS{ margin:0 auto; text-align:center;width:100%;  max-height:780px; display:inline-block; overflow:hidden}
.BackDiv{ position:relative}
.BackDiv1{ width:45%; position:absolute; right:60px; top:8%; overflow:hidden}
.BackS1{ font-size:24px; color:#fff;}
.BackS2{display:inline-block; width:50px;background:#e9e9e9; height:2px;}
.BackP{ font-size:34px; color:#ffae00; margin-top:50px; line-height:20px}
.BackP3{ font-size:34px; color:#ffae00;}
.BackP2{ width:100%; text-align:center;}
.BackP1{ text-align:center; margin-top:1%; margin-bottom:2%}
.BackI{ font-size:14px; color:#ededec; width:80%; display:inline-block; margin-top:-10px}
.BackDiv2{ width:100%; overflow:hidden;}
.BackS3{  font-size:34px; color:#ffae00; float:right;margin-top:24px}
.Miaobian{ border-right:1px #4d4d4d solid; width:48%; padding-right:2%; float:left;}
.Miaobian1{ width:47.8%; padding-left:2%; float:left;}
.AboutDiv{ width:100%; background:#f5f5f5; height:350px}
.AboutP{ float:left; width:36%; position:absolute; left:0; top:50px}
.AboutDiv1{ width:62%; float:right; margin-top:2%; margin-left:2%;}
.AboutDiv2{ width:1200px;margin:0 auto; position:relative;}
.AboutDiv2:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.AboutSpan{ font-size:24px; width:100%; display:inline-block}
.AboutSpan1{font-size:16px; color:#666666; margin-top:0.5%; width:100%; display:inline-block;}
.AbourImg{ width:100%;}
.AboutP1{ color:#6d6d6d; float:left}
.AboutP2{  float:left; margin-top:10px; margin-left:20px}
.AboutDiv3{ overflow:hidden}
.AboutDiv4{ width:100%; text-align:center; position:relative;}
.AboutSpan2{ display:inline-block; position:absolute; left:50%; top:40%;}
.AboutDiv5{ width:100%; background:#232d35; color:#dddddd; height:324px}
.AboutSpan3{ width:17%; float:left; margin-top:5%; margin-left:6%;line-height:35px;}
.AbourLiuyan{ width:40%; height:490px; background:#FFF; display:inline-block; float:left; margin:0 6%; position:absolute; top:-190px; text-align:center}
.AboutDiv6{ width:1200px; margin:0 auto; position:relative}
.AboutSpan4{ width:25%; float:right; margin-top:5%;line-height:50px;}
.AboutPW{ font-size:36px; color:#393939; margin-top:20px }
.Xian{ border-top:2px #e9e9e9 dashed; width:80%; display:inline-block; height:15px}
.AbourMing{ width:80%; height:50px; border: 1px #cccccc solid; border-radius:30px; margin:0 auto; color:#a1a1a1; padding-left:10px; margin-top:25px}
.AbourMing1{width:80%; height:90px; border: 1px #cccccc solid; border-radius:30px; margin:0 auto; color:#a1a1a1; padding-left:10px; margin-top:25px} 
.AbourMing2{width:40%; height:60px; background:#b8b8b8; border:0; border-radius:50px; color:#FFF; margin-top:20px }
.Dibu{ width:100%; height:90px; background:#131b21; text-align:center;}
.PPP{ color:#FFF; padding-top:40px}
.SP{ background:url(../images/icon/point-location-icon.png) no-repeat left center; padding-left:30px}
.SP1{ background:url(../images/icon/mobile-icon.png) no-repeat left center; padding-left:30px}
.SP2{ background:url(../images/icon/letter-icon.png) no-repeat left center; padding-left:30px}