@charset "utf-8";
/* CSS Document */

.banner_wrap{ width:100%; padding-top:72%; position:relative; z-index:10;}
.banner{ position:absolute; top:0; left:0; width:100%; height:100%;}

.swiper-container{ width:100%; height:100%; position:relative;   overflow:hidden;}
.swiper-container .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		
		
    }
		 
	.swiper-container .swiper-wrapper div:nth-child(1)
		{

        
		background:url('../images/banner10.jpg') center center no-repeat;
		background-size:cover;
		}	 
		 
.swiper-container .swiper-wrapper div:nth-child(2)
		{

        
		background:url('../images/banner0.jpg') center center no-repeat;
		background-size:cover;
		}
		
.swiper-container .swiper-wrapper div:nth-child(3)
		{
		background:url('../images/banner1.jpg') center center no-repeat;
		background-size:cover;
		}
		
		
.swiper-container .swiper-wrapper div:nth-child(4)
		{
		background:url('../images/banner2.jpg') center center no-repeat;
		background-size:cover;
		}
.swiper-container .swiper-wrapper div:nth-child(5)
		{
		background:url('../images/banner3.jpg') center center no-repeat;
		background-size:cover;
		}

		
		
.sort_wrap{ width:100%; position:relative; padding-top:71.25%; }
.sort{ position:absolute; width:90%; height:100%; left:5%; top:0;  }
.sort a{ display:block; height:50%; background:#fff; width:33%; float:left; position:relative;}

.sort a:nth-child(1){
	background:url(../images/qian.png) no-repeat;
	background-size:contain;
}

.sort a:nth-child(2){
	background:url(../images/bei.png) no-repeat;
	background-size:contain;
}
.sort a:nth-child(3){
	background:url(../images/ping.png) no-repeat;
	background-size:contain;
}

.sort a:nth-child(4){
	background:url(../images/anli.png) no-repeat;
	background-size:contain;
}

.sort a:nth-child(5){
	background:url(../images/news.png) no-repeat;
	background-size:contain;
}
.sort a:nth-child(6){
	background:url(../images/lian.png) no-repeat;
	background-size:contain;
}

.sort a span{  font-size:14px; color:#404040; position:absolute; bottom:0; left:0; width:100%; height:20%;  display:block; text-align:center;}		


.gap_wrap{ width:100%; padding-top:5%; position:relative;}

.link_wrap{ position:relative; width:100%; padding-top:76%;}
.link{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff000;}


.zhuanti_wrap{ width: 100%; position: relative; padding-top: 43.125%; }
.zhuanti_a{ display: block; width: 100%; height: 100%; top:0; left:0; background:url("../images/zhuanti.jpg") no-repeat; background-size:contain; position: absolute;}

.jiameng_href{ width:40%; height:100%; position:absolute; display:block; top:0; left:0; background:url("../images/jiameng_bg.jpg"); background-size:cover;}
.anli_href{width:60%; height:45%; position:absolute; display:block; top:0; right:0; background:url("../images/anli_bg.jpg"); background-size:contain;}

.pinpai_href{ width:30%; height:55%; position:absolute; display:block; bottom:0; left:40%; background:url("../images/pinpai_bg.jpg"); background-size:contain;}
.wine_href{width:30%; height:55%; position:absolute; display:block; bottom:0; right:0; background:url("../images/wine_bg.jpg"); background-size:contain;}

.video_title{ width:100%; padding-top:14.7%; position:relative; background:url(../images/video_bg.png) center center no-repeat; background-size:contain; }

.video_wrap{width:100%; padding-top:58.125%; position:relative; }
.video_wrap video{ position:absolute; top:0; left:0;}

.hongjiu_title{ width:100%; padding-top:16%; position:relative; background:url(../images/hongjiu_title.png) center center no-repeat; background-size:contain; }
.hongjiu_list_wrap{ width:100%; padding-top:62.1875%; position:relative; overflow:hidden; background:#f2f2f2; z-index:10;}
.hongjiu_list{ left:3.125%; width:93.5%; height:93.5%; top:3.125%; position:absolute;}










.swiper-container2{ width:100%; height:100%; position:relative; overflow:hidden; z-index:10;}
		 
	 
.swiper-container2 .swiper-slide{
        text-align: center;
        font-size: 18px;
       

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		position:relative;
		width:100%;
		height:100%;
}


.swiper-container2 .swiper-slide a{
	width:49%;
	display:block;
	height:100%;
	top:0;
	position:absolute;
	
}
.swiper-container2 .swiper-slide a:nth-child(1){
	left:0;
	
	
}

.swiper-container2 .swiper-slide a:nth-child(2){
	left:51%;
	
	
}


.news_title{ width:100%; padding-top:16%; position:relative; background:url(../images/news_title.png) center center no-repeat; background-size:contain; }
.news_wrapper{ width:100%; position:relative; padding-top:25%;}
.news{ width:100%; height:100%; position:absolute; left:0; top:0; border-top:1px solid #f9f9f9; box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.right_news{width:22%; padding-top:22%; background:#ffffff; float:right; background:url("../images/product.jpg") no-repeat; background-size:contain; position:relative;}
.left_news{ width:76%;float:left; padding-top:22%; position:relative;}

.right_news a{ width:100%; height:100%; position:absolute; top:0; left:0; display:block;}
.right_news a img{ width:100%;}

.news_w{ padding:3% 6%; height:94%; width:88%;}

.top_news{ height:54%;   position:absolute; width:100%; top:0; left:0; }
.bottom_news{ height:26%;    position:absolute; width:100%; bottom:0; left:0; font-size:12px; color:#cbcbcb; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;}

.bottom_news span{ height:100%; border-radius:2px; border:2px solid #f5f5f5; background:#f5f5f5; display:block; position:absolute; bottom:0; right:0; padding-left:6px; padding-right:6px;  color:#cbcbcb; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;}

/*这里需要做媒介查询*/
.top_news a{ font-size:14px; color:#000; text-overflow:ellipsis; overflow:hidden;  display:block; width:100%; height:100%; line-height:20px;}

@media all and (max-width:480px) and (min-width:320px) {
	.sort a span{  font-size:14px;}
	.bottom_news{ font-size:12px;}
	.top_news a{ font-size:14px;  }
}

@media all and (min-width:480px) and (max-width:640px) {
	.sort a span{  font-size:17px;}
	.bottom_news{ font-size:12px;}
	.top_news a{ font-size:17px;  }
}
@media all and (min-width:640px) and (max-width:800px) {
	.sort a span{  font-size:20px;}
	.bottom_news{ font-size:14px;}
	.top_news a{ font-size:20px;  }
}