@font-face{
font-family:'SnellRoundhand';
src:url(../font/SnellRoundhand-Bold-02-subfont.eot);
src:url(../font/SnellRoundhand-Bold-02-subfont.eot?#iefix) format('embedded-opentype'), 
url(../font/SnellRoundhand-Bold-02-subfont.woff2) format('woff2'), 
url(../font/SnellRoundhand-Bold-02-subfont.woff) format('woff'), 
url(../font/SnellRoundhand-Bold-02-subfont.ttf) format('truetype'), 
url(../font/SnellRoundhand-Bold-02-subfont.svg#SnellRoundhand-Bold-02-subfont) format('svg')
}

.banner .swiper-pagination-bullet{width: .14rem;height: .14rem;margin: 0 3px;background:rgba(0,0,0,.4);opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #fff}
.banner .swiper-pagination{line-height: 0;bottom: .38rem!important}
.banner .swiper-btn{width: .7rem;height: .7rem;border-radius: 50%;background: rgba(0,0,0,.15);position: absolute;top: 50%;margin-top: -.35rem;z-index: 2;cursor: pointer;}
.banner .prev{left: 6vw}
.banner .next{right: 6vw}
.banner .prev:after{transition: all .3s;content: "";width: .16rem;height: .16rem;border: 2px solid #949494;border-right: 0;border-bottom: 0;transform: rotate(-45deg);position: absolute;left: 50%;top: 50%;margin-top: -.08rem;margin-left: -.04rem}
.banner .next:after{transition: all .3s;content: "";width: .16rem;height: .16rem;border: 2px solid #949494;border-left: 0;border-bottom: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-top: -.08rem;margin-left: -.1rem}
.banner .swiper-btn:hover:after{border-color: #c4a471}

.index1{padding: 1rem 0 .95rem}
.index1 .tabs{text-align: center;font-size: 0;margin-bottom: 1rem}
.index1 .tabs .item{cursor: pointer;position: relative;background: linear-gradient(#f3dcba, #d4bc9a);width: 2.7rem;display: inline-block;padding: .12rem 0 .15rem;border-radius: 40px;margin: 0 .15rem}
.index1 .tabs .item .h1{font-size: .24rem;color: #333}
.index1 .tabs .item .h2{font-size: .18rem;color: #333;margin-top: .08rem}
.index1 .tabs .item .icon{position: absolute;width:1.13rem;left:-.5rem;bottom:-.2rem;display: none;}
.index1 .tabs .item.on .icon{display: block;}
.index1 .tabs .item.on{background: linear-gradient(#eecd9d, #c29f6f);}
.index1 .swiper-box .swiper-btn{border: 2px solid #c29f6f;width: .7rem;height: .7rem;border-radius: 50%;position: absolute;top: 50%;margin-top: -.35rem;z-index: 2;cursor: pointer;}
.index1 .swiper-box .prev{left: -.8rem}
.index1 .swiper-box .next{right:-.8rem}
.index1 .swiper-box{position: relative;}
.index1 .swiper-box .prev:after{transition: all .3s;content: "";width: .16rem;height: .16rem;border: 2px solid #c29f6f;border-right: 0;border-bottom: 0;transform: rotate(-45deg);position: absolute;left: 50%;top: 50%;margin-top: -.08rem;margin-left: -.04rem}
.index1 .swiper-box .next:after{transition: all .3s;content: "";width: .16rem;height: .16rem;border: 2px solid #c29f6f;border-left: 0;border-bottom: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-top: -.08rem;margin-left: -.1rem}
@media (min-width: 767px){
.index1 .swiper-box .item .imgbox {transform: scale(0.7);transition: all .3s ease-in-out;}
.index1 .swiper-slide-active .item .imgbox{transform: scale(1);}
}
.index1 .pagination{display: block;text-align: center;margin:0;margin-top: .4rem;}
.index1 .swiper-pagination-bullet{width: .12rem;height: .12rem;margin: 0 4px;background: #f4efe6;opacity: 1}
.index1 .swiper-pagination-bullet-active{background: #c4a471}
.index1 .stylebox{margin-top: .9rem}
.index1 .stylebox .item{height: .6rem;background: #f4efe6;border-radius: 40px;display: flex;align-items: center;padding: 0 3.5vw}
.index1 .stylebox .item .item1{flex: 1;display: flex;align-items: center;}
.index1 .stylebox .item .title{font-size: .18rem;color: #b79258;margin-right: 4vw}
.index1 .stylebox .item .item1 .txt{font-size: .16rem;color: #666;margin-left: .1rem}
.index1 .stylebox .item .item1 img{width: .25rem}


.index-title{text-align: center;}
.index-title .h1{color: #c4a471;font-size: .48rem; font-family: "SnellRoundhand";}
.index-title .h2{color: #c4a471;font-size: .24rem;margin-top: 5px}
.index2{background: url(../images/index2bg.jpg);-webkit-background-size: cover;background-size: cover;}
.index2{padding-top: .5rem;padding-bottom: .9rem}
.index2 .index-title{margin-bottom: .4rem}
.index2 .imgbox{position: relative;}
.index2 .iconimg{position: absolute;width:13vw;left: -9.5vw;bottom:-.5vw}
.index3{padding-top: .55rem;padding-bottom: 1.2rem}
.index3 .index-title{margin-bottom: .5rem}
.index3 .box{display: flex;}
.index3 .left{width: 65%;}
.index3 .content-box{display: none;}
.index3 .content-box .title{font-size: .24rem;color: #333;text-align: center;padding-top:2.5vw}
.index3 .content-box1 .item{float: left;width: 50%;font-size: 0;padding:.9vw 0;text-align:center}
.index3 .content-box1 .item .type{font-size: .16rem;color: #333}
.index3 .content-box1 .box1{display: flex;align-items: center;padding-left:1.5vw}
.index3 .content-box1 .title{margin-bottom: 1vw}
.sex-right-box{display: none;}
.index3 .sextab{margin-right: 1.5vw;width: .24rem;background: #e2e2e2;border-radius: 40px;}
.index3 .sextab .sex-item{color: #999;font-size: .14rem;text-align: center;padding: .2rem 0;cursor: pointer;}
.index3 .sextab .sex-item.on{background: #c4a471;color: #fff;border-radius: 40px;}
.index3 .big-box{position: relative;}
.index3 .olimg{z-index: 10;position: absolute;width:13vw;bottom: -3vw;right: -7.5vw;}
.index3 .big-box .box{position: absolute;top: 2.7%;left: 1.8%;bottom:7%;right:1.2%}
.index3 .content-box1 .item div{display: inline-block;vertical-align: middle;}
.index3 .content-box1 .item .head-box{margin-left:1vw;position: relative;width: .82rem;height: .99rem; overflow:hidden;}
.index3 .content-box1 .item p{font-size: 12px;line-height: .24rem;background: rgba(0,0,0,.5);color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
.index3 .content-box2 .imgbox img{margin: 0 auto;}
.index3 .content-box2 .imgbox{margin-top:2.5vw;padding: 0 2vw}
.index3 .content-box3 .item-box{text-align: center;font-size: 0;margin-top: 2vw;}
.index3 .content-box3 .item{width:25%;display: inline-block;margin: 0 .7vw;border-radius: 10px;position: relative;overflow:hidden;}
/* .index3 .content-box3 .item>img{width: 100%;height: 100%;object-fit: cover;}
.index3 .content-box3 .item:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);} */

.index3 .right{width: 35%;border-left: 1px solid #c4a471}
.index3 .right .item{position: relative;cursor: pointer;height:33.33%;display: flex;align-items: center;padding-left: .45rem}
.index3 .right .item .circle{transition: all .2s ease;width: .66rem;height: .66rem;border-radius: 50%;background: #c29f6f;margin-right: .24rem;position: relative;opacity: 0.5}
.index3 .right .item .circle img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.index3 .right .item .weui-cell{padding: 0}
.index3 .right .item .h1{font-size: .2rem;color: #333;transition: all .2s}
.index3 .right .item .h2{font-size: .16rem;color: #999;margin-top: .1rem;transition: all .2s}
.index3 .right .item:before{content:"";width: .16rem;height: 100%;top: 0;left: 0;background: #f7f3ec;position: absolute;opacity: 0;transition: all .2s ease}
.index3 .right .item:after{content:"";border: .1rem solid transparent;border-left: .1rem solid #c4a471;position: absolute;left: .15rem;opacity: 0;transition: all .2s ease}
.index3 .right .item.on .h1{font-size: .3rem;}
.index3 .right .item.on .h3{font-size: .18rem;margin-top: .15rem}
.index3 .right .item:not(:last-child){border-bottom: 1px solid #c4a471}
.index3 .right .item.on .circle{opacity: 1}
.index3 .right .item.on:before{opacity: 1}
.index3 .right .item.on:after{opacity: 1}

.index4{height: 6.34rem;position: relative;overflow:hidden;}
.index4 .bgimg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: -1}
.index4 .title{text-align: center;padding-top: 7vw}
.index4 .title .cn{font-size: .36rem;color: #fff}
.index4 .title .en{font-size: .36rem;color: #fff}
@media (max-width: 767px){    .index1{padding:.6rem 0}
  .index1 .tabs .item{margin-bottom: .2rem}	.index1 .tabs{margin-bottom: .4rem}
  .index1 .stylebox .item{height:2rem;display: block;border-radius: 10px;padding: 0 15px}
  .index1 .stylebox .item .item1{float: left;width: 33.33%;height: .55rem}
  .index1 .stylebox .item .title{margin: 0;font-size: 14px;text-align: center;padding: .15rem 0}
  .index3 .big-box>img{display:none;}	.index3 .big-box .box{display:block;position:static;}
  .index3 .content-box{display:block}	.index3 .right{display:none;}	.index3 .left{width:100%;}
  .index3 .sextab{width:24px;}	.index3 .sextab .sex-item{font-size:14px;}	.index3 .content-box1 .item{width:100%;text-align:center;padding:.06rem 0}
  .index3 .content-box1 .item .type{font-size:14px;}	.index3 .content-box1 .box1{padding:0;}	.index3 .content-box1 .item .head-box{margin-left:.2rem;width:2rem;height:2rem;}
  .index3 .content-box1 .item p{line-height:24px;}	.index3 .content-box .title{padding-top:.5rem;font-size:16px;}	.index3 .content-box2 .imgbox{padding:0;}
  .index3 .content-box2 .imgbox{margin-top:.4rem}	.index3 .content-box1 .title{margin-bottom:.3rem}	.index3 .content-box3 .item-box{margin-top:.4rem}
  .index3 .content-box3 .item{width:33.33%;margin:0;padding:0 .05rem;}	.index3 .content-box3 .item-box{margin:.4rem -.05rem 0}	.index3 .index-title{margin-bottom:0;}
  .index1 .stylebox{margin-top:.5rem}	.index1 .swiper-box .next{right:0}	.index1 .swiper-box .prev{left:0;}	.index1 .swiper-box .swiper-btn:after{border-color:#fff}	.index1 .swiper-box .swiper-btn{border-color:#fff}}


/* 修改于20190729 */
@media (max-width: 767px){
.index1 .tabs .item {display: block; margin: .2rem auto;}
.index1 .tabs .item:first-child{margin-top:  .3rem;}
}

/* 修改于20190730 */
@media (max-width: 767px){
.index3{padding-top: 0; padding-bottom: .6rem;}
.index3 .container{margin: 0; padding: 0;}
.index3 .content-box{padding: 15px;}
.index3 .content-box2{margin-top: .5rem; padding-bottom: .8rem; border-top: 1px solid #D0C9BF; border-bottom: 1px solid #D0C9BF;}
.index3 .content-box .title{padding-top: .2rem; padding-bottom: .2rem; color: #969697;}
.index3 .content-box .title h6{font-size: .4rem; color: #333;}
}
.index4 .title .cn{line-height: 1.6;}
.index4 .title .en{line-height: 1.2;}
.index4 .title .en.spec{margin: .3rem auto; font-size: .44rem;}



.product{padding:.8rem 0 1rem;background: #f5f5f5}
.product .protitle{font-size: .3rem;color: #333;text-align: center;margin-bottom: .5rem}
.product .row{margin: 0 -.1rem}
.product .col{float: left;width: 25%;padding:.1rem}
.product .item .content{padding:.15rem .1rem}
.product .item p{font-size: .16rem;color: #333;}
.product .item .btnbox{margin: 0 -5px;margin-top: .1rem}
.product .item .btnbox .col{float: left;width:50%;padding: 0 5px}
.product .item .btnbox .col a{display: block;background:#c4a471;color: #fff;font-size: .14rem;text-align: center;padding: .1rem 0;border-radius: 40px}
.product .item .imgbox{overflow:hidden;}
.product .item .imgbox img{transition: all .3s linear}
.product .item .price{font-size: .16rem;color: #c4a471;margin-top: .1rem}
.product .item:hover .imgbox img{transform: scale(1.05);}
.product .item{display: block;background: #fff}


.prodetails{padding: .8rem 0}
.prodetails .detailsbox{display: flex;align-items: center;}
.prodetails .detailsbox .left{width: 50%;}
.prodetails .detailsbox .right{width: 50%;padding-left: 5vw}
.prodetails .left img{width: 100%}

.prodetails .left .swiper-pagination-bullet-active{background: #fff}
.prodetails .right .h1{font-size: .3rem;color: #333;margin-bottom: .3rem}
.prodetails .right .price{font-size: .3rem;color: #c4a471;margin-bottom: .3rem}
.prodetails .right .btn1{transition: all .3s linear;width: 1.6rem;font-size: .2rem;color: #fff;background: #c4a471;border-radius:40px;display: block;text-align: center;padding: .1rem 0}
.prodetails .right .btn1:hover{transform: translateY(-5px);}
.details2{margin-top:.4rem;}
.order-message{background: #f5f5f5;padding: .6rem 0}
.order-message .title{background: #c4a471;font-size: 16px;line-height: 50px;padding: 0 .2rem;color: #fff}
.order-box{background: #fff;padding: .6rem 0}


.order-message .input-box{max-width: 6.8rem;margin: 0 auto;}
.order-message .input-item input{font-size: .16rem;color:#333;background: #f4f5f6;height: .5rem;padding: 0 .18rem;border-radius: .05rem}
.order-message .input-label{font-size: .16rem;color: rgb(153, 153, 153);width: 1rem;text-align: right;margin-right: .15rem}
.order-message .input-item{padding: 0;margin-bottom: .2rem}
.order-message .input-item select{font-size: .16rem;color: #333;background:#f4f5f6;height: .5rem;padding: 0 .18rem;border-radius: .05rem;background-size: 2%}
/*.order-message .input-item select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}*/
.order-message .input-item input::-webkit-input-placeholder{color: #999;}
.order-message .input-item2{padding-left: 1.15rem}
.order-message .savebtn{transition: all .25s;display: block;width: 1.6rem;line-height: .46rem;text-align: center;color: #fff;background:#c4a471;border-radius: .05rem;font-size: .16rem}
.order-message .getcode{background: #c4a471;line-height:.4rem;font-size: .14rem;border-radius: .05rem;color: #fff;padding: 0 .2rem;cursor: pointer;margin-left: .15rem}
.order-message .input-code{padding-right: 1.5rem;}
.order-success img{width: 1rem;margin: 0 auto}
.order-success{text-align: center;}
.order-success p{font-size: .16rem;color: #c4a471;margin-top: .3rem}
.areaselect .col{float: left;width: 33.33%;padding: 0 5px;}
.areaselect{margin: 0 -5px;}
.areaselect select{display: block;width: 100%;}

.seldiv .col{float: left;width: 33.33%;padding: 0 5px;}
.seldiv{margin: 0 -5px;}
.seldiv select{display: block;width: 100%;}
@media (max-width: 767px){
	.product .item .content{padding: .2rem}
.product .col{width: 100%}
.product .item p{font-size: 14px}
.product .item .price{font-size: 14px;}
.product .item .btnbox .col a{font-size: 14px;padding: .1rem 0}
.prodetails .detailsbox{display: block;}
.prodetails .detailsbox .left{width: 100%;}
.prodetails .detailsbox .right{width: 100%;padding: .4rem 0}
.prodetails .right .btn1{font-size: 14px}
.prodetails .right .h1{margin-bottom: .2rem}
.prodetails .right .price{margin-bottom: .2rem}
.order-message .input-label{width: 100%;font-size: 14px;text-align: left;margin-bottom: 5px}
.order-message .input-box{padding: 0 15px}
.order-message .input-item{display: block;}
.order-message .input-item input{width: 100%;font-size: 14px;height: 37px;}
.order-message .input-item select{height: 37px;font-size: 14px;}
.areaselect .col{width: 100%;margin-bottom: 8px;}
.seldiv .col{width: 100%;margin-bottom: 8px;}
.order-message .input-code{padding-right: 0}
.order-message .title{font-size: 14px;line-height: 40px}
.order-message .getcode{font-size: 14px;width:2.4rem;margin:0;margin-top: 10px;line-height: 35px;text-align: center;}
.order-message .savebtn{font-size: 14px;line-height: 35px;width: 2.4rem;}
.order-message .input-item2{padding: 0;padding-top: .2rem}
.order-success p{font-size: 14px}
}