@charset "UTF-8";
.content{
  width: 100%;
  min-width: 1024px;
  padding-bottom: 40px;
}

.content.bt{
  border-top: 1px solid #d7d7d7;
}

/* about-us */
.banner-us{
  position: relative;
  width: 100%;
}
.banner-us .bg{
  display: block;
}

.banner-us .cnt{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44000000,endcolorstr=#44000000); /* ie8背景透明度 */
}

.banner-us .cnt .info{
  padding: 100px 300px;
  text-align: center;
  color: #ffffff;
}

.banner-us .cnt .info .tit{
  font-size: 40px;
  line-height: 50px;
}

.banner-us .cnt .info .line{
  width: 44px;
  height: 2px;
  background-color: #F2F2F2;
  margin: 20px auto;
}

.banner-us .cnt .info .desc{
  font-size: 14px;
  line-height: 24px;
}

.list-us{
  padding-top: 40px;
}

.list-us .hd,
.list-us .bd{
  width: 50%;
}

.list-us .hd .ul{
  margin-right: 20px;
}

.list-us .bd .ul{
  margin-left: 20px;
}

.list-us .ul .li{
  padding-bottom: 40px;
}

.list-us .item,
.list-us .item:hover{
  color: #222222;
}

.list-us .item .img{
  display: block;
  width: 100%;
}

.list-us .item .info{
  padding: 10px 0;
}

.list-us .item .info .tit{
  font-size: 13px;
  line-height: 24px;
  color: #666666;
}

.list-us .item .info .desc{
  font-size: 18px;
  color: #222222;
  line-height: 30px;
}

.banner{
  width: 100%;
}

.banner .img{
  display: block;
  width: 100%;
}

.banner .info{
  position: relative;
  width: 60%;
  background: #ffffff;
  color: #000000;
  margin: -78px auto 0 auto;
}

.banner .info .inner{
  padding: 36px 60px;
  text-align: center;
}

.banner .info .tit{
  font-size: 30px;
  line-height: 40px;
}
.banner .info .desc1{
  padding-top: 10px;
  font-size: 18px;
  line-height: 30px;
}
.banner .info .desc2{
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
}

.p-article{
  padding-top: 40px;
}

.p-article .row1 .txt{
  width: 28%;
  padding: 200px 2% 0 0;
}

.p-article .row1 .pic{
  width: 70%;
}

.p-article .row2{
  padding-top: 20px;
}

.p-article .row2 .txt{
  width: 40%;
  padding: 80px 0 0 10%;
}

.p-article .row2 .pic{
  width: 50%;
}

.p-article .txt{
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.p-article .txt .pb {
  padding-bottom: 40px;
}
.p-article img{
  display: block;
  width: 100%;
}

/* 品牌荣誉 */
.ho-list{
  padding: 180px 14.51389% 20px;
}

.ho-list .item{
  display: table;
  padding-bottom: 26px;
}

.ho-list .item .info{
  display: table-cell;
  vertical-align: middle;
  width: 55%;
}

.ho-list .item .info .tit{
  font-size: 72px;
  line-height: 80px;
  color: #222222;
  padding-bottom: 30px;
}
.ho-list .item .info .desc{
  color: #000000;
  font-size: 14px;
  line-height: 22px;
}

.ho-list .item .info .desc p{
  padding-bottom: 20px;
}

.ho-list .item .info .desc .bold{
  font-weight: bold;
}

.ho-list .item .img{
  display: block;
  width: 33.7573%;
}

.ho-list .item.odd .img{
  margin-left: 11.2%;
}
.ho-list .item.even .img{
  margin-right: 11.2%;
}

/* 品牌愿景 */
.c-article{
  padding-top: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.c-article .tit{
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 30px;
}

.c-article .desc{
  padding-bottom: 40px;
}

.c-article p{
  padding-bottom: 20px;
}

.c-article .bold{
  font-weight: bold;
}

.c-article .cell{
  padding-bottom: 10px;
}

.c-article .cell-hd{
  padding-bottom: 10px;
}

/* 品牌历史 */
.hi-article{
  padding-top: 40px;
}

.hi-article .slider{
  position: relative;
  padding: 40px 0;
}

.hi-article .slider .bd{
  width: 615px;
  margin: 0 auto;
}

.hi-article .slider .bd .img{
  display: block;
  /* width: 100%; */
  width: 615px;
  height: 406px;
}

.hi-article .slider .bd .info{
  padding: 50px 76px 20px;
}

.hi-article .slider .bd .tit{
  font-size: 14px;
  height: 22px;
  color: #222222;
  text-align: center;
}

.hi-article .slider .bd .sub{
  font-size: 14px;
  height: 22px;
  color: #060001;
  text-align: center;
  padding-top: 12px;
}

.hi-article .slider .hd{
  position: absolute;
  top: 0;
  left: 0;
}

.hi-article .slider .hd li{
  font-size: 12px;
  color: #666666;
  line-height: 30px;
  cursor: pointer;
}

.hi-article .slider .hd li.on{
  color: #222222;
  text-decoration: line-through;
}

.hi-article .slider a.prev,
.hi-article .slider a.next{
  position: absolute;
  top: 208px;
  width: 40px;
  height: 40px;
  /* margin-top: -20px; */
  z-index: 2;
}

.hi-article .slider .prev{
  left: 70px;
}
.hi-article .slider .next{
  right: 70px;
}

.hi-article .slider .txt{
  position: absolute;
  top: 160px;
  left: 130px;
  right: 130px;
  z-index: 2;
  font-size: 100px;
  line-height: 120px;
}

.hi-article .slider .txt .right{
  filter: alpha(opacity=20);
  opacity: 0.2;
}

/* 企业规模 */
.co-article{
  padding-top: 30px;
}

.co-article .left{
  width: 36.75%;
}
.co-article .right{
  width: 51.25%;
}

.co-article .tit{
  font-size: 30px;
  line-height: 40px;
  padding: 40px 0;
  color: #000000;
}

.co-article .desc{
  color: #222222;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 36px;
}

/* 十大特色服务 & 金银细工制作技艺 */
.se-list{
  padding-top: 40px;
}

.si-list{
  padding-top: 40px;
}

.se-list .item{
  width: 30.5556%;
  margin-bottom: 30px;
}

.se-list .item.mr,
.si-list .item.mr{
  margin-right: 4.1667%;
}

.se-list .item .img,
.si-list .item .img{
  display: block;
  width: 100%;
}

.se-list .item .tit{
  padding-top: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  font-weight: bold;
}

.si-list .item{
  width: 30.5556%;
  margin-bottom: 50px;
}

.si-list .item .tit{
  padding-top: 20px;
  font-size: 18px;
  line-height: 22px;
  color: #222222;
  font-weight: bold;
}

.si-list .item .desc{
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
}

/* product */
.pro-tit{
  color: #000000;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  padding: 40px 30px 40px;
}
.pro-desc{
  font-size: 14px;
  line-height: 22px;
  padding: 0 30px;
  text-align: center;
}

.pro-list{
  padding: 30px 0;
}
.pro-list .item{
  width: 33.33%;
  margin-bottom: 20px;
}
.pro-list .item .inner{
  height:100%;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
}
.pro-list .item .inner .pro{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(202,202,202);
}

.pro-list .item .img{
  display: block;
  background: #F2F2F4;
}

.pro-list .item .bg{
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 1px;

  background: rgb(236,236,236); /* ie8背景透明度 */
}

.pro-list .item .bg.on{
  display: block;
}

.pro-list .item .cnt{
  display: table;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pro-list .item .info{
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;

  font-size: 14px;

}

.pro-list .item .tag{
  display: none;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}
.pro-list .item .tit{
  font-size: 18px;
  color: #222222;
  line-height:2.5;
}

/* 大师风采 */
.mas-list{
  padding-top: 30px;
}

.mas-list .item{
  width:30%;
  margin: 0 1.66665%;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


.mas-list .item .hd{
  position: relative;
  width: 100%;
  cursor: pointer;
}

.mas-list .item .img{
  display: block;
  width: 100%;
}

.mas-list .item .bg{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  transition: all .5s;
}

.mas-list .item .bg.on{
  opacity: 1;
}
.mas-list .item .hd .info{
  padding: 20px;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  overflow: hidden;
}

.mas-list .item .hd .name{
  font-size: 18px;
  padding-bottom: 8px;
}

.mas-list .item .hd .hobby{
  padding-bottom: 16px;
}

.mas-list .item .bd{
  color: #222222;
  font-size: 14px;
  line-height: 22px;

  padding: 0 4% 20px;

}
.mas-list .item .bd.on{
  opacity: 1;
}

.mas-list .item .bd .name{
  font-size: 18px;
  /* margin-bottom: 10px; */
}

.mas-list .item .bd .job{
  height: 22px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  position: relative;
  padding-left: 10px;
}
.mas-list .item .bd .job::after {content: ''; width: 4px; height: 4px; background: #000000; position: absolute; left:0; top: 50%; margin-top: -2px;}
.mas-list .item .bd .name { 
  /* border-bottom: 1px dashed #222222;  */
  line-height:3;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;}
/* 名人代言 */
.rep-article{
  padding: 30px 0;
}

.rep-article img{
  display: block;
  width: 100%;
}

.rep-article p{
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}

/* 门店 */

.store-search{
  width: 526px;
  margin: 16vw auto;
}

.store-search .input{
  display: block;
  width: 260px;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 22px;
  height: 44px; box-sizing: border-box;
  margin-right: 10px;
}

.store-search .input::placeholder{
  color: #666666;
}

.store-search .select{
  position: relative;
  width: 179px;
  height: 42px;
  border: 1px solid #222222;
  cursor: pointer;
 margin-right: 10px;
}
.store-search select{
  position: relative;
  width: 179px;
  height: 44px;

  cursor: pointer;
  float: left;
  margin-right: 10px;
}
.store-search .select .current{
  padding: 10px 16px;
  line-height: 22px;
  font-size: 12px;
  color: #000000;
}

.store-search .select .list{
  position: absolute;
  top: 44px;
  left: -1px;
  right: -1px;
  display: none;
  padding: 16px 15px;
  background: #ffffff;
  border: 1px solid #D7D7D7;
  border-top: none;
  z-index: 2;
}

.store-search .select .list.on{
  display: block;
}

.store-search .select .item{
  font-size: 12px;
  line-height: 24px;
  color: #000000;
}

.store-search .btn{
  display: block;
  width: 66px;
  height: 44px;
  background: rgb(189,166,124);
}
.searchCont { margin-bottom: 40px; background: url(../images/shopImg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.searchCont1 { margin-bottom: 40px; background: url(../images/shopImg1.jpg) center no-repeat; background-size: 100% 100%; overflow: hidden;}
.searchCont2 { margin-bottom: 40px; background: url(../images/shopImg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.searchCont3 { margin-bottom: 40px; background: url(../images/shopImg3.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.store-search .btn .ico{
  display: block;
  width: 30px;
  height: 30px;
  margin: 7px auto;
}

.bd-map{
  width: 60%;
  height: 644px;
  overflow: hidden;
}

.bd-map .point{
  position: absolute;
  cursor: pointer;
}

.bd-map .point .bg{
  width: 34px;
  height: 43px;
  background: url('../images/ico_location_01.png') 50% 50% no-repeat;
  background-size: 34px 43px;
}
.bd-map .point .bg.on{
  background: url('../images/ico_location_02.png') 50% 50% no-repeat;
  background-size: 34px 43px;
}

.bd-map .point .txt{
  font-size: 18px;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
}

.shop-list{
  width: 100%;
  min-height: 644px;
  background: #ffffff;
  /* overflow: hidden; */
  overflow-x: hidden;
  overflow-y: auto;
}

.shop-list .title{
  position: relative;
  padding: 22px 40px 30px 30px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
}

.shop-list .title .tit{
  font-size: 20px;
  color: #222222;
}

.shop-list .title .place-list{
  position: absolute;
  top: 60px;
  left: 30px;
  right: 30px;
  display: none;
  background: #f7f7f7;
  z-index: 10;
}

.shop-list .title .place-list.on{
  display: block;
}

.shop-list .place-list .row{
  padding: 20px 30px;
  color: #000000;
}

.shop-list .place-list .col{
  width: 25%;
}

.shop-list .place-list li{
  padding-bottom: 6px;
}

.shop-list .place-list a,
.shop-list .place-list a:hover,
.shop-list .place-list a:link,
.shop-list .place-list a:visited,
.shop-list .place-list a:active{
  color: #000000;
}

.shop-list .title .link{
  padding-left: 20px;
  cursor: pointer;
}
.shop-list .title .link:hover{
  text-decoration: underline;
}

.shop-list .list{
  padding: 0 20px 0 14px;
}

.shop-list .list li{
  padding: 10px 4%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  float: left;
  width: 50%;
  border-bottom: 1px solid #eee;
  position: relative;
}
.shop-list .list li::after { content: ''; position: absolute; right: 4%; top: 20px; bottom: 20px; width: 1px; background: #EEEEEE;}
.shop-list .list li:nth-child(2n)::after { display: none;}
.shop-list .list li:nth-child(2n) { float: right;}
.shop-list .list li.on{
  border-color: #222222;
}

.shop-list .list .item {
  position: relative;
  color: #000000;
  line-height: 32px;
  font-size: 13px;
  /* cursor: pointer; */

 padding-bottom: 10px;
}

.shop-list .list .item .tit{
  font-size: 18px;
  color: #222222;
  margin-bottom: 2px;

}


.shop-list .list .item .time{
  width: 60%;
  padding-left: 22px;
  display: none;
}
.shop-list .list .item .address{overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
#storeList .desc  {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.shop-list .list .desc .ico{
  position: relative;
  width: 18px;
  color: #ffffff;
  line-height: 16px;
  text-align: center;
  margin-top: 4px;
  margin-right: 14px;
}

.shop-list .list .desc .ico img{
  display: block;
  width: 18px;
}

.shop-list .list .desc .ico .txt{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.shop-list .list .item .tel span{
  color: #666666;
}

.shop-list .list .item .btn{
  position: absolute;
  bottom: 8px;
  right: 0;
  font-size: 14px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-bottom: 2px solid #000000;
}

.shop-list .no-list{
  display: none;
  padding: 20px 40px;
  line-height: 24px;
  font-size: 14px;
  color: #999999;
  text-align: center;
}

.shop-list .no-list.on{
  display: block;
}

.store-more {
  display: none;
  text-align: center;
  padding: 30px;
}
.store-more.on{
  display: block;
}

.store-more .btn{
  display: inline-block;
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  border-bottom: 1px solid #000000;
}
.store-more .btn:hover{
  text-decoration: none;
}
/**/
.dn {display: none;}
.historyVideo { padding:20px; position: relative;}
.historyVideo video{ display: block; width: 100%; outline: none; }
.historyVideo span.playBtn img{ cursor: pointer; position: absolute; left: 50%; display: block; top: 50%; transform: translate(-50%,-50%);}
.historyVideo span.playBtn { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.swiperSlide {position: relative;}
.slideInfor { width: 646px; margin: 0 auto;}
.swiperSlide img { display: block;width: 100%;}
.swiperSlide .swiper {overflow: hidden; width: 100%; height: 100%;}
.swiperList .swiper-button-next:after,.swiperList .swiper-button-prev:after{ display: none;}
.swiperList .swiper-button-next,.swiperList .swiper-button-prev { width: 40px;}
.swiperList .swiper-button-next {right:70px; left: auto;}
.swiperList .swiper-button-prev {left: 70px;}
.swiperMenu { z-index: 2; position: absolute;left: 0;top: 0;}
.swiperMenu span {line-height: 30px; font-size: 12px; color: #666666; cursor: pointer; display: block;}
.swiperMenu span.cur { color: #222222; text-decoration: line-through;}
.honorSwiper  {position: relative;}
.honorSwiper .txt{
  position: absolute;
  top: 160px;
  left: 130px;
  right: 130px;
  z-index: 2;
  font-size: 100px;
  line-height: 120px;
}

.honorSwiper .txt .right{
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.tel img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px;}
.tel {position: relative;padding-left: 32px;}
.pro-menu {width: 1200px; margin: 0 auto 2.6vw; overflow: hidden;}
.pro-menu .t-item { font-size: 16px; line-height: 2; width: 20%; float: left;}
.pro-menu .t-item a { color: #222222; text-decoration: none; transition: all .5s;}
.pro-menu .t-item a:hover { color: #915d14;}
.pro-menu .t-item.cur a{ color: #915d14;}
.representTxt p {text-align: center; font-size: 20px; padding:4vw 40px;}
.location { border-top: 1px solid #d7d7d7; }
.location a { text-decoration: none; color: #545454;}
.locationMenu {background: url(../images/cbjIcon1.jpg) left center no-repeat; font-size: 14px; color: #545454; padding-left: 33px; line-height: 100px;}
.cbjCont { position: relative; overflow: hidden;}
.cbgTxt { padding: 5.2vw 0; float: right; width: 50%;}
.cbgTxt h2 { line-height: 3; margin-bottom: 20px; position: relative; font-size: 24px; color: #545454;}
.cbgTxt h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #545454;}
.cbgTxt p { margin-bottom: 16px; font-size: 16px; line-height: 2; text-indent:32px;}
.cbgImg { position: absolute; left: 0; width: 45%; height: 100%; overflow: hidden;}
.cbgImg img { height: 100%; object-fit: cover; width: 100%;}
.cbgPic { margin-top: 40px; overflow: hidden;}
.cbgPic span { float: left; width: 32%; margin-right: 2%;}
.cbgPic span:nth-child(3n) { margin-right: 0;} 
.cbgTxt.fxtxt { padding: 2.6vw 0;}
 @media (max-width: 1440px) {
.honorSwiper .txt { font-size: 24px; left: 120px; right: 120px;}
}