@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{margin:0px; padding:0px;}
ul,li{list-style:none; border:0;}
img{border:0; vertical-align:bottom; width:100%;}
html{width:100%;}
body{font-family:MingLiu，Arial, Helvetica, sans-serif; font-weight: lighter; color:#333; background:#fff; background-size:100%; text-align:justify; text-justify:inter-ideograph; height:100%;}
a,a:hover{cursor:pointer; text-decoration:none;}
input,textarea{font-family:MingLiu，Arial, Helvetica, sans-serif; font-weight: lighter;}
input:focus,textarea:focus{outline:none;}
.ff:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.DisplayNone{display:none;}
.LineNone{line-height:0; font-size:0;}
.FloatDiv{height:auto !important; height:1px; min-height:1px;}
	.FloatLeft{float:left;}
	.FloatRight{float:right;}

/*顶部*/
.Header{width: 100%; background: #b13728; padding: 1vw 0 1.5vw;}
	.Logo{width: 5vw; margin: 0 auto;}
	.Nav{text-align: center; margin: 1vw 0 0; font-size: 1.1em; color: #fff;}
		.Nav a{color: #fff; border-bottom: 3px solid #b13728; margin: 0 1vw; padding: 0 0 0.3vw;}
			.Nav a:hover,.Nav a.NavOn{border-bottom: 3px solid #facd6d; font-weight: bold;}

/*轮播图*/
.Banner{background: #000; width: 100%; overflow: hidden;}

/*视频播放控制*/
.video-container {position: relative; width: 100%; margin: 0 auto; background: #000;}
	.video-player {width: 100%; height: 100%; object-fit: cover; /* 保持视频比例填充容器 */}
	.video-cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.3s;}
  	.cover-image {width: 100%; height: 100%; object-fit: cover;}
	.play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border: none; background: rgba(255, 255, 255, 0.8); border-radius: 50%; cursor: pointer; transition: transform 0.2s;}
		.play-btn::after {content: ""; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #333;}
		.play-btn:hover {transform: translate(-50%, -50%) scale(1.1); background: rgba(255, 255, 255, 1);}
.TxtVideo{position: absolute; margin: -42vw 0 0 75vw; width: 16vw; z-index: 3; display: none;}

/*首页商品列表*/
.IndexPro{background: url(../img/bg_products.png) left 6vw no-repeat #b13728; background-size: 6vw; padding: 3vw 0;}
	.IndexProTitle{width: 16vw; margin: 0 auto;}
	.IndexProBox{width: 88vw; margin: 0 auto;}
		.IndexProList{width: 42vw; display: block; float: left; margin: 2vw 4vw 0 0; color: #333;}
			.IndexProList:nth-child(2n){margin: 2vw 0 0 0;}
		.IndexProListImg{width: 100%;}
		.IndexProListTxt{background: #fff; padding: 1.5vw 2vw;}
			.IndexProListTitle{font-size: 1.1em; font-weight: bold;}
			.IndexProListTips{font-size: 0.9em; color: #555; margin: 0.5em 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*首页特色介绍*/
.IndexAbout{background: #f0f0f0; padding: 3vw  0 0; color: #fff;}
	.IndexAboutTitle{width: 16vw; margin: 0 auto;}
	.IndexAboutMain{background: #222;}
		.IndexAboutImg{width: 56%;}
		.IndexAboutTxt{width: 40%; padding: 5vw 0 0;}
			.IndexAboutNav{width: 100%;}
				.IndexAboutNav a{display: block; float: left; color: #fff; padding: 0 0 0.3vw; font-size: 1.1em; margin: 0 1.5vw 0 0; border-bottom: 2px solid #222;}
					.IndexAboutNav a.IndexAboutNavOn,.IndexAboutNav a:hover{border-bottom: 2px solid #facd6d; font-weight: bold;}
			.IndexAboutTxtTitle{margin: 5vw 0 0; font-size: 2em; font-weight: bold;}
			.IndexAboutTxtTips{margin: 2vw 0 0; color: #ddd; line-height: 1.8em;}
	.IndexAboutTips{position: absolute; width: 94vw; margin: -12vw 0 0 6vw; color: #facd6d;}
		.IndexAboutNum{font-size: 6em; font-weight: bold; border-bottom: 1px solid #facd6d; width: 53%; font-family: cursive;}
		.IndexAboutBtn{padding: 7vw 0 0;}
			.IndexAboutBtn a{display: block; float: left; margin: 0 1vw; width: 3vw;}

/*首页品牌资讯*/
.IndexNews{background: url(../img/bg_index_news.png) center 9vw no-repeat #f0f0f0; background-size: 30%; padding: 3vw 0;}
	.IndexNewsTitle{width: 16vw; margin: 0 auto;}
	.IndexNewsList{width: 88vw; margin: 2vw auto 0;}
		.IndexNewsListBox{display: block; width: 27vw; margin: 0 3.5vw 2vw 0;}
			.IndexNewsListBox:nth-child(3n){margin: 0;}
			.IndexNewsListImg{width: 100%;}
			.IndexNewsListTitle{margin: 1vw 0 0; color: #000; font-size: 1.1em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
			.IndexNewsListTxt{margin: 0.5em 0 0; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5em; max-height: 3em; }
			.IndexNewsListBox:hover .IndexNewsListTxt{color: #000; font-weight: bold;}
	.IndexNewsMore{display: block; width: 4em; text-align: center; margin: 1.5vw auto 0; font-size: 1.1em; color: #952c2a;}
		.IndexNewsMore:hover{font-weight: bold;}

/*内容页*/
.Main{width: 88vw; margin: 0 auto; padding: 4vw 0;}
	.MainTitle{width: 100%; padding: 0 0 2vw;}
		.MainTitleTxt{font-size: 2em; color: #000; font-weight: bold; float: left;}
		.MainTitileLink{display: block; float: right; color: #888; padding: 0.5em 0;}
	.ProListBox{width: 42vw; display: block; float: left; margin: 4vw 4vw 0 0; color: #333;}
		.ProListBox:nth-child(2n){margin: 4vw 0 0 0;;}
		.ProListBox:first-child{margin: 0 4vw 0 0;}
		.ProListBox:nth-child(2){margin: 0;}
		.ProListBoxImg{width: 100%;}
		.ProListBoxTxt{background: #facd6d; padding: 1.5vw 2vw;}
			.ProListBoxTitle{font-size: 1.1em; font-weight: bold;}
			.ProListBoxTips{font-size: 0.9em; color: #555; margin: 0.5em 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.NewsInfoTitle{font-size: 1.5em; font-weight: bold; color: #000; text-align: center;}
		.NewsInfoTitleTips{border-top: 1px solid #ccc; margin: 1vw auto 0; padding: 1vw 0 2vw; text-align: center; color: #888; font-size: 0.9em;}






/*底部*/
.Bottom{margin: 0 auto; width: 100%;}
	.BottomImg{background: #000; width: 100%;}
	.BtnFeedBack{display: block; position: absolute; width: 10vw; right: 6vw; margin-top: -5.5vw;}
	.BottomLogo{width: 4%; position: absolute; margin: -2% 0 0 48%;}
	.CopyRight{padding: 4vw 0 2vw; text-align: center; color: #555;}
		.CopyRight span{margin: 0 1vw;}
		.CopyRight a{color: #333;}


/*弹出层*/
.LayerBody{background:#000; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0; filter:alpha(opacity=70); opacity:0.7; z-index:4; position:fixed!important; position:absolute; _background:none; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}

.DivLayer{z-index:4; width:40vw; top:10%; color: #333; left:50%; border-radius:10px; margin-left:-20vw; background: url(../img/bg_layer.png) center top no-repeat #fff; background-size: 100%; padding: 13vw 3vw 3vw; position:fixed!important; position:absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}

.LayerHeader{padding:0 0 10px;}
	.LayerTitle{font-size: 18px; font-weight: normal; color: #000; height: 30px; line-height: 30px;}
	.LayerClose{display: block; width: 30px;}
.LayerLine{margin: 20px 0 0; padding: 0 20px;}
	.LayerTxt{font-size: 16px; height: 34px; line-height: 34px;}
	.LayerInput{margin-left: 10px;}
		.LayerInput input{height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius:6px; font-size: 16px; font-weight: normal; color: #000; padding: 0 10px; width: 30vw;}
		.LayerInput textarea{line-height: 30px; border: 1px solid #ccc; border-radius:6px; font-size: 16px; font-weight: normal; color: #000; padding: 8px 10px; width: 30vw; resize: none;}
.LayerBtn{display: block; width: 180px; font-size: 18px; text-align: center; font-weight: normal; background: #952c2a; color: #fff; margin: 20px auto 0; height: 46px; line-height: 50px;}
	.LayerBtn:hover{border-radius:30px;}