﻿/*头部图片*/
			.titleImgBox{
				width: 100%;
				min-width: 1366px;
				margin-top: 110px;
			}
			.titleImg{
				width: 100%;
			}
			/*黔酒品牌*/
			.branBox{
				width: 100%;
				height: auto;
			}
			.brandDiv{
				width: 1366px;
				height: auto;
				margin: 0 auto;
				overflow: hidden;
			}
			.brandTitle{
				width: 100%;
				text-align: center;
				margin-top: 79px;
			}
            .titleSpan1 .active {
                height: 4px;
                animation: ad_width .25s linear forwards;
                background-color: #ab7858;
            }
			.brandTitleP1{
				width: 2px;
				height: 20px;
				background-color: #313131;
				opacity: 0.67;
				margin: 0px 5px;
			}
			.brandTitleP2{
				font-family: Alibaba-PuHuiTi-R;
				font-size: 20px;
				font-weight: normal;
				font-stretch: normal;
				line-height: 20px;
				letter-spacing: 2px;
				color: #212121;
				width: auto;
			}
			.brandTitleP3{
				font-family: AlibabaSans-Light;
				font-size: 18px;
				font-weight: bold;
				font-stretch: normal;
				line-height: 20px;
				letter-spacing: 2px;
				color: #ab7858;
				width: 200px;
			}
			/*商品图片*/
			.imgBox{
				width: 100%;height: auto;padding: 10px;margin-top: 81px;zoom: 1;overflow: hidden;margin-bottom: 128px;
			}
			.imgDiv{
				width: 25%;height: 500px;float: left;padding: 10px;cursor: pointer;
			}
			.imgCont{
				width: 316px;height: 316px;
				overflow: hidden;
			}
			.imgContImg{
				width: 100%;
			}
			.imgText{
				width: 100%;height: 60px;overflow: hidden;
			}
			.imgDiv:hover .imgContImg{
				transform: scale(1.1,1.1);
				transition: 1s;
			}
			.imgDiv:hover .textHidden{
				animation: ad_width 2s;
			}
			@keyframes ad_width{
				from{opacity: 0;}
				to{opacity: 1;}
			}
			/*设置文字超出隐藏*/
			.textHidden{
				width: 90%;
				height: 20px;
				overflow: hidden;
				text-overflow: ellipsis;
				display:-webkit-box; 
				-webkit-box-orient:vertical;
				-webkit-line-clamp:1; 
				margin: 0 auto;
				margin-top: 24px;
				font-family: Alibaba-PuHuiTi-R;
				font-size: 16px;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0px;
				color: #5f5f5f;
				text-align: center;
			}
			.titleNav{
				width: 100%;
			    height: 51px;
			    display: flex;
			    border-bottom: 1px solid #DBDBDB;
			    margin-top: 30px;
			    margin-bottom: 79px;
			}
			.titleDiv{
				width: 33.333%;
			    height: 51px;
			    text-align: center;
			    
			}
			.titleSpan1,.titleSpan2,.titleSpan3,.titleSpan4{
				font-family: Alibaba-PuHuiTi-R;
				font-size: 20px;
				font-weight: normal;
				font-stretch: normal;
				line-height: 40px;
				letter-spacing: 0px;
				color: #414141;
			    overflow: hidden;
			    cursor: pointer;
			    position: relative;
			}
			.box{
				width: 200px;
				height: 51px;
				margin: 0 auto;
			}
			.box:hover .nav-bottom{
				height: 4px;
				animation: ad_nav .25s linear forwards;
				background-color: #ab7858;
			}
			.zdyactive{
				height: 4px;
				content: ' ';
			    position: absolute;
			    z-index: 2;
			    bottom: 0;
			    left: 50%;
			    display: block;
			    width: 100%;background-color: #ab7858;
			}
			
			@keyframes ad_nav {
			    from {
			        width: 0%;
			    }
			
			    to {
			        width: 100%;
			    }
			}
			
			.nav-bottom{
				height: 4px;
				content: ' ';
			    position: absolute;
			    z-index: 2;
			    bottom: 0;
			    left: 50%;
			    display: block;
			    width: 100%;
			    transform: translate(-50%);
			}