@charset "UTF-8";
.sliderbox .ad_txt {
  position: absolute;
  width: 339px;
  left: 50%;
  margin-left: -170px;
  top: 134px;
  text-align: center; }
  .sliderbox .ad_txt .title {
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 6.67px;
    line-height: 52px;
    margin-bottom: 30px;
    font-family: SimSun; }
  .sliderbox .ad_txt p {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 30px; }
  .sliderbox .ad_txt a {
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 3.69px;
    background: #BEA47A;
    display: inline-block;
    width: 155px;
    height: 36px;
    line-height: 36px; }
    .sliderbox .ad_txt a:hover {
      position: relative; }
      .sliderbox .ad_txt a:hover:after {
        content: "";
        background: url("../image/btn_more_w.svg") no-repeat scroll 0 0/auto 8px;
        display: inline-block;
        width: 16px;
        height: 8px; }

.w2 {
  width: 1120px;
  margin: 20px auto 0; }

.w_620 {
  width: 550px;
  margin-bottom: 20px;
  text-align: center; }
  .w_620 img {
    width: 100%; }
  .w_620 h2 {
    font-size: 24px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 112px; }
    .w_620 h2 span {
      font-size: 16px;
      color: #333333;
      letter-spacing: 1px;
      line-height: 20px;
      margin-bottom: 20px;
      display: block; }
  .w_620 p {
    font-size: 12px;
    color: #333333;
    letter-spacing: 3px;
    line-height: 16px;
    margin-bottom: 30px; }
  .w_620 a.btnMore {
    font-size: 12px;
    color: #333333;
    letter-spacing: 3px;
    line-height: 36px;
    border: 1px solid #333333;
    display: inline-block;
    width: 145px;
    height: 36px; }
    .w_620 a.btnMore:hover {
      position: relative; }
      .w_620 a.btnMore:hover:after {
        content: "";
        background: url("../image/btn_more.svg") no-repeat scroll 0 0;
        display: inline-block;
        width: 12px;
        height: 6px; }
  .w_620 .viewbtn {
    width: 64px;
    height: 64px;
    border-radius: 100px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .w_620 .viewbtn:hover:before {
      opacity: 0.9; }
    .w_620 .viewbtn:before {
      content: "";
      background: url("../image/view2.svg") no-repeat scroll 0 0/64px 64px;
      display: inline-block;
      height: 64px;
      width: 64px;
      opacity: 0.7; }

.fashoin_box .w_620 {
  padding-bottom: 60px; }
  .fashoin_box .w_620 .ad_txt {
    position: absolute;
    bottom: -10px;
    width: 480px;
    left: 50%;
    margin-left: -240px;
    background-color: #fff;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     }
    .fashoin_box .w_620 .ad_txt h3 {
      font-family: "Microsoft YaHei","寰蒋闆呴粦";
      font-size: 24px;
      color: #333333;
      letter-spacing: 3px;
      line-height: 26px;
      padding: 33px 0; }

.p_list {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  padding-top: 30px;
  padding-bottom: 30px; }
  .p_list .tab_list {
    text-align: center;
    margin-bottom: 33px; }
    .p_list .tab_list li {
      display: inline-block;
      font-family: 榛戜綋;
      font-size: 20px;
      color: #333333;
      letter-spacing: 1px; }
      .p_list .tab_list li a {
        opacity: 0.4; }
      .p_list .tab_list li.active a {
        opacity: 1; }
      .p_list .tab_list li span {
        margin: 0 8px;
        vertical-align: top;
        position: relative; }
        .p_list .tab_list li span:before {
          content: "";
          display: inline-block;
          width: 2px;
          height: 17px;
          background-color: #333;
          opacity: 0.4;
          vertical-align: middle; }

.p_item {
  box-sizing: border-box;
  float: left;
  padding: 5px;
  padding-bottom: 17px;
  text-align: center;
  width: 20%;
  font-family: "Microsoft YaHei",寰蒋闆呴粦,"MicrosoftJhengHei";
  letter-spacing: 1px;
  line-height: 18px;
  font-size: 12px;
  color: #333333;
  height: 317px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .p_item .pic_box {
    height: 270px;
    overflow: hidden; }
  .p_item img {
    width: 100%; }
  .p_item .img02, .p_item .p_link {
    display: none; }
  .p_item .p_name {
    margin-top: 11px; }
  .p_item.active {
    padding-bottom: 5px; }
    .p_item.active .img01 {
      display: none; }
    .p_item.active .img02, .p_item.active .p_link {
      display: block; }

.index_title, .aimer_story {
  text-align: center;
  font-family: 榛戜綋;
  color: #333333; }

.index_title {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 0 0 20px; }

.aimer_story {
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 22px;
  font-family: 榛戜綋; }
  .aimer_story a {
    font-family: 榛戜綋;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0.9px;
    line-height: 22px; }
  .aimer_story img {
    max-width: 100%; }

#indexslider {
  position: relative;
  overflow: hidden; }
  #indexslider .topslider {
    width: 999999999px;
    zoom: 1; }
    #indexslider .topslider:after {
      content: "";
      display: block;
      visibility: hidden;
      height: 0;
      clear: both; }
    #indexslider .topslider li {
      float: left; }

.index-pagination {
  bottom: 20px;
  height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3; }

.index-pagination li {
  display: inline-block;
  width: 150px;
  position: relative;
  height: 23px;
  margin-right: 4px;
  overflow: hidden; }

.index-pagination li a {
  position: relative;
  z-index: 1;
  display: block;
  padding: 16px 0px 5px 0px;
  height: 2px;
  color: #5f6a72;
  text-align: center; }

.index-pagination li a div {
  position: relative;
  z-index: 555;
  display: block;
  height: 1px;
  background: #FFFFFF;
  box-shadow: 0 0 1px 0 rgba(100, 99, 99, 0.5); }

.index-pagination li a div span {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 1px;
  width: 0px;
  background: #BEA47A; }

.aimerStory {
  border-top: 2px solid #979797;
  padding-top: 30px;
  text-align: center; }
  .aimerStory .bx-wrapper .bx-prev {
    left: -32px;
    background: url("../image/goLeft.png") no-repeat scroll 0 0; }
  .aimerStory .bx-wrapper .bx-prev:hover,
  .aimerStory .bx-wrapper .bx-prev:focus {
    background-position: 0 0; }
  .aimerStory .bx-wrapper .bx-next {
    right: -32px;
    background: url("../image/goRight.png") no-repeat scroll 16px 0; }
  .aimerStory .bx-wrapper .bx-controls-direction a {
    margin-top: -48px; }
  .aimerStory .btn-aimerStory a {
    border: 1px solid #333333;
    width: 144px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin: 30px;
    font-size: 12px;
    color: #333333;
    letter-spacing: 3px; }
    .aimerStory .btn-aimerStory a:hover {
      position: relative; }
      .aimerStory .btn-aimerStory a:hover:after {
        content: "";
        background: url("../image/btn_more.svg") no-repeat scroll 0 0;
        display: inline-block;
        height: 6px;
        width: 12px; }

.brandVideo {
  background: #000000 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  height: 550px;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 1000px;
  z-index: 999;
  display: none; }

.close {
  color: #ffffff;
  cursor: pointer;
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 10px; }
  .close:before {
    content: "";
    background: url("../image/close1.svg") no-repeat scroll 0 0;
    width: 20px;
    height: 20px; }

@media screen and (min-width: 1441px) {
  .w2 {
    width: 1260px; }

  .p_item {
    height: 370px; }

  .w_620 {
    width: 620px; }
  .p_item .pic_box{ height: auto; }
}



.swiper-container .ad_txt {position: absolute;width: 550px;left: 50%;margin-left: -170px;top: 134px;text-align: center; }
.swiper-container .ad_txt .ad_txt_title {font-size: 48px;  color: #FFFFFF;  letter-spacing: 6.67px;  line-height: 52px;  margin-bottom: 30px;  font-family: SimSun;}
.swiper-container .ad_txt p {font-size: 14px;  color: #FFFFFF;  letter-spacing: 0;  line-height: 21px;  margin:0 auto 30px;}
.swiper-container .ad_txt a {font-size: 12px;  color: #FFFFFF;  letter-spacing: 3.69px;  background: #BEA47A;  display: inline-block;  width: 155px;  height: 36px;  line-height: 36px; }
.swiper-container .ad_txt a:hover {position: relative;}
.swiper-container .ad_txt a:hover:after {content: "";background: url("../image/btn_more_w.svg") no-repeat scroll 0 0/auto 8px; display: inline-block;  width: 16px; height: 8px;}

.swiper-container {width: 100%;} 
.swiper-slide img{width: 100%;} 
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1.0;}
.swiper-pagination-bullet a{display:none}
.swiper-pagination-bullet-active {opacity: 1;background: #BDA579;}
.swiper-container .ad_txt{top: 50%;margin-top: -100px;}



@keyframes swiper
{	
	from {width: 0px;}
	to {width:150px}
}
@-webkit-keyframes swiper
{
	from {width: 0px;}
	to {width:150px}
}
@-moz-keyframes swiper
{
	from {width: 0px;}
	to {width:150px}
}