﻿@media screen and (max-width:1180px){
	.famous .left{ width:66%; }
	.famous .right{ width:34%; padding:30px 20px 0; }
	.famous .right .names{ width:64px; line-height:36px; line-height:36px; font-size:16px; margin:0 5px 12px; }
	.famous .left .item .pic{ height:auto; width:44%; }
	.famous .left .item .det{ padding-left:48% }
	.famous .left .item .pic img{ height:auto; }
	.bb-wrap .pic{ height:0; padding-bottom:145.58%; position:relative; }
	.bb-wrap{ height:380px; }
	.bb-swiper-main{ height:440px; }
	.bb-wrap img{ position:absolute; }
	.fj_wh_cont .items>.leftpic{ width:40%; }
	.fj_wh_cont .items .rightcont,.fj_wh_cont .items:nth-child(even) .rightcont{ padding-left:43%; }
  .fj_wh_cont .items:nth-child(even) .rightcont{ padding-left: 0; padding-right: 43%; }
	.fj_wh_cont .bigtitle{ font-size:18px; margin-bottom:10px; }
	.fj_wh_cont .subtitle{ font-size:16px; margin-bottom:10px; }
	.items .defcont{ font-size:14px; }
	.fj_wh_cont .items{ padding-bottom:20px; }
	.fj_whycBox{ padding:0; }
	.fj_yichan .yichan-top { padding:0 16px; }
  .top-pic .pics{ height:46vw; 
    display:flex;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
  }
  .top-pic .pics img{
    max-width: 100%;
    max-height: 100%;
  }
  .yichan-center .tabs{text-align:Center;display: block;}
	.yichan-center .tabs .links{ font-size:14px; display:inline-block; margin:10px 10px;}
	.yichan-bot{ padding:0 16px; }
	.yichan-bot .left{ width:100%; height:60.66vw; min-height:auto!important; margin-bottom:20px; }
	.yichan-bot .right{ min-height:auto!important; padding:0; margin-top:20px; }
	.fj_wh .fj_yichan{ background-position:center top!important; background-size:auto 560px!important; margin-top:30px; }
	.fj_wh .fj_yichan .top-title { padding:55px 0 10px 0; font-size:16px; }
  .yichan-center .yichan-conts { background:#fff; padding: 20px 15px 0px 15px; }

  .fj_whycBox .fj_yichan{ padding-top:30px; }
  .yichan-center .yichan-pad{
    padding-top:140px;
  }
	.fj_whycBox .fj_yichan .top-title { padding:20px 0 10px; }
	.yichan-center { padding:60px 16px; } 
	.fj_pp{ padding-top:60px; }
	.fj_ppwhBox{ padding:0; }
	.fj_ppwhBox .fj_pp{ padding:0 16px; }
	.fj_ppwhBox .pp-titles{ padding:120px 0 20px; }
	.fj_ppwhBox .fj_pp{ background-position: center top; margin-top:60px; }
	.fj_ppwhBox .pp-top .wraps .pic,.pp-jz .item .pic, .pp-sm-item .pic { width:40%; height:auto; }
	.fj_ppwhBox .pp-top .title, .pp-top .desc,.pp-jz .item .wenben, .pp-sm-item .wenben{ width:50% }
  .pp-jz .item .wenben .desc{ width:100%; }
  .yichan-center .sons-href{
    font-size:14px;
    margin-right:10px;
    display: inline-block;
  }
  .gy-pic,.gy-wenben{
    margin:0 auto;
  }
  .gy-wenben{
    width:550px;
  }
  .fj_wh_banner .wrap{
    bottom:40px;
    top:auto;
    right:5%;
  }

/*  汾酒文化  品牌文化 max-width:1180px   */

.pp-wl .pic img{
  width:100%;
}
.pic-out{
  width:100%;
}
.jk-swiper .pics{
  display: flex;
  align-items: center;
  justify-content: center;
  height:20vw;
  padding:12px;
}
.jk-swiper .pics img{
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}

.pp-sm-other-main .item:nth-child(odd){
  padding-right:30px;
}
.pp-sm-other-main .item:nth-child(even){
  padding-left:30px;
}
.pp-sm-other-main .item .desc{
  margin-bottom:20px;
  height:auto;
}
.pp-sm-other-main .item .pic{
  width:100%;
  height:20vw;
}
.pp-sm-other-main .item .pic .out{
  width:100%;
  display:block;
  height:100%;
}

.pp-sm-other-main .item .pic .in{
  width:100%;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.history .left{
  left:30px;
}
.fj_wh_cont .maintitle{
  font-size: 16px;
}
.yichan-center .sons{
  text-align:Center;
}
.gy-item{
  display:block;
}
.gy-swiper-thum .swiper-slide {
  width:144px;
}


/*  汾酒文化  品牌文化 max-width:1180px end  */










}
/*  max-width:1180px end  */

@media screen and (max-width:960px){
  .history .item .name{ font-size:18px; }
  .history .right{ padding-left: 320px; }
  .history .item .list{ padding-left: 40px; }
}


/*  max-width:750px  */
@media screen and (max-width:750px){
  .left-pc{
    display:none;
  }
  .history .left-mob{
    display:block;
  }
	.fj_wh_cont .subtitle,.fj_wh_cont .maintitle,.defcont{ 
		font-size:14px; 
	}
  /* 汾酒文化  */
  .fj_wh_cont .maintitle{
    font-size: 16px;
  }
  .yichan-center .yichan-conts{
    padding:20px 5px 20px 15px;
    position: relative;
  }
  
	.fj_wh_tab{ padding:30px 0 40px; }
	.fj_wh_banner{ height:240px; padding:0 16px; background-size:auto 100%!important;}
	.fj_wh_banner .wrap{ width:100%; padding:30px 10px; height: auto; min-height:260px; }
	.fj_wh_banner .wrap .desc{ font-size:14px; }
	.fj_wh_banner .wrap .title{ font-size:16px; }
	.fj_wh_cont{ padding:46vw 16px 0; }
	.fj_wh .fj_wh_cont{ padding:0; }
	.bg-cont{ padding:20px; margin-bottom:20px; }
	.fj_wh_cont .bigtitle{ font-size:16px; }
	.fj_wh_cont .items{ padding-bottom:40px; }
	.fj_wh_cont .bigtitle, .fj_wh_cont .subtitle, .fj_wh_cont .maintitle, .rectitle{ margin-bottom:10px; }
	.defcont{ margin-bottom:20px; }
	.famous{ height:auto; }
	.famous .left{ width:100%; height: auto; min-height:50vw; padding:20px; }
	.famous .left .item .pic{ width:35.08%; height:0; padding-bottom:46.78%; position:relative; }
	.famous .left .item .pic .img{ position:absolute; top:0; left:0; }
	.famous .left .item .det{ padding-left:43.4%; }
	.famous .left .item .det .name{ padding:20px 0 4px; font-size:16px; }
	.famous .left .item .det .desc{ font-size:14px; }
	.famous .right{ width:100%; padding: 36px 26px 0; height:auto; }
	.famous .right .names{ height:32px; line-height:32px; font-size:16px; width:30%; margin:0 1% 20px; }
	.bb-wrap .pic{ height:0; padding-bottom:145.58%; position:relative; }
	.bb-wrap .pic img{ position:absolute; top:0; left:0; }
	.bb-swiper-main{ height:72.6vw; }
	.intro-cont .items .wrap .pic{ padding:0; width:100%; }
	.bb-wrap{ height:64vw; }
	.famous .left .item .pic img{ position:absolute; left:0; top:0; }
	.fj_wh_cont .items>.leftpic{ width:100%; margin-bottom:20px; }
	.fj_wh_cont .items>.leftpic .titles{ width:100%; padding-left:20px;}
	.fj_wh_cont .items .rightcont,.fj_wh_cont .items:nth-child(even) .rightcont{ padding: 20px 0 0; width:100%; }
	.yichan-top .top-pic{ width:74.66vw; margin:0 auto; overflow:inherit; }
	.yichan-top .top-pic .swiper-container { overflow:inherit; }
  .top-pic .pics{ height:46vw; 
    display:flex;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
  }
  .top-pic .pics img{
    max-width: 100%;
    max-height: 100%;
  }
  .fj_wh_banner .wrap{
    right:auto;
    top:80px;
    bottom:auto;
  }
	.yichan-top .top-pic .swiper-button-next, .yichan-top .top-pic .swiper-button-prev { top:auto; bottom:-50px; }
	.yichan-top .top-pic .swiper-button-prev{ left: calc(50% - 50px); }
	.yichan-top .top-pic .swiper-button-next{ right: calc(50% - 50px); }
  .fj_yichan .yichan-top { padding:0 16px 80px;background-position:center 0px; }
  .history .left-pic{
    left:30px;
  }

  .yichan-center .sons-href{
    font-size:12px;
    margin-right:15px;
    margin-bottom:10px;
    display: inline-block;
  }
	.son-des{
    margin-top:0px;
    font-size:14px;
    color:#333;
    padding-top:0px;
  }

  /* 汾酒文化 end  */
  


  /*  汾酒文化  品牌文化 max-width:750px  */

      /**********融媒体页面*****************/
      .fj-rmt{
        display:block;
      }
      .rmt-item{
        margin:0 auto;
      }
      /**********融媒体页面end*****************/
      .fj_ContainerMap{
        padding-top:0px;
      }

  .fj_ppwhBox .pp-top .title, .pp-top .desc, .pp-jz .item .wenben, .pp-sm-item .wenben{
    width:100%;
    margin-bottom:20px;
  }
  .fj_ppwhBox .pp-top .wraps .pic, .pp-jz .item .pic, .pp-sm-item .pic{
    width:100%;
  }
  .pp-top .wraps .pic{
    position: static;
  }
  .pp-top .conts{
    padding:0px 20px;
    background: url(../image/fj-culture-brand-tab-pic.png) no-repeat 6px bottom;
    background-size: 28px auto;
  }
  .pp-wl,.pp-sm-cat,.pp-jk{
    padding:0px 16px;
  }
  .pp-wl .desc{
    width:100%;
  }

  .pp-jz{
    padding:50px 30px 0px 30px;
  }

  .pp-sm-other-main .item .pic{
    height:60vw;
  }
  .pp-sm-other-main .item{
    width:100%;
  }
  .pp-sm-other-main .item{
    border:none;
  }
  .pp-sm-other-main .item:nth-child(odd){
    padding:0px;
  }
  .pp-sm-other-main .item:nth-child(even){
    padding:0px;
  }

  .pp-qh .conts .items{
    width:100%;
    padding-bottom:20px;
    margin-bottom: 20px;
    border-right:none;
    border-bottom:1px dashed #C6A268;
  }
  .pp-qh .conts .items:last-child{
    border:none;
  }
  .swiper-jk-next{
    right:36%;
  }
  .swiper-jk-prev{
    left:36%;
  }
  .pp-jk .desc,.pp-jz .desc{
    width:100%;
  }
  .pp-qh{
    padding-bottom:20px;
  }

  .pp-sm-other-main .item{
    margin-bottom:40px;
  }
  .history .right{
    padding-left:0px;
  }
  .history{
    padding-top:15vh;
  }
  .history .item .ico{
    display: none;
  }
  .history .item .list{
    padding-left:0px;
  }
  .history .item .name{
    position: static;
    width:100%;
    text-align:left;
  }

  .history .item .name br{
    display:none;
  }
  .history .item{
    box-shadow:none;
  }
  .history .main{
    border:none;
  }
  .history .item .pic-item{
    width:100%;
    margin: 0px 10px 10px 0px;
  }
  .fj-swiper-open{
    width:90%;
    left:5%;
    margin-left:0px;
    height:70vw;
    z-index:10000;
    margin-top: -145px;
  }
  .fj-swiper-open .swiper-wh-pagination{
    top:58vw;
  }
  .fj-swiper-open-main .items .title{
    padding: 8px 20px 10px 75px;
  }
  .fj-open-close{
    right:-20px;
  }

  .fj-swiper-open-main .items{
    height:85%;
  }
  .fj-swiper-open-main .items .pic{
    display: block;
    height:100%;
  }
  .fj-swiper-open-main .items .pic-in{
    display: block;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .history .item .pic-item{
    height:75vw;
    padding:10px;
  }
  .history .item .img{
    height:60vw;
  }
  .history .item .title{
    font-size:14px;
  }
  .img-num{
    top:6px;
  }
  .history .item .img .img-in{
    display: flex;
    height:100%;
    width:100%;
    align-items: center;
    justify-content: center;
  }
  .history .item .title{
    padding:7px 10px 7px 0px;
  }
  .his-swiper-mob .swiper-slide{
    width:auto;
  }
  .his-swiper-mob .age-href br{
    display:none;
  }
  .his-swiper-mob .age-href{
    font-size:14px;
    font-weight:bold;
    color:#333;
    line-height:60px;
  }
  .age-sel .age-href{
    color:#B6000C;
  }
  .his-swiper-fixed{
    position: fixed;
    width:100%;
    left:0px;
    top:60px;
  }
  .history .left-mob{
    position: static;
    left:0px;
    border:none;
  }
  .history .left-mob-sel{
    background:#fff;
    top:60px;
    width:100%;
    padding:20px 0px;
    position: fixed;
    z-index: 100;
    border-bottom:1px solid #eee;
  }
.his-swiper-mob{
  border-top: 1px solid #E8E8E8;
  overflow: visible;
}
.his-swiper-mob .ico{
  width: 20px;
  height: 20px;
  position: absolute;
  background: red;
  left: 50%;
  margin-left: -10px;
  top: -10px;
  z-index: 100;
  background: #999999;
  border-radius:50%;
}
.his-swiper-mob .age-sel .ico{
  width: 24px;
  height: 24px;
  background: #E50113;
  margin-left: -12px;
  top:-12px;
}
.pp-jk .swipers{
  height:55vw;
}
.fj_wh_jbjz{
  padding: 55vw 16px 0!important;
}
.linecont .line-span{
  left:0px;
}
.pp-sp-title{
  background: url(../image/fj-num-six-bg.png) no-repeat center center;
  background-size: contain;
  left:0px;
  position: static;
  height:auto;
}

.jk-swiper .swiper-slide{
  width:56vw;
}
.jk-swiper .pics{
  display: flex;
  align-items: center;
  justify-content: center;
  height:37vw;
  padding:12px;
}


.pp-jz .conts{
  padding-top:140px;
}
.gy-swiper-thum .swiper-slide {
  width:144px;
}
.gy-bot-main{
  width:100%;
}
.pic-main,.gy-pic{
  width:100%;
}
.pic-main,.gy-pic{
  height:71vw;
}
.pic-main .pic{
  height:calc(71vw - 80px );
}
.yichan-center{
  margin-bottom:50px;
}
.swiper-button-next-big, .swiper-button-prev-big{
  display:none;
}
.yichan-bot .swiper-button-next-big, .yichan-bot .swiper-button-prev-big { display:block; 
  font-size:32px; bottom:-26px; line-height: 1; top:auto;
}
.yichan-bot .swiper-button-next-big{
  right: 36%;
}
.yichan-bot .swiper-button-prev-big{
  left: 36%;
}
.gy-swiper-bot{
  padding:0px 0px;
}
.gy-bot-main .pic{
  height:75px;
}
.pic-main .text{
  height:70px;
  line-height:70px;
}
.gy-item{
  display:block;
}
.gy-wenben{
  width:100%;
  height:auto;
}
.gy-desc{
  height:120px;
}
.gy-bot-main .text{
  font-size:12px;
}
.gy-swiper-sm .swiper-pagination {
  bottom: 20px;
  left: 0px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  width: 85px;
  background: #fff;
  padding-left: 20px;
}
.swiper-button-prev-in, .swiper-button-next-in{
  font-size:10px;
}
.gy-title{
  padding-bottom:30px;
}
.gy-in-title{
  padding-top:20px;
  height:70px;
}
.fj_container{
  padding-bottom:60px;
}
.top-tabs-href{
  width:130px;
  height:40px;
  line-height:40px;
  font-size:14px;
}
.gy-swiper-top{
  padding:0px 10px;
}

.yichan-center .yichan-pad{
  padding-top:140px;
}
  /*  汾酒文化  品牌文化 max-width:750px end  */


}
/*  max-width:750px end  */

@media screen and (max-width:500px){
  .history {
    padding-top: 28vh;
  }
  .yichan-center .sons{
  }
  .gy-bot-main{
    width:100%;
  }
}

@media screen and (max-width:400px){
  .history {
    padding-top: 35vh;
  }

}

@media screen and (max-width:380px){
  .history {
    padding-top: 45vh;
  }
}

