.xhBeer{}
.position_r{ position: relative; }
.position_a{ position: absolute; }
.w1200{ width: 900px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.ts{ 
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease; 
}
.header{ height: 90px; background:#b6883a;}
.header .w1200{ overflow: hidden; }
.beerMenu{}
.beerMenu ul{ padding-right: 14px; overflow: hidden; }
.beerMenu ul li{ float: left; margin-left: 40px; }
.beerMenu ul li.active{ border-bottom: 4px solid #fff; }
.beerMenu ul li a{ color: #fff;  font-size:20px; line-height: 87px; }
.header .logo,.lgTab { height: 90px; display: flex; align-items: center; }
.header .logo img{max-height: 90px;}
.lgTab a{ width: 48px; height: 48px; display: inline-block; background: #fff; text-align: center; line-height: 48px; 
	color: #b6883a; font-size:16px; font-weight: bold; border-radius: 100%; margin-left: 12px;
}
.header .logo a{ cursor: inherit; }
.banner{ width: 100%; height: 450px; background-repeat: no-repeat; 
	background-size: auto 100%; background-position: center; 
}
.beerTitle{ padding:60px 0 60px; }
.beerTitle img{ height: 120px; }
.brandList{ padding-bottom: 80px; }
.brandList .item{ border-bottom: 1px solid #b4b5b5; display: flex; justify-content: space-between; padding: 36px 0 36px 36px; }
.brandList .item .itemFlBox{ display: flex; align-items: center; justify-content: center; width: 350px; }
.brandList .item .itemFlBox .txt_in{ line-height: 30px; font-size:16px; padding-top: 20px; color: #000; }
.brandList .item .itemFlBox .title{ text-align: center; height: 150px; }
.brandList .item .itemFlBox .title img{ max-height: 100%; }
.brandList .item .img{ width: 450px; height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; }
.brandList .item .img img{ max-width: 100%; }

/*  网上销售 */
.onlineSalesList{}
.onlineSalesList ul{ overflow: hidden; padding-top: 10px; }
.onlineSalesList ul li{ float: left; width: 230px; height: 90px; margin-bottom: 80px; margin-right: 105px; 
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease; 
}
.onlineSalesList ul li:nth-child(3n){ margin-right: 0; }
.onlineSalesList ul li a{ display: block; width: 100%; height: 100%; 
	display: flex; justify-content:center; align-items: center; 
}
.onlineSalesList ul li a img{ max-height: 100%; max-width: 100%; }
.onlineSalesList ul li:hover{ 
	transform:translateY(-10px);
}
.salesNetworkBox .snTab{ display: flex; width: 1000px; margin:0 auto; justify-content: space-between; }
.salesNetworkBox .snTab .item{ width: 120px; cursor: pointer;}
/*.salesNetworkBox .snTab .item:last-child{ margin-right: 0; }*/
.salesNetworkBox .snTab .item .img{ width: 120px; height: 120px; overflow: hidden; 
	border: 3px solid #999; border-radius: 20px;
}
.salesNetworkBox .snTab .item.active .img{ border-color: #036eb8; }
.salesNetworkBox .snTab .item .img img{ width: 100%; }
.salesNetworkBox .snTab .item p{ text-align: center; font-size:24px; color: #032eb8; }
.salesNetworkBox .snCon { padding: 70px 0 80px; }
.salesNetworkBox .snCon .list{ padding-left: 50px; display: none; min-height: 300px; }
.salesNetworkBox .snCon .list:first-child{ display: block; }
.salesNetworkBox .snCon .list .snTxtBox{ padding:5px 5px 20px 10px; color: #888889; min-height: 100px; }
.salesNetworkBox .snCon .list .img{ width: 43px; left: -50px; top: 8px; }
.salesNetworkBox .snCon .list .img img{ width: 100%; }
.contactUsBox{ width: 900px; margin:0 auto; }
.contactUsBox .formTxt{ font-size:18px; color: #000; padding-bottom: 20px; }

.contactUsBox .formCon .item:first-child{ margin-right: 60px; }
.contactUsBox .formCon .item{ margin-top: 40px; float: left; width: 100%;}
.contactUsBox .formCon .item input{ border:1px solid #66727c; height: 48px; padding:10px; margin-top: 16px; font-size:18px; 
	background: #f8f9f8; width: 100%
}
.contactUsBox .formCon .item.lastName,.contactUsBox .formCon .item.firstName{ width: 420px; }
.contactUsBox .formCon .item label{ display: block; font-size:18px; color: #000; }
.contactUsBox .formCon .item.msg textarea{ font-size:18px; margin-top: 16px;
	width: 100%; height: 120px; padding:10px; border:1px solid #66727c; background: #f8f9f8;
} 

.promotionBox{ padding-bottom: 60px; }
.promotionBox img{ max-width: 100%!important; }
.otherLogo{ top: 0; height: 90px; left: -150px; max-width: 140px; }
#cement-yzm{ float: left; width: 100%; padding-top: 40px; position: relative; }
#cement-yzm label{ font-size:24px; color: #000; display: block; }
#cement-yzm input{ border:1px solid #66727c; height: 48px; padding:10px; margin-top: 16px; font-size:18px; 
	background: #f8f9f8; width: 250px 
}
#cement-yzm .crv-tips { position: absolute; bottom: -26px; left: 0; color: #ff0000; }
#cement-yzm img{ line-height: 1; vertical-align: bottom; height: 48px; display: inline-block; }
.cement-btn{ float: left; width: 100%; }
.cement-btn .cement-submit-info{ width: 100%; height: 64px; margin-top: 40px; line-height: 64px; color: #fff; 
	font-size:24px; text-align: center; background: #717071; border:none; cursor: pointer;
}
.crv-tips{ color: #ff0000; display: none; }
.promotionBoxDt .crv-tips { position: absolute; left: 0; bottom: -20px; }
.cement-btn .cement-submit-info:hover{ background: #18938b; }
.cement-infolxwm-r-form{ overflow:hidden; position: relative; }
.contactUsBox{ padding-bottom: 80px; }
.footer{ background: #333; height: 85px; line-height: 85px; text-align: center; }
.footer .w1200, .footer a{ color: #fff; font-size: 16px; }
.beerJt{ display: none; }
.beerFt{ display: block; }

.promotionBoxDt{ padding-bottom: 80px; }
.promotionBoxDt .dTtitle{ display: inline-block; border-radius: 20px; font-size:36px;
	color: #036eb8; padding:10px 15px; line-height: 1;
}
.promotionBoxDt .dtTxt { padding:30px 0; overflow: hidden; }
.promotionBoxDt .dtTxt img{ max-width: 100%!important; }
.promotionBoxDt .dtImgs { overflow: hidden; }
.promotionBoxDt .dtImgs .imgBox{ margin-top: 30px; margin-right: 30px; float: left; width: 280px; height: 188px; border:1px solid #036eb8; border-radius: 20px; }
.promotionBoxDt .dtImgs .imgBox:nth-child(3n){ margin-right: 0; }
.promotionBoxDt .dtImgs .imgBox .img{ display: flex; justify-content: center; align-items: center; overflow: hidden; height: 120px; }
.promotionBoxDt .dtImgs .imgBox .img img{ max-height: 100px; }
.promotionBoxDt .dtImgs .imgBox p{ color: #036eb8; text-align: center; font-size:16px; }
.sendZF{ text-align: center; padding:60px 0 80px; }
.sendZF a{ display: inline-block; border-radius: 20px; font-size:32px; 
	color: #036eb8; border:2px solid #036eb8; padding:16px 24px; line-height: 1;  
}
.sendZF a:hover{ background: #036eb8; color: #fff; }

.proForm label{ display: block; display: block; font-size:16px; color: #000; line-height: 1; }
.proForm label i{ font-style:normal; color: #999; font-size:14px; }
.proForm input{  border:1px solid #66727c; height: 48px; padding:10px; margin-top: 16px; font-size:16px; 
	background: #f8f9f8; width: 100%;
}
.proForm{  }
.proForm .fItem{ margin-top: 30px; position: relative; }
.proForm .name{ margin-right: 60px; }
.proForm .name,.proForm .ids{ display: inline-block; }
.proForm .name input,.proForm .ids input{ width: 420px;  }
.proForm .fItem textarea{ font-size:18px; margin-top: 16px;
	width: 100%; height: 120px; padding:10px; border:1px solid #66727c; background: #f8f9f8;
}

.proForm .sType input{ width: 16px; height: 16px; display: inline-block; -webkit-appearance:auto; margin-right: 5px; }
.proForm .sType span.txt,.proForm .sType label{ display: inline-block; color: #000; font-size:16px; }
.proForm .sType span.txt{ padding:0 24px; }
.proForm .time { width: 420px; margin-right: 60px; display: inline-block; vertical-align: bottom;}
.proForm .sum{ width: 420px; display: inline-block;}
.proForm .sum .mnIcon{ position: absolute;bottom: 9px; left: 12px; color: #000; font-size:18px; }
.proForm .sum input{ padding-left: 56px; }
.proForm .upload input{ display: none; }
.proForm .upload .uplaodBtn{ display: inline-block; background: rgba(0,0,0,0.4); color: #fff; line-height: 1;  
	padding:10px 20px; border-radius: 4px; font-size:20px; cursor: pointer;
}
.proForm .upload .uplaodBtn:hover{ background: #036eb8; color: #fff; }
.proForm .upload .infoImg{ display: inline-block; vertical-align: bottom; }
.proForm .upload label{ padding-bottom: 16px; }
.proForm .upload { padding-bottom: 40px; border-bottom: 2px solid #b4b5b5; }
.imgName{ display: none; }
.promotionBoxDt .upload .crv-tips { bottom: 6px; }
.imgName{ margin-top: 12px; position: absolute; left: 465px; bottom: 40px; }
.imgName div{ color: #999; font-size:16px; display: inline-block; padding-right: 20px; }
.imgName span{ display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; cursor: pointer; }
.clausCheck input{ display: inline-block; width: 16px; -webkit-appearance:auto; height: 16px; }
.clausCheck span{ display: inline-block; font-size:14px; color:#000; vertical-align: text-bottom; }
.clauseBox .conTxt{ height: 400px; border:1px solid #000; padding:10px; overflow-y:auto;margin:5px 0 10px; position: relative; }
.clauseBox .title{ padding-top:60px; font-size:24px; color: #000;}
.newProTitle{ margin-left: 20px; border: 2px solid #036eb8; }
.downLoadImg{ width: 50px; position: absolute; bottom: 50px; left: 50%; margin-left: -25px; z-index: 1; }
.downLoadImg img{ width: 100%; }