﻿/*topmain*/
.topmain{width: 100%;min-height:20px;background: url(../img/yuan.png) no-repeat 43% 17vw;background-size:40%;}
.diamonds{width: 100%;height: 39vw;position: relative;margin-bottom:7vh;}
.diamonds>.bj{width:46%;height: 39vw;position: absolute;left: 0;top:0;}
.dia_tab{float: left;margin-left:46%;padding-left: 19px;}
.dia_tab>li{cursor: pointer;font-size: 18px;color: #707070;padding-top: 1.5vw;}
.dia_tab>li:hover{color: #ff828e;}
.tabactive{color: #ff828e!important;}
.tabdiv{position: absolute;width:19%;height: 23vw;bottom:0;left:36%;}
.s1{background: url(../img/s1.png) right bottom no-repeat;background-size: cover;position: absolute;width: 19%;height: 23vw;bottom: -9%;left: 33%;padding: 0 3% 4% 3%;z-index: -1;display: block;}

.tabd{display: none;}
.swiper-container2 .swiper-slide{cursor: pointer;}
.swiper-container2 .swiper-slide img{width: 100%;height:100%;}
.diasum{width:23%;height: 21vw;position:absolute;bottom:0;left:59%;}
.diasum>.num{width:100%;height:40px;}
.diasum>.num>img{max-height:100%;width:auto;}
.diasum>.sum{font-size:18px;color:#ff96a0;line-height:20px;padding: 1vw 0;}
.diasum>p{color:#626262;line-height:1.5vw;text-indent:2em;padding-right:5%;}
.more{color:#bfbfbf!important;font-size:14px;display:block;padding-top:3vh;transition: all .3s;}
.more:hover{color:#ff96a0!important;}
.mr{margin-right:19%;}.ml{margin-left:19%;}
.ind_tit{height:80px;}
.ind_tit>h3{line-height: 1;padding-bottom:9px;white-space:pre!important;}
.ind_tit>.in_tit{width:100%;line-height: 20px;}
.ind_tit>.in_tit>i{display: inline-block;font-size: 20px!important;color: #313131;white-space: pre;}
.ind_tit>.in_tit>span{padding-left:15px;display:inline-block;vertical-align: middle;}
.ind_tit>.in_tit>span img{padding-top:6px;}
.line{display: block;width:18%;height: 1px;background: #ff828e;position: absolute;}
.diamonds>.ind_tit{padding-top: 8vh;}
.diamonds>.line{top: calc(8vh + 30px);}
.emet{position: relative;top:220px;}
/*黄金*/
.gold{width: 100%;position:relative;min-height:40vw;background:url(../img/goldbj.png) no-repeat 77% bottom;background-size:33%;}
.gold>.bj{position:absolute;right:0;height: 36vw;width:28.5%;z-index:1000;}
.gold>.line{top:20px;}
.goldtab{right: 30%;text-align: right;width:45%;padding-top: 1.5vw;position:absolute;z-index: 100000;top: 0;}
.goldtab>li{display:inline-block;font-size: 18px;color: #707070;padding-right: 3%;cursor: pointer;}
.golddiv{position: absolute;width:36%;height: 31vw;right:26%;z-index:1000;top: 5vw;}
.goldhid{width:100%!important;height:100%;display: none;}
.goldhid .swiper-slide{width:100%;height:28vw!important;display: block;}
.goldhid .swiper-slide img{width: 100%;height: 100%;}
.goldhid .swiper-button-prev,.goldhid .swiper-button-next{margin-top: 0;top:28vw;background-size:100% 100%!important;height:3vw;width:3vw;}
.goldhid .swiper-button-prev{background: url(../img/prevbtn.jpg) no-repeat 0 0;left: 0;}
.goldhid .swiper-button-next{background: url(../img/nextbtn.jpg) no-repeat 0 0;right:inherit;left:3vw;}
.mo{background:url(../img/mo.png) no-repeat 0 0;background-size: 100% 100%;z-index: 100;position:absolute;width:40%;height: 33vw;right:25%;top:5vh;}
.goldsum{width:18%;height:39vh;position:absolute;top:20vh;left:19%;}
.num{width:100%;height:40px;}
.num>img{max-height:100%;width:auto;}
.sum{font-size:18px;color:#ff96a0;line-height:20px;padding: 1vw 0;}
.info{color:#626262;line-height:1.5vw;text-indent:2em;padding-right:2%;}
/*k金*/
.kgold{width:81%;background:url(../img/kjbj.jpg) no-repeat 6% 3%;min-height: 41vw;margin: 9vh 0 0 19%;background-size:58%;position: relative;}
.kgold>.line{top: 25px;}
.kgold .bj{width: 65%;height: 41vw;background:url(../img/kjmo.png) no-repeat 0 0;background-size:100% 100%;margin-left:-4%;position:relative;z-index:1;}
.kjdiv{width:56%;height: 40vw;position:absolute!important;left:0;top:5vh;z-index:10000000;}
.kjdiv .swiper-slide{display:block;height: 35.5vw;}
.kjdiv .swiper-slide>img{width:100%;height:100%;}
.ksum{background:#fff5f6;float:right;width:23%;height: 28vw;position:absolute;left:56%;top: 5vw;padding: 5vw 2% 0;box-sizing:border-box;}
/*珍珠翡翠和彩宝*/
.pearl{width:100%;min-height:768px;position: relative;margin-bottom: 43px;}
.pearcon{width:1200px;min-height:768px;margin:0 auto;position:relative}
.pearl .lin1{top:25px;}
.pearl .lin2{top:247px;}
.emerald{width:356px;height: 457px;position: absolute;right: 0;bottom: 0;}
.feicon{width: 582px;height: 462px;background: #fff5f6;position:absolute;top:192px;left:310px;box-shadow: 0px 0px 30px #dcdcdb;padding: 0 75px;box-sizing: border-box;}
.feitab{position:absolute;left:382px;top:147px;}
.feitab>li{float:left;color: #959595;font-size: 18px;padding-right: 28px;line-height: 1;cursor: pointer;}
.feidiv{width:358px;height: 503px;position: absolute;left: 0;top:115px;}
.feihid{width:358px;height:503px;display: none;}
.feihid .swiper-slide{width:358px;height:459px;background:#fff3f4;}
.feihid .swiper-slide>img{width: 100%;height:100%;}
.feihid .swiper-button-prev,.feihid .swiper-button-next,.emerald .swiper-button-prev,.emerald .swiper-button-next{width:45px;height:44px;margin-top: 0;bottom: 0!important;top: inherit;background-size: 100% 100%;}
.feihid .swiper-button-prev,.emerald .swiper-button-prev{background: url(../img/prevbtn.jpg) no-repeat 0 0;left: 0;}
.feihid .swiper-button-next,.emerald .swiper-button-next{background: url(../img/nextbtn.jpg) no-repeat 0 0;left:45px;right: inherit;}
.swiper-container10{width: 100%;height: 100%;}
.swiper-container10 .swiper-slide{width: 100%;height: 100%;}
.swiper-container10 .swiper-slide>img{width: 100%;height: 100%;}
.emerald .swiper-button-prev{left: -90px;bottom:71px!important;}
.emerald .swiper-button-next{left: -45px;bottom:71px!important;}
.feisum{width:270px;}
.feisum:first-of-type{padding-top:35px;}
.feisum:last-of-type{position: relative;top: -80px;}
.feisum .more{padding-top:20px;}
.pearl>.line{width: calc((100% - 1200px)/2.1);}
/*store*/
.store{width:1200px;min-height:200px;margin: 0 auto 40px;}
.storediv{width: 100%;height: 503px;margin-top:50px;}
.swiper-container11{width: 100%;height: 100%;}
.swiper-container11 .swiper-slide{width: 240px/*!important*/;height: 503px/*!important*/;height: auto;float: left;display: block;position: relative;cursor:pointer;}
.sto1,.sto2,.sto3,.sto4{display: block;position:absolute;background:#ff828e;transition:all 0.5s;}
.sto1,.sto2{width:0;height: 1px;}
.sto3,.sto4{width:1px;height:0px;}
.sto1,.sto3{left:9px;top: 10px;}
.sto2,.sto4{right: 9px;bottom: 10px;}
.swiper-container11 .swiper-slide:hover .sto1,.swiper-container11 .swiper-slide:hover .sto2{width:222px;}
.swiper-container11 .swiper-slide:hover .sto3,.swiper-container11 .swiper-slide:hover .sto4{height:483px;}
.swiper-container11 .swiper-slide .img{width:240px;height:377px;position:absolute;}
.swiper-container11 .swiper-slide .img>img{width:100%;height:100%;}
.swiper-container11 .swiper-slide .inff{width:240px!important;height:126px;text-align:center;transition:all 0.5s;position:absolute;}
.swiper-container11 .swiper-slide .inff>h3{color: #ff828e;font-size: 20px;line-height:1;/* padding-top:27px; */height: 0;overflow: hidden;transition: all .3s;}
.swiper-container11 .swiper-slide .inff .blo{width:33px;height:1px;display:inline-block;background:#ff828e;margin-top:40px;}
.swiper-container11 .swiper-slide .inff>h4{font-size:16px;color:#626262;line-height:1;padding-top:10px;font-weight:400;}
.swiper-container11 .swiper-slide:nth-child(2n-1) .img{top:0;left:0;}
.swiper-container11 .swiper-slide:nth-child(2n) .img{bottom:0;left:0;}
.swiper-container11 .swiper-slide:nth-child(2n-1) .inff{bottom:0;left:0;}
.swiper-container11 .swiper-slide:nth-child(2n) .inff{top:0;left:0;}
.swiper-container11 .swiper-slide:hover .inff>h3{height:auto;padding-top:27px;}
.swiper-container11 .swiper-slide:hover .inff .blo{margin-top:7px;}
.swiper-container11 .swiper-slide:hover .inff>h4{font-size:14px;}
/*新闻*/
.news{width:100%;min-height:200px;padding:52px 0 60px;background: #fff5f6;}
.newscon{width:1200px;margin: 0 auto;}
.newsdiv{width: 100%;margin-top: 37px;}
.newsdiv .fir{width:292px;height: 574px;background: #ffe3e6;cursor:pointer;}
.newsdiv .fir .img{width:292px;height:457px;position:relative;}
.newsdiv .fir .img>img{width:100%;height:100%;}
.newsdiv .fir .img .kuang{width:90%;height:94%;border:1px solid #ff828e;position:absolute;left:5%;top:3%;opacity:0;}
.newsdiv .fir .newinf{width:292px;height:117px;text-align:center;line-height:1;}
.newsdiv .fir .newinf .blo{display:inline-block;width:70px;height:1px;background:#ff828e;margin-top:39px;}
.newsdiv .fir .newinf>h3{color:#313131;font-size:16px;font-weight:400;line-height: 22px;padding: 10px 15px 0;}
.newsdiv .fir:hover .kuang{transition:all 1s;opacity:1;}
.newsdiv .secnew{width:571px;margin-left:22px;cursor: pointer;}
.newsdiv .secnew .cennew{width:571px;height:255px;background:#ffe3e6;margin-bottom:22px;position: relative;box-sizing:border-box;padding:72px 40px 0 32px;}
.newsdiv .secnew .cennew .jiao{position: absolute;display: block;border-top:14px solid #ffe3e6;bottom:-13px;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;}
.newsdiv .secnew .img{width:572px;height:294px;position:relative;}
.newsdiv .secnew .img .kuang{width:94%;height:90%;border:1px solid #ff828e;position:absolute;left:3%;top:5%;transition:all 1s;opacity:0;}
.newsdiv .secnew:hover .img .kuang{opacity:1;}
.newsdiv .secnew .cennew>h3{font-size:16px;color:#ff828e;padding-bottom:25px;font-weight: 400;}
.newsdiv .secnew .cennew>p{font-size:12px;color:#626262;line-height:25px;}
@media only screen and (min-width: 1000px) and (max-width:1500px){
	.ksum{height: 28vw;top: 8vw;padding: 5vw 1% 0;}.feisum:last-of-type{top:-40px;}
}
@media only screen and (min-width: 100px) and (max-width:880px){
.news{width:100vw;min-height:200px;padding:6vw 0 3vw;background:none!important;}
.newscon{width:94vw;}
.newsdiv{width: 100%;margin-top:6vw;}
.newsdiv .fir{width:46vw;height: 105vw;}
.newsdiv .fir .img{width:46vw;height: 72vw;height: auto;}
.newsdiv .fir .newinf{width:100%;height:25vw;}
.newsdiv .fir .newinf .blo{width:15vw;margin-top:7vw;}
.newsdiv .fir .newinf>h3{font-size:14px;padding:4vw 5% 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*store*/
.store{width:100vw;min-height:200px;margin: 0 auto 1vw;}
.storediv{width:90vw;height:134vw;margin:7vw 0 0 5vw;position:relative;}
.swiper-container11{width:64vw;height: 100%;/*padding:0 13vw;*/}
.sto1,.sto3{left:2vw;top:2vw;}
.sto2,.sto4{right:2vw;bottom:2vw;}
.swiper-container11 .swiper-slide .sto1,.swiper-container11 .swiper-slide .sto2{width:60vw!important;}
.swiper-container11 .swiper-slide .sto3,.swiper-container11 .swiper-slide .sto4{height:130vw;}
.swiper-container11 .swiper-slide .img{width:64vw;height:100vw;height: auto;}
.swiper-container11 .swiper-slide .inff{width:64vw!important;height:34vw;}
.swiper-container11 .swiper-slide .inff>h3{font-size:18px;padding-top: 6vw;height: auto;}
.swiper-container11 .swiper-slide .inff .blo{margin-top: 6vw;}
.swiper-container11 .swiper-slide .inff>h4{padding-top: 4vw;}
.swiper-container11 .swiper-slide:hover .inff .blo{margin-top: 2vw;}
.storediv .swiper-button-next{background: url(../img/marrynext.svg) no-repeat 0 0;right:0!important;background-size:100% 100%;width: 40px;height: 50px;}
.storediv .swiper-button-prev{background: url(../img/marryprev.svg) no-repeat 0 0;left: 0!important;background-size:100% 100%;width: 40px;height: 50px;}
.storemore{display:block;width:94vw;/* height:36px; */line-height: 40px;text-align:center;background:#feeef1;margin: 15px auto 4px auto;color: #ff828e!important;font-weight:500;}
.kgold .storemore{margin: 15px auto 46px auto;}


/*珍珠翡翠和彩宝*/
.line{display:none;}
.pearl{width:100%;min-height: calc(300px + 180vw);position: relative;margin-bottom:7vw;}
.pearcon{width:100vw;margin:0 auto;position:relative;min-height: 568px;}
.pearcon .ind_tit{float:none!important;text-align:center;}
.emerald{width: 55vw;height: auto;position:inherit;left: 42vw;top: calc(140px + 91vw);z-index:100000;background:none;}
.feicon{display:none;}
.feitab{position:absolute;left: 60vw;top: calc(76px + 7vw);}
.feitab>li{font-size: 16px;padding-right:3vw;}
.feidiv{width: 55vw;height: auto;position: absolute;left: 3vw;top:85px;}
.feidiv .feihid{ width:100%;}
.feihid{width:50vw;height:70vw;display: none;left: 0;}
.feihid .swiper-slide{width:50vw;height:70vw;background:#fff3f4;}
.feihid .swiper-button-prev,.feihid .swiper-button-next,.emerald .swiper-button-prev,.emerald .swiper-button-next{display:none;}
.feisum{width: 46vw;height: 72vw;background:#fff5f6;}
.feisum1{position:absolute;top: calc(80px + 14vw);right:3vw;padding:10vw 5vw 0 10vw;box-sizing:border-box;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.feisum2{position:absolute;top: calc(250px + 91vw);left:3vw;padding:10vw 10vw 0 5vw;box-sizing:border-box;z-index:100;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.cai1{position:absolute;top: calc(80px + 91vw);left:3vw;color: #ff828e!important;}
.cai2{position:absolute;top: calc(280px + 170vw);left:3vw;color: #ff828e!important;}
.feisum .info{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.ind_tit>.in_tit>i{font-size:16px!important;}
.ind_tit>.in_tit>span{}
.ind_tit>.in_tit>span img{padding-top:4px;}
.line{display:none;}
/*k金*/
/*k金*/
.kgold{width:100vw;background: url(../img/kjbj.jpg) no-repeat 7vw 282px;margin: 30px 0 30px 0;background-size: 90% auto;position:relative;}
.kgold .ind_tit{margin-right:0!important;float:none!important;text-align:center;}
.kgold .bj{width:100%;height: 81vw;margin-top: 21px;background: none;position: absolute;}
.kgold .bj .bbj{width:100%;height:60vw;background:#fef3f4;margin-top: 2vw;float:right;margin-right:-4vw;}
.kjdiv{width:90vw;height:75vw;margin-left: 3vw!important;position: relative!important;left: inherit;top: inherit;z-index:10000000;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}

.kjdiv .swiper-slide{display:block;height:75vw;}
.kjdiv .swiper-slide>img{width:100%;height:100%;}
.ksum{background:none;float:none;width:94vw;height:55vw;height: auto;overflow:hidden;position:inherit;left: inherit;top: inherit;padding:0 2% 0;margin:0 auto;}
.ksum .info{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*topmain*/
.topmain{width: 100%;min-height:20px;background: url(../img/yuan.png) no-repeat 54vw calc(354px + 22vw);background-size: 60% auto;}
.diamonds{width: 100%;height: calc(350px + 82vw);position: relative;margin-bottom: 0vh;}
.diamonds>.bj{width: 75%;height: 69vw;position: absolute;left:3vw;top: 350px;}
.dia_tab{float: left;margin-left:0;position:absolute;right:3vw;top: 344px;width: 17vw;padding-left:1vw;}
.dia_tab>li{font-size: 3vw;color: #707070;padding-top:1vw;white-space: nowrap;line-height: 1.5;}
.tabdiv{width: 33vw;height: 42vw;/* height: auto; */bottom: 13vw;left:inherit;right: 6vw;}
.s1{
    width: 37vw;
    height: 46vw;
    bottom: 5vw;
    left: inherit;
    right: 0px;
    padding: 0 3% 4% 6%;
}
.diasum{width:94vw;height: 182px;position:absolute;bottom:inherit;left:3vw;top:100px;}
.diasum>.num{width:100%;height:30px;}
.diasum>.num>img{max-height:100%;width:auto;}
.diasum>.sum{font-size:18px;color:#ff96a0;line-height:20px;padding: 15px 0;}
.diasum>p{color:#626262;line-height:26px;text-indent:2em;padding-right:0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.more{color:#bfbfbf!important;font-size:14px;display:block;padding-top:3vh;}
.mr{margin-right:19%;}.ml{margin-left:19%;}
.line{display:none;}
.diamonds>.ind_tit{padding-top:20px;text-align:center;width:100%;margin-right:0;}
.emet{position: relative;top: calc(80px + 91vw);}
.dia1{position:absolute;left:3vw;top: 270px;}
/*黄金*/
.gold{background:none;width:100vw;height: auto;}
.gold .ind_tit{margin-left:0;text-align:center!important;width:100vw;}
.gold>.bj{display:none;}
.goldtab{right:0;text-align:center;width:100vw;padding: 16px 0 10px 0;position:inherit;}
.goldtab>li{font-size: 16px;padding:0 1vw;}
.golddiv{position:inherit;width:94vw;height: auto;right:0;z-index:1000;top: inherit;margin:0 auto;}
.goldhid{width:100%!important;height: 78%;display: none;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.goldhid .swiper-slide{height:80vw!important;}
.goldhid .swiper-button-prev,.goldhid .swiper-button-next{display:none;}
.mo{display:none;}
.goldsum{width:96vw;height: auto;position:inherit;top:0px;left:0;margin-left:3vw;}
.goldsum .num{width:100%;float:left;margin-bottom: 15px;}
.goldsum .info{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.num{height:30px;margin-bottom: 15px;}
.sum{font-size:16px;padding: 0 0 15px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.info{line-height:26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}


