@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-10-27 10:04:32
 * @version $Id$
 */

/*品牌代言人*/
.poster-box { }
.poster-box-wrap { width: 100%; max-width: 1342px; margin: 0 auto; }
.poster-box ul li { overflow: hidden; margin-bottom: 60px; }
.poster-box .b-pic { width: 70%; float: left; }
.poster-box .words { width: 29%; float: right; padding: 30px 120px; color: #666; font-size: 22px; background-color: #fff; margin-top: 108px; -webkit-writing-mode: vertical-rl; text-align: right; line-height: 70px; height: 427px; letter-spacing: 6px; }
.poster-box .words p { font-size: 22px; }
.poster-box .words h3 { font-size: 28px; }

/*品牌历程*/
.brand-box-wrap { width: 100%; padding: 0 0px; max-width: 1342px; margin: 0 auto; }
.brand-box-wrap p img{ width: 100%;}
/*品牌理念*/
.brand-box { line-height: 32px; padding-bottom: 50px; }
.brand-box .txc { text-align: center; margin-bottom: 20px; }
.brand-box .p-pic { width: auto; margin: 0 auto; }
.brand-box .p-pic img { width: auto; margin: 0 auto; }
.brand-box .lc { width: 100%; display: none; }
.brand-box .lc img { width: 100%; }
.swiper-container-horizontal>.swiper-pagination { bottom: 20px }
.swiper-pagination-bullet { width: 15px; height: 15px; background: transparent; margin: 0 10px; border: 2px solid #fff; border-radius: 50%; opacity: 1; }
.swiper-pagination-bullet-active { background: #fff; }
table.band { color: #666666; font-size: 14px; }
table.band tr { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; margin-bottom: 10px; }
table.band td { padding: 20px; vertical-align: top; line-height: 26px; }
table.band p { color: #0b80cd; font-size: 26px; }
.nf { font-size: 14px; color: #666; line-height: 26px; }
.nf .date { color: #0b80cd; font-size: 30px; }
.nf .words { margin: 10px 0; line-height: 19px; height: 60px;max-width:280px; }


/*品牌列表*/
.brand-list-box { }
.brand-list-box-wrap { max-width: 1342px; margin: 0 auto; }
.brand-list { }
.brand-list li { background-color: #fff; overflow: hidden; margin-bottom: 40px; }
.brand-list li .words { width: 50%; float: left; padding: 70px 40px; }
.brand-list li .b-pic { width: 50%; float: left; }
.brand-list li .date { color: #999; font-size: 12px; margin-bottom: 5px; }
.brand-list li .title { font-size: 20px; color: #333; margin-bottom: 30px; }
.brand-list li .tips { font-size: 14px; color: #818080; margin-bottom: 30px; }
.brand-list li .btn02 { display: inline-block; padding: 5px 30px; background-color: #fafafa; color: #999; border: 1px solid #c2c2c2; text-align: center; }
.brand-list li .btn02:hover, .brand-list li .btn02:active { background-color: #494949; color: #fff }

/*品牌详情*/
.brand-detial { line-height: 32px; padding: 50px 0; }
.brand-detial .pic { padding: 50px 0; }











@media screen and (min-width:1025px) and (max-width:1342px) {

  /*品牌代言人*/
  .poster-box { padding: 10px; }
  .poster-box ul li { margin-bottom: 20px; }
  .poster-box .b-pic { width: 100%; float: none; }
  .poster-box .words { width: 100%; height: auto; margin-top: 10px; -webkit-writing-mode: initial; padding: 10px; float: none; font-size: 16px; line-height: 32px; }
  .poster-box .words p { font-size: 16px; margin: 0; }
  .poster-box .words h3 { font-size: 18px; margin: 0; }

  /*品牌列表*/
  .brand-list { padding: 10px; }
  .brand-list li { margin-bottom: 20px; }
  .brand-list li .words { padding: 30px; }
  .brand-list li .title { }
  .brand-list li .tips { overflow: hidden; }
  .brand-list li .btn02 { }
  .brand-list li .b-pic { width: 50%; }
  .brand-list li .date { }

  /*品牌详情*/
  .brand-detial{padding: 20px 10px;}
  .brand-detial .pic{padding: 10px 0;}
  .brand-detial .pic img{width: 100%;}
}
@media screen and (min-width:769px) and (max-width:1024px) {

  /*品牌代言人*/
  .poster-box { padding: 10px; }
  .poster-box ul li { margin-bottom: 20px; }
  .poster-box .b-pic { width: 100%; float: none; }
  .poster-box .words { width: 100%; height: auto; margin-top: 10px; -webkit-writing-mode: initial; padding: 10px; float: none; font-size: 16px; line-height: 32px; }
  .poster-box .words p { font-size: 16px; margin: 0; }
  .poster-box .words h3 { font-size: 18px; margin: 0; }

  /*品牌历程*/
  .brand-box { padding-bottom: 20px; }
  .swiper-container { display: none; }
  .brand-box .lc { display: block; }

  /*品牌列表*/
  .brand-list { padding: 10px; }
  .brand-list li { margin-bottom: 20px; }
  .brand-list li .words { padding: 30px; }
  .brand-list li .title { }
  .brand-list li .tips { overflow: hidden; }
  .brand-list li .btn02 { }
  .brand-list li .b-pic { width: 50%; }
  .brand-list li .date { }

  /*品牌详情*/
  .brand-detial{padding: 20px 10px;}
  .brand-detial .pic{padding: 10px 0;}
  .brand-detial .pic img{width: 100%;}
}
@media screen and (min-width:641px) and (max-width:768px) {

  /*品牌代言人*/
  .poster-box { padding: 10px; }
  .poster-box ul li { margin-bottom: 20px; }
  .poster-box .b-pic { width: 100%; float: none; }
  .poster-box .words { width: 100%; height: auto; margin-top: 10px; -webkit-writing-mode: initial; padding: 10px; float: none; font-size: 16px; line-height: 32px; }
  .poster-box .words p { font-size: 16px; margin: 0; }
  .poster-box .words h3 { font-size: 18px; margin: 0; }

  /*品牌历程*/
  .brand-box { padding-bottom: 20px; }
  .swiper-container { display: none; }
  .brand-box .lc { display: block; }

  /*品牌列表*/
  .brand-list { padding: 10px; }
  .brand-list li { margin-bottom: 20px; }
  .brand-list li .words { padding: 10px; padding-right: 0; }
  .brand-list li .title { font-size: 15px; margin-bottom: 10px; }
  .brand-list li .tips { overflow: hidden; margin-bottom: 10px; font-size: 12px; }
  .brand-list li .btn02 { padding: 2px 10px; font-size: 12px; }
  .brand-list li .b-pic { width: 50%; }
  .brand-list li .date { margin-bottom: 10px; }

  /*品牌详情*/
  .brand-detial{padding: 20px 10px;}
  .brand-detial .pic{padding: 10px 0;}
  .brand-detial .pic img{width: 100%;}
}

@media screen and (min-width:311px) and (max-width:640px) {

  /*品牌代言人*/
  .poster-box { padding: 10px; }
  .poster-box ul li { margin-bottom: 20px; }
  .poster-box .b-pic { width: 100%; float: none; }
  .poster-box .words { width: 100%; height: auto; margin-top: 10px; -webkit-writing-mode: initial; padding: 10px; float: none; font-size: 16px; line-height: 32px; }
  .poster-box .words p { font-size: 16px; margin: 0; }
  .poster-box .words h3 { font-size: 18px; margin: 0; }

  /*品牌历程*/
  .brand-box { padding-bottom: 20px; }
  .swiper-container { display: block; }
  .brand-box .lc { display: none; }
    .brand-box .p-pic img {
        width:50%;margin:0 10px;
    }
    .nf .date {
        font-size:8px;
    }
    .nf .words {
        width:auto;height:auto;margin:0px;font-size:8px;
    }
    .nf img {
        width:100%;
    }
    
  /*品牌列表*/
  .brand-list { padding: 10px; }
  .brand-list li { margin-bottom: 20px; }
  .brand-list li .words { padding: 5px; padding-right: 0; }
  .brand-list li .title { font-size: 13px; margin-bottom: 2px; }
  .brand-list li .tips { height: 20px; overflow: hidden; margin-bottom: 2px; font-size: 12px; }
  .brand-list li .btn02 { padding: 0px 5px; font-size: 12px; }
  .brand-list li .b-pic { width: 50%; }
  .brand-list li .date { margin-bottom: 2px; }

  /*品牌详情*/
  .brand-detial{padding: 20px 10px;}
  .brand-detial .pic{padding: 10px 0;}
  .brand-detial .pic img{width: 100%;}
}
@media screen and (max-width:320px) {

  /*品牌代言人*/
  .poster-box { padding: 10px; }
  .poster-box ul li { margin-bottom: 20px; }
  .poster-box .b-pic { width: 100%; float: none; }
  .poster-box .words { width: 100%; height: auto; margin-top: 10px; -webkit-writing-mode: initial; padding: 10px; float: none; font-size: 16px; line-height: 32px; }
  .poster-box .words p { font-size: 15px; margin: 0; }
  .poster-box .words h3 { font-size: 18px; margin: 0; }

  /*品牌历程*/
  .brand-box { padding-bottom: 20px; }
  .swiper-container { display: none; }
  .brand-box .lc { display: block; }

  /*品牌列表*/
  .brand-list { padding: 10px; }
  .brand-list li { margin-bottom: 20px; }
  .brand-list li .words { padding: 5px; padding-right: 0; width: 100%; }
  .brand-list li .title { font-size: 13px; margin-bottom: 2px; }
  .brand-list li .tips { height: 20px; overflow: hidden; margin-bottom: 2px; font-size: 12px; }
  .brand-list li .btn02 { padding: 0px 5px; font-size: 12px; }
  .brand-list li .b-pic { width: 100%; }
  .brand-list li .date { margin-bottom: 2px; }

  /*品牌详情*/
  .brand-detial{padding: 20px 10px;}
  .brand-detial .pic{padding: 10px 0;}
  .brand-detial .pic img{width: 100%;}
}

.brand-detial img{max-width:100%;}