@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix::after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.cen{text-align: center;}

.container{max-width:1200px;margin:0 auto; position: relative;}
.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width:100%;background: url(../images/index-bg1.jpg) center; height: 150px;}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff;
/*justify-content:space-between;-webkit-justify-content:space-between;*/}
.c-nav .logo{margin-right: 94px;}
.c-nav ul{ margin-top: 90px;}
.c-nav ul li{display:inline-block; font-size:18px; color: #fff; margin-right: 42px;}
.c-nav ul li:last-child{margin-right: 0;}
.c-nav ul li a{color:#fff;text-decoration:none;width:100%}
.c-nav ul li.active a{color:#cd9e66;}
.c-nav ul li:hover a{color:#cd9e66;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px}
.c-nav .header-introduction{position: absolute; left: 350px; top: 18px;}
.c-nav .header-introduction img{margin-right: 20px; float: left;}
.c-nav .header-introduction-information{float: left; font-size: 18px; color: #deb585; line-height: 32px;}
.index-line img{display: block;}
@media screen and (max-width:1200px){.c-nav ul li{margin-left:20px}
}
@media screen and (max-width:992px){.c-nav ul li{margin-left:10px}
}
@media screen and (max-width:768px){.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:none}
}
@media screen and (max-width:576px){
.c-nav{padding:10px 0 10px 0;opacity:.9; margin: 0; height: auto;}
.c-nav .navFlex{flex-wrap:wrap;font-size:20px;justify-content:space-between}
.c-nav .logo{margin-left:.5rem;width:35%; margin-right: 0;}
.c-nav ul{margin-top:10px}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:3rem;background:#000; border-bottom: none; margin-right: 0;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:block}
.c-nav .hiden{display:block}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-introduction{display: none;}
}


#flash{width:100%;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0 0;background-color:#eff3f4}
#flash a{width:100%;display:none}
#flash img{width:100%}
.flash_bar{width:100%;text-align:center;height:20px;overflow:hidden;position:absolute;bottom:0;left:0;text-align:center}
.flash_bar .dq{display:inline-block;width:12px;height:12px;margin:2px 5px;cursor:pointer;background:#cd9e66;border-radius:100%}
.flash_bar .no{display:inline-block;width:12px;height:12px;margin:2px 5px;cursor:pointer;background:#ccc;border-radius:100%}
#flashBg{overflow:hidden;width:100%;clear:both;margin:0;padding:0}
#flashLine{background:url(../images/touming.png) repeat-x center bottom;width:100%;clear:both}

.swiper-container {
    width: 1260px;
    margin: 50px auto;
    overflow: hidden;
    position: relative;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #f8f8f8;
    margin-bottom: 80px;

    /* 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;
  }
  
.index-alcohol-box{ overflow: hidden; background: url(../images/index-bg2.jpg) center; padding-bottom: 30px;}
.index-alcohol{ width: 1200px; margin: 0 auto;}
.index-alcohol-tit{font-size: 24px; color: #fff; line-height: 82px;}
.index-alcohol-tit img{margin-right: 17px;}
.index-alcohol-list{background: #fff; overflow: hidden; box-sizing: border-box; padding: 18px; border: 2px solid #dab081;}
.index-alcohol-list ul li{width: 216px; height: 216px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative;}
.index-alcohol-list ul li:nth-child(5n){margin-right: 0;}
.index-alcohol-list ul li .index-alcohol-list-tit{height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%;
background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; display: none;}
.index-alcohol-list ul li:hover .index-alcohol-list-tit{display: block;}

.footer{ overflow: hidden; background: url(../images/index-bg2.jpg) center; font-size: 14px; color: #b2a3a3; text-align: center; line-height: 28px; padding: 20px 0;}

/*产品*/
.product-catalog{line-height: 50px; font-size: 14px; color: #fff; width: 1200px; margin: 0 auto;}
.product{width: 1200px; margin: 0 auto; box-sizing: border-box; border: 2px solid #deb585; background: #fff; padding-top: 40px;}
.product-tit{font-size: 30px; color: #222222; text-align: center;}
.product-line{width: 53px; height: 2px; background: #b01a0c; margin: 23px auto 31px;}

/*Tab切换*/
.main {
  width: 100%;
}
.contacttab{ 
  overflow:hidden;zoom:1; text-align: center; padding-bottom: 30px; margin: 0 auto; 
}
.spanList{ 
  color:#fff;height:36px; cursor:pointer; line-height:36px; width: 120px; background: #f5f5f5; display: inline-block; border-radius: 5px; color: #333333;
   margin: 0 10px;
}
.contacttab .active{
  color:#ffffff;background:#d41b1b;
}
.contacttab .active a{
color:#ffffff;
}
.contacttab .active::after{
}
.context{
  background: #f5f5f5;overflow: hidden;
}
.con { 
  display:none; 
}

/*Tab切换*/
.product-list{overflow: hidden; width: 1130px; margin: 30px auto;}
.product-list ul li{ text-align: center; width: 260px; margin-right: 30px; float: left; margin-bottom: 20px;}
.product-list ul li:nth-child(4n){margin-right: 0;}
.product-list ul li .product-list-pic{ height: 260px; background: #fff; box-sizing: border-box; padding: 15px 0;}
.product-list ul li .product-list-pic img{width:218px; height:218px}
.product-list ul li .product-list-tit{line-height: 40px; font-size: 16px; color: #333;}
.yema{text-align: center; margin: 40px 0;}

/*产品*/

/*产品详细*/
.productview{width: 1200px; margin: 0 auto; box-sizing: border-box; border: 2px solid #deb585; background: #fff; padding-top: 40px;}
.productview-tit{font-size: 24px; color: #222; text-align: center; font-weight: bold; margin-bottom: 40px;}
.productview-pic{text-align: center;}
.productview-info{padding: 30px 0; margin: 0 38px; border-top: 1px solid #eaeaea;}
.productview-info-tit{font-size: 18px; color: #333; font-weight: bold; margin-bottom: 30px;}
.productview-info-dis{line-height: 30px; font-size: 16px; color: #333;}


/*产品详细*/



/*关于我们*/
.about{width: 1200px; margin: 0 auto; box-sizing: border-box; border: 2px solid #deb585; background: #fff; padding-top: 40px;}
.about-tit{font-size: 30px; color: #222; text-align: center; font-weight: bold; margin-bottom: 40px;}
.about-line{width: 53px; height: 2px; background: #b01a0c; margin: 23px auto 46px;}
.about-info{ margin: 0 38px; margin-bottom: 30px; line-height: 30px; font-size: 16px; color: #333;}
/*关于我们*/

/*新闻*/
.news{width: 1200px; margin: 0 auto; box-sizing: border-box; border: 2px solid #deb585; background: #fff; padding-top: 40px;}
.news-tit{font-size: 30px; color: #222; text-align: center; font-weight: bold; margin-bottom: 40px;}
.news-line{width: 53px; height: 2px; background: #b01a0c; margin: 23px auto 0;}
.news-list{overflow: hidden; border-top: 1px solid #dedede; padding: 20px 30px;}
.news-list ul li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; overflow: hidden;}
.news-list ul li .news-list-pic{float: left; width: 21%;}
.news-list ul li .news-list-info{float: right; width: 76%;}
.news-list ul li .news-list-info-tit{font-size: 20px; color: #333; margin: 15px 0;}
.news-list ul li .news-list-info-dis{font-size: 16px; color: #999999; line-height: 30px;}
.news-list ul li .news-list-info-time{font-size: 16px; color: #999999;}
/*新闻*/

/*新闻详细*/
.newsview-tit{font-size: 30px; color: #222; text-align: center; font-weight: bold; margin-bottom: 17px;}
.newsview-time{font-size: 14px; color: #999; text-align: center; margin-bottom: 27px;}
.newsview-info{ margin: 0 38px; overflow: hidden; border-top: 1px solid #dedede; padding: 30px 0; line-height: 30px; font-size: 16px; color: #333; border-bottom: 1px solid #eaeaea;}
.newsview-info .pic{text-align: center;}
.newsview-link{line-height: 35px; font-size: 16px; color: #444; margin: 20px 38px;}
/*新闻详细*/

/*联系我们*/
.contact{ margin: 45px 38px; overflow: hidden;}
.contact-information{width: 50%; float: left; background: #d41b1b;}
.contact-information-info{padding: 25px 35px; color: #fff;}
.contact-information-tit{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.contact-information-dis{font-size: 16px; line-height: 35px;}
.contact-message{width: 50%; float: left; box-sizing: border-box; padding: 35px 45px; background: #f5f5f5;}
.contact-message-tit{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 30px;}
.contact-message-inp{font-size: 16px; color: #333; margin-bottom: 10px;}
.contact-message-inp span{float: left;}
.contact-message-inp input{height: 40px; line-height: 40px; background: #fff; border: 1px solid #b1b2b8; width: 400px; border-radius: 10px; padding:0 10px;outline:0px;}
.contact-message-inp textarea{height: 90px; line-height: 40px; background: #fff; border: 1px solid #b1b2b8; width: 400px; border-radius: 10px;}
.contact-message-btn{width: 130px; height: 40px; text-align: center; line-height: 40px; background: #d41b1b; border-radius: 5px; color: #fff; margin-left: 48px; margin-top: 16px;}
.map{ margin: 20px 38px; overflow: hidden;}
.map-tit{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 20px;}

/*联系我们*/