@font-face {
    font-family: 'cinzel';
    src: url("/web/bocstatic/m/font/cinzel.eot");
    src: local("cinzel"),local("cinzel"),url("/web/bocstatic/m/font/cinzel.woff") format("woff"),url("/web/bocstatic/m/font/cinzel.ttf") format("truetype"),url("/web/bocstatic/m/font/cinzel.svg") format("svg")
}

@font-face {
  font-family: "SourceHanSerifCNRegular";
  src: url("/web/bocstatic/m/font/SourceHanSerifCNRegular.woff2") format("woff2"),
       url("/web/bocstatic/m/font/SourceHanSerifCNRegular.woff") format("woff"),
       url("/web/bocstatic/m/font/SourceHanSerifCNRegular.ttf") format("truetype"),
       url("/web/bocstatic/m/font/SourceHanSerifCNRegular.eot") format("embedded-opentype"),
       url("/web/bocstatic/m/font/SourceHanSerifCNRegular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SourceHanSerifCN-Medium";
  src: url("/web/bocstatic/m/font/SourceHanSerifCN-Medium.woff2") format("woff2"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Medium.woff") format("woff"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Medium.ttf") format("truetype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Medium.eot") format("embedded-opentype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SourceHanSerifCN-Light";
  src: url("/web/bocstatic/m/font/SourceHanSerifCN-Light.woff2") format("woff2"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Light.woff") format("woff"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Light.ttf") format("truetype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Light.eot") format("embedded-opentype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSerifCN-ExtraLight";
  src: url("/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.woff2") format("woff2"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.woff") format("woff"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.ttf") format("truetype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.eot") format("embedded-opentype"),
       url("/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RODETTA";
  src: url("/web/bocstatic/m/font/RODETTA.woff2") format("woff2"),
       url("/web/bocstatic/m/font/RODETTA.woff") format("woff"),
       url("/web/bocstatic/m/font/RODETTA.ttf") format("truetype"),
       url("/web/bocstatic/m/font/RODETTA.eot") format("embedded-opentype"),
       url("/web/bocstatic/m/font/RODETTA.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* ¸ü¸ÄplaceholderÑÕÉ« */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}


.en {
    font-family: 'cinzel'
}

.pt42 {
    /* padding-top: 1.5rem; */
}

body {
    opacity: 0;
    transition: all 0.3s 0.3s
}

body.on {
    opacity: 1
}
.clearfixed{
    height: 1rem;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 21;
    background: rgba(0,0,0,0.5);
    display: none
}

.menu-close {
    position: fixed;
    width: 0.82rem;
    height: 0.9rem;
    left: 0;
    top: 0;
    background: url("/web/bocstatic/m/img/img24.png") no-repeat;
    background-size: 100%;
    z-index: 22;
    display: none
}

.menu {
    position: fixed;
    width: 5.76rem;
    height: 95%;
    overflow: auto;
    padding: 0 0.48rem;
    background: #050505;
    z-index: 22;
    top: 0;
    right: -6.72rem
}

.menu .line {
    padding: 0.34rem 0.34rem;
    border-bottom: 1px solid #998357
}

.menu .line:last-child {
    border-bottom: 0
}

.menu dl {
    display: none
}

.menu .c1 {
    display: block;
    font-size: 0.28rem;
    line-height: 0.72rem;
    color: #897449;
    position: relative
}

.menu .c1 i {
    width: 0.13rem;
    height: 0.13rem;
    position: absolute;
    background: url("/web/bocstatic/m/img/img26.png") no-repeat;
    background-size: 0.13rem 0.13rem;
    right: 0;
    top: 0.34rem
}

.menu .c1 i.cur {
    background: url("/web/bocstatic/m/img/img27.png") no-repeat;
    background-size: 0.13rem 0.13rem
}

.menu .c2 {
    display: block;
    font-size: 0.22rem;
    line-height: 0.50rem;
    color: #79683c;
    padding-left: 0.4rem;
    background: url("/web/bocstatic/m/img/img25.png") no-repeat 0.15rem center;
    background-size: 0.12rem 0.16rem
}

.menu li{
    font-size: 0;
}
.menu .c3{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-left: .6rem;
    line-height: .4rem;
    position: relative;
    margin-right: .5rem;
}
.menu .c3:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    background-color: #a48c5d;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.menu .c3:nth-child(1):before{
    background-image: url('/web/bocstatic/m/img/nav-icon1.png');
}
.menu .c3:nth-child(2):before{
    background-image: url('/web/bocstatic/m/img/nav-icon2.png');
}
.menu .c3 span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .28rem;
    line-height: .4rem;
    color: #a58d5d;
    padding-bottom: .1rem;
}

header {
    position: fixed;
    width: 100%;
    height: 1rem;
    z-index: 20;
    background: #fff;
    box-sizing: border-box;
    padding: 0 .3rem;
    border-bottom: 1px solid #e8e8e8;
}
/* header:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .05rem;
    background-color: #897358;
} */

header .logo {
    position: absolute;
    width: 2.4rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
header .logo img{
    width: 100%;
}
.header-left{
    font-size: 0;
    margin-top: .35rem;
}
header .heart-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: .36rem;
    height: .36rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('/web/bocstatic/m/img/heart-btn.png');
    margin-right: .36rem;
}
header .enweb {
    /* position: absolute; */
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
    font-size: 0.3rem;
    line-height: 0.36rem;
    /* top: 0; */
    /* right: 0.9rem; */
    font-family: 'cinzel';
    color: #000
}
.header-right{
    margin-top: .35rem;
    font-size: 0;
}
.nav-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .4rem;
    height: .32rem;
    position: relative;
    vertical-align: top;
    /* margin-top: .15rem; */
    margin-left: .36rem;
}
.nav-btn .line {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #333;
    transition: all .2s;
    transform-origin: center;
}
.nav-btn .line1 {
    top: 0;
}
.nav-btn .line2 {
    top: 50%;
    margin-top: -1px;
}
.nav-btn .line3 {
    top: auto;
    bottom: 0;
}
.header-right .w-sousuo{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .36rem;
    height: .36rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('/web/bocstatic/m/img/bg_btn01b.png');
}

/* header .btn.cur {
    background: url("/web/bocstatic/m/img/img24.png") no-repeat;
    background-size: 100%
} */

footer {
    background: #fafafa;
    padding: .9rem 0;
    position: relative;
    z-index: 10;
}

footer .jt {
    width: 0.28rem;
    height: 0.15rem;
    background: url("/web/bocstatic/m/img/img22.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: -0.14rem;
    left: 3.64rem
}

footer .tt {
    display: block;
    font-size: 0.3rem;
    color: #bea26c;
    line-height: 55px;
    border-bottom: 1px solid #353535;
    background: url("/web/bocstatic/m/img/img02.png") no-repeat center right;
    background-size: 13px 13px
}

footer .tt.cur {
    background: url("/web/bocstatic/m/img/img03.png") no-repeat center right;
    background-size: 13px 13px
}

footer .share {
    height: 57px;
    border-bottom: 1px solid #353535
}

footer ul {
    padding: 12px 0;
    border-bottom: 1px solid #353535;
    display: none
}

footer li {
    font-size: 12px;
    line-height: 24px
}

footer li a {
    color: #929292
}

footer .bdsharebuttonbox {
    padding-top: 16px
}

footer .bdsharebuttonbox a {
    padding: 0;
    margin: 0 22px 0 0;
    width: 25px;
    height: 25px
}

footer .bdsharebuttonbox .bds_tsina {
    background: url("/web/bocstatic/m/img/img04.png") no-repeat;
    background-size: 100%
}

footer .bdsharebuttonbox .bds_weixin {
    background: url("/web/bocstatic/m/img/img05.png") no-repeat;
    background-size: 100%
}

footer .bdsharebuttonbox .bds_tqq {
    background: url("/web/bocstatic/m/img/img06.png") no-repeat;
    background-size: 100%
}

footer .icon-box{
    font-size: 0;
    text-align: center;
}
footer .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .2rem;
    vertical-align: top;
    position: relative;
}

footer .icon-box .item .icon{
    display: block;
    font-size: 0;
    line-height: .5rem;
    width: .5rem;
}
/* footer .icon-box .item:nth-child(1) .icon,
footer .icon-box .item:nth-child(2) .icon{
    width: .5rem;
} */
/* footer .icon-box .item:nth-child(3) .icon{
    width: 1.1rem;
}
footer .icon-box .item:nth-child(4) .icon{
    width: 1.4rem;
} */
footer .icon-box .item .icon img{
    width: 100%;
}
footer .icon-box .img-box{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 10px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

footer .icon-box .img{
    width: 3rem;
    padding: .2rem;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow:  0 0 10px rgba(0,0,0,.1);
}
footer .icon-box .img img{
    width: 100%;
}
footer .icon-box .img-box:before{
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

footer .icon-box .item.on .img-box{
    opacity: 1;
    visibility: visible;
}

footer .link{
    font-size: 0;
    text-align: center;
    margin-top: .9rem;
}
footer .link a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3rem;
    line-height: .4rem;
    color: #808080;
    margin: 0 .2rem;
    font-family: "SourceHanSerifCNRegular";
    position: relative;
}
footer .link a:before{
    content: "";
    position: absolute;
    right: -.2rem;
    top: 50%;
    width: 2px;
    height: .2rem;
    margin-top: -.1rem;
    background-color: #897358;
    opacity: .2;
}
footer .link a:last-child:before{
    display: none;
}
footer .copyright {
    font-size: .24rem;
    line-height: .5rem;
    /* line-height: 57px; */
    color: #606060;
    text-align: center;
    font-family: "SourceHanSerifCNRegular";
    margin-top: .5rem;
}
a{
    color: #606060;
}
.foot-fix-box{
    height: 1.2rem;
    position: relative;
    z-index: 10;
}
.foot-fix-box.foot-hide{
    display: none;
}
.foot-fix{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .2rem .3rem;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    
}
.foot-fix .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.foot-fix .icon-box{
    display: block;
    position: relative;
}
.foot-fix .icon{
    display: block;
    width: .42rem;
    margin: 0 auto;
    font-size: 0;
}
.foot-fix .icon img{
    width: 100%;
}
.foot-fix .txt{
    display: block;
    font-size: .24rem;
    line-height: .3rem;
    color: #000;
    margin-top: .1rem;
    text-align: center;
    font-family: "SourceHanSerifCN-Medium";
}
.foot-fix .sub-box{
    position: absolute;
    left: 0;
    bottom: 1.2rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem .2rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.foot-fix .sub{
    background-color: #897358;
    border-radius: 8px;
}
.foot-fix .sub .sub-item{
    display: block;
    padding: .3rem 0;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.foot-fix .sub .sub-item:last-child{
    border-bottom: none;
}
.foot-fix .sub .sub-item .tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff;
}
.foot-fix .sub .sub-item:nth-child(2) .tit{
    padding-left: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .4rem;
    background-image: url('/web/bocstatic/m/img/tel.svg');
}
.foot-fix .sub .sub-item .time{
    font-size: .26rem;
    line-height: .3rem;
    color: #d3ba9c;
    margin-top: .15rem;
}
.foot-fix .item:last-child .icon-box:before{
    content: "";
    position: absolute;
    left: 50%;
    top: -.5rem;
    width: 0;
    height: 0;
    border: .24rem solid transparent;
    border-top-color: #897358;
    margin-left: -.24rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.foot-fix .item:last-child.on .sub-box{
    visibility: visible;
    opacity: 1;
}
.foot-fix .item:last-child.on .icon-box:before{
    visibility: visible;
    opacity: 1;
}

.w-banner .swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.w-banner .swiper-slide .block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.w-banner .swiper-pagination1 {
    position: absolute;
    left: 0;
    bottom:.56rem;
    text-align: center;
    z-index: 10;
    width: 100%;
    font-size: 0;
}

.w-banner .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .8rem;
    height: 2px;
    background-color: #897358;
    opacity: .4;
    margin: 0 .08rem;
    transition: all .3s;
}
.w-banner .ban-btn{
    position: absolute;
    left: 50%;
    bottom: 1.4rem;
    width: 2.1rem;
    height: .6rem;
    margin-left: -1.05rem;
    background-color: rgba(137,115,88,.6);
    text-align: center;
    font-size: 0;
}
.w-banner .ban-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .24rem;
    line-height: .6rem;
    padding-left: .32rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .24rem;
    color: #ddb482;
    font-family: "SourceHanSerifCNRegular";
}

.w-banner .swiper-pagination-bullet-active {
    opacity: 1;
}



.w-wrap2 {
    position: relative;
    background: url("/web/bocstatic/m/img/img14.jpg") no-repeat center center;
    background-size: cover
}

.w-wrap2 .box {
    width: 38%;
    padding: 0.6rem 6% 0.9rem
}

.w-wrap2 .box a {
    display: block
}

.w-wrap2 .box .img {
    width: 100%;
    overflow: hidden;
    position: relative
}

.w-wrap2 .box .img img {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.w-wrap2 .box .name {
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.55rem;
    color: #010101
}

.w-wrap2 .box .more {
    margin: 0.12rem auto 0
}

.w-wrap2 .shu {
    position: absolute;
    width: 0.17rem;
    height: 2.8rem;
    left: 50%;
    margin-left: -0.085rem;
    top: 50%;
    margin-top: -1.4rem;
    background: url("/web/bocstatic/m/img/img15.png") no-repeat;
    background-size: 100%
}

.more {
    display: block;
    width: 1.5rem;
    color: #bea26c;
    font-size: 0.24rem;
    line-height: 0.18rem;
    background: url("/web/bocstatic/m/img/img13.png") no-repeat right center;
    background-size: 8px 5px;
    font-family: 'cinzel';
}

.w-wrap4 {
    padding: 0.42rem 0.54rem 0.5rem
}

.w-wrap4 .tt {
    width: 1.6rem;
    font-size: 0.36rem;
    line-height: 1;
    padding-left: 0.13rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img17.jpg") no-repeat left center;
    background-size: 0.05rem 0.05rem
}

.w-wrap4 .tt span {
    display: block;
    padding-right: 0.13rem;
    background: url("/web/bocstatic/m/img/img17.jpg") no-repeat right center;
    background-size: 0.05rem 0.05rem
}

.w-wrap4 ul {
    margin-top: 0.36rem
}

.w-wrap4 li {
    width: 3.2rem;
    float: left;
    height: 2.9rem;
    position: relative
}

.w-wrap4 li a {
    display: block
}

.w-wrap4 li i {
    position: absolute;
    background: #e5e5e5
}

.w-wrap4 li:nth-child(1) i {
    width: 1px;
    height: 100%;
    right: 0;
    top: 0
}

.w-wrap4 li:nth-child(2) i {
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0
}

.w-wrap4 li:nth-child(3) i {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0
}

.w-wrap4 li:nth-child(4) i {
    width: 1px;
    height: 100%;
    left: 0;
    top: 0
}

.w-wrap4 .name {
    font-size: 0.3rem;
    line-height: 1;
    color: #010101;
    text-align: center
}

.w-wrap4 .more {
    margin: 0.16rem auto
}

.w-wrap4 .cover {
    width: 0.45rem;
    height: 0.39rem;
    background: url("/web/bocstatic/m/img/img18.jpg") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.225rem;
    margin-top: -0.195rem
}

.w-wrap4 .content {
    position: relative
}

.w-wrap6 {
    padding: 0.6rem 0.3rem 1.6rem
}

.w-wrap6 .tt {
    width: 1.6rem;
    font-size: 0.36rem;
    line-height: 1;
    padding-left: 0.13rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img17.jpg") no-repeat left center;
    background-size: 0.05rem 0.05rem
}

.w-wrap6 .tt span {
    display: block;
    padding-right: 0.13rem;
    background: url("/web/bocstatic/m/img/img17.jpg") no-repeat right center;
    background-size: 0.05rem 0.05rem
}

.w-wrap6 .list {
    display: block;
    width: 3.3rem
}

.w-wrap6 .swiper-slide .list:nth-child(1) {
    margin-right: 0.1rem
}

.w-wrap6 .img {
    position: relative
}

.w-wrap6 .time {
    position: absolute;
    width: 0.76rem;
    height: 0.76rem;
    background: url("/web/bocstatic/m/img/img21.png") no-repeat;
    background-size: 100%;
    left: 1.32rem;
    bottom: -0.34rem;
    z-index: 5
}

.w-wrap6 .mon,.w-wrap6 .day {
    text-align: center;
    font-size: 0.17rem;
    line-height: 0.2rem;
    color: #c5ac7e
}

.w-wrap6 .mon {
    padding-top: 0.24rem
}

.w-wrap6 .name {
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.32rem;
    color: #000;
    margin-top: 0.7rem
}

.w-wrap6 p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #999999;
    margin-top: 0.26rem
}

.w-wrap6 .more {
    margin: 0.3rem auto 0
}

.w-wrap6 .swiper-container2 {
    margin-top: 0.6rem
}

.swiper-container2 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.newpd-wrap {
    padding-top: 1.37rem;
    background: url("/web/bocstatic/m/img/img29.jpg") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1.04rem
}

.newpd-wrap h2 {
    font-size: 0.32rem;
    line-height: 1;
    color: #d9be8a;
    width: 4rem;
    padding-left: 0.4rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat left center;
    background-size: 0.2rem 0.13rem
}

.newpd-wrap h2 span {
    display: block;
    padding-right: 0.4rem;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat right center;
    background-size: 0.2rem 0.13rem
}

.newpd-wrap .scroll {
    margin-top: 0.56rem;
    height: 7.5rem;
    width: 100%;
    position: relative;
    overflow: hidden
}

.newpd-wrap .scroll li {
    scale: 0;
    opacity: 0;
    position: absolute
}

.newpd-wrap .scroll .up-cont {
    padding-top: 0.32rem;
    height: 7.18rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(217,190,138,0.85);
    display: none
}

.newpd-wrap .scroll .tit {
    font-size: 0.48rem;
    line-height: 0.6rem;
    color: #fff;
    text-align: center;
    padding-bottom: 0.09rem;
    background: url("/web/bocstatic/m/img/img32.png") no-repeat center bottom;
    background-size: 1.46rem 0.03rem
}

.newpd-wrap .scroll .cn {
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-top: 0.15rem;
    color: #fff;
    text-align: center
}

.newpd-wrap .scroll .discover {
    font-size: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #fff;
    margin-top: 1rem;
    padding-bottom: 0.31rem;
    background: url("/web/bocstatic/m/img/img33.png") no-repeat center bottom;
    background-size: 0.16rem 0.16rem
}

.newpd-wrap .num {
    font-size: 0.24rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-top: 0.53rem;
    padding-bottom: 1.18rem
}

.newpd-wrap .intro {
    padding: 0 0.3rem;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a
}

.newpd-wrap .intro .tt {
    font-size: 0.24rem;
    color: #d9be8a;
    line-height: 0.7rem;
    position: relative
}

.newpd-wrap .intro .info {
    font-size: 0.22rem;
    line-height: 0.32rem;
    color: #919191;
    margin-top: 0.22rem;
    padding-bottom: 0.79rem
}

.newpd-wrap .intro i {
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0.1rem;
    top: 0.29rem
}

.swiper-container3 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-container3 .swiper-slide {
    padding-top: 100%;
    background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.jewelry-info .swiper-container3 .swiper-slide{
    background-position: top center;
    background-size: 100%;
}

.ni-banner .swiper-pagination3 {
    position: absolute;
    left: 0;
    bottom: 5%;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: 105%
}

.ni-banner .swiper-pagination-bullet {
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    background: #e1dcd8;
    border-radius: 50%
}

.ni-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e7d1b5
}

.ni-con {
    padding: 0 0.3rem 0.8rem
}

.ni-con .tit {
    color: #333;
    font-size: 0.32rem;
    line-height: 1.16rem;
    border-bottom: 1px solid #d9d9d9
}

.ni-con li {
    border-bottom: 1px solid #d9d9d9
}

.ni-con li:nth-child(1) .info {
    display: block
}

.ni-con .tt {
    font-size: 0.26rem;
    line-height: 0.96rem;
    color: #333;
    position: relative
}

.ni-con .tt i {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    background: url("/web/bocstatic/m/img/img35.png") no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 0.29rem
}

.ni-con .tt i.cur {
    background: url("/web/bocstatic/m/img/img36.png") no-repeat;
    background-size: 100% 100%
}

.ni-con .info {
    font-size: 0.22rem;
    line-height: 0.32rem;
    color: #888;
    display: none;
    padding-bottom: 0.47rem
}

.touch-tips {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0
}

.touch-tips .box {
    width: 2.1rem;
    height: 2.1rem;
    background: url("/web/bocstatic/m/img/img37.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 2.7rem;
    top: 5.27rem
}

.swiper-container1 {
    height: calc(100vh - 2.2rem);
}

.swiper-container1 .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.j-banner {
    position: relative
}

.j-banner a {
    display: block;
    height: 4.38rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-mask {
    position: absolute;
    width: 100%;
    height: 0.25rem;
    left: 0;
    bottom: 0;
    background: url("/web/bocstatic/m/img/img39.png") no-repeat;
    background-size: 100% 100%
}

.j-con {
    padding: 0.52rem 0.3rem 0 0.3rem;
    background: #181818
}

.j-con h3 {
    font-size: 0.32rem;
    line-height: 1;
    color: #c8ab72;
    width: 1.75rem;
    padding-left: 0.44rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img40.png") no-repeat left center;
    background-size: 0.25rem 0.18rem;
    text-align: center
}

.j-con h3 span {
    display: block;
    padding-right: 0.44rem;
    background: url("/web/bocstatic/m/img/img40.png") no-repeat right center;
    background-size: 0.25rem 0.18rem
}

.j-con p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #c8ab72;
    width: 6.2rem;
    margin: 0.22rem auto 0;
    text-align: center
}

.j-con .content {
    margin-top: 0.6rem;
    padding-bottom: 1.43rem
}

.j-con .content .info {
    height: 1.17rem;
    background: #000
}

.j-con .content ul {
    width: 7.03rem
}

.j-con .content li {
    width: 3.35rem;
    float: left;
    margin-right: 0.1rem;
    margin-bottom: 0.19rem
}

.j-con .content .img {
    width: 3.34rem;
    height: 3.34rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.j-con .content .name {
    font-size: 0.26rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    padding-top: 0.18rem
}

.j-con .content .heng {
    width: 0.38rem;
    height: 1px;
    background: #726141;
    margin: 0.13rem auto 0
}

.j-con .content .more {
    margin: 0.25rem auto 0
}

.j-con .content .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 0.46rem auto 0;
    color: #bea26c
}

.ji-con {
    padding-top: 0.53rem
}

.ji-con h3 {
    font-size: 0.32rem;
    line-height: 1;
    color: #000;
    width: 3.2rem;
    padding-left: 0.3rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat left center;
    background-size: 0.24rem 0.17rem;
    text-align: center
}

.ji-con h3 span {
    display: block;
    padding-right: 0.3rem;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat right center;
    background-size: 0.24rem 0.17rem
}

.ji-con p {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #888888;
    text-align: center;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid #d9d9d9;
    width: 6.8rem;
    margin: 0.29rem auto 0
}

.ji-con .w2 {
    width: 2rem
}

.swiper-container4 {
    width: 6.9rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 3rem;
    padding-bottom: 0.2rem
}

.swiper-container4 .left {
    width: 3.45rem
}

.swiper-container4 .img {
    width: 3.45rem;
    height: 1.65rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-container4 .name {
    font-size: 0.24rem;
    line-height: 1;
    margin-top: 0.12rem;
    text-align: center;
    color: #333
}

.swiper-container4 .en {
    font-size: 0.14rem;
    line-height: 1;
    color: #333;
    margin-top: 0.12rem;
    text-align: center
}

.swiper-container4 .swiper-pagination4 {
    position: absolute;
    left: 0;
    bottom: 5%;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: 105%
}

.swiper-container4 .swiper-pagination-bullet {
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    background: #e1dcd8;
    border-radius: 50%
}

.swiper-container4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e7d1b5
}

.ser-banner {
    height: 3.24rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.ser-con {
    background: url("/web/bocstatic/m/img/img46.jpg") no-repeat;
    background-size: 100% auto
}

.ser-con p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #232323;
    padding-top: 0.73rem;
    width: 6.9rem;
    margin: 0 auto;
    text-align: center
}

.ser-con .btns {
    width: 4.14rem;
    margin: 0.7rem auto 0
}

.ser-con .btns a {
    width: 1.9rem;
    height: 0.5rem;
    display: block;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.5rem;
    color: #c5ac7e;
    border-top: 1px solid #c5ac7e;
    border-bottom: 1px solid #c5ac7e
}

.ser-con .content {
    margin-top: 0.97rem;
    padding-bottom: 0.7rem
}

.ser-con .content h3 {
    font-size: 0.36rem;
    line-height: 1;
    color: #1c1b1b;
    text-align: center
}

.ser-con .content .tt {
    font-size: 0.12rem;
    line-height: 1;
    color: #333333;
    text-align: center
}

.ser-con .content .list {
    width: 6.92rem;
    margin: 0.9rem auto 0
}

.ser-con .content .img {
    width: 3.64rem;
    height: 3.5rem;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.ser-con .content .info {
    width: 2.69rem;
    height: 2.84rem;
    float: right;
    background: #f6f6f6;
    padding: 0.66rem 0.34rem 0 0.25rem
}

.ser-con .content .mh .info {
    height: 4.07rem
}

.ser-con .content .mh .img {
    height: 4.73rem
}

.ser-con .content .mh2 .img {
    height: 3.83rem
}

.ser-con .content .mh2 .info {
    height: 3.37rem;
    padding: 0.46rem 0.34rem 0 0.25rem
}

.ser-con .content .num {
    color: #c5ac7e;
    font-size: 0.3rem;
    line-height: 0.36rem
}

.ser-con .content .num span {
    font-size: 0.48rem
}

.ser-con .content .tit {
    font-size: 0.3rem;
    line-height: 0.36rem;
    color: #333;
    margin-top: 0.14rem
}

.ser-con .content .p {
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #666666;
    margin-top: 0.23rem;
    max-height: 1.5rem;
    overflow-y: auto;
}

.ser-con .content .box {
    margin-bottom: 0.33rem
}
.ser-con .content .box:nth-child(2n) .img{
    float: right;
}
.ser-con .content .box:nth-child(2n) .info{
    float: left;
}

.con-tel {
    padding-top: 0.57rem
}

.con-tel .tellimg {
    width: 0.82rem;
    height: 0.86rem;
    background: url("/web/bocstatic/m/img/img49.jpg") no-repeat;
    background-size: cover;
    margin: 0 auto 0.3rem
}

.con-tel p {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #000;
    text-align: center;
    margin-bottom: 0.16rem
}

.con-tel .heng {
    width: 0.46rem;
    height: 1px;
    background: #cccccc;
    margin: 0 auto
}

.con-tel .content {
    width: 6.67rem;
    margin: 0.5rem auto;
    padding-bottom: 1.07rem;
    border: 1px solid #cecece;
    padding-top: 0.5rem
}

.con-tel .content .tt {
    font-size: 0.28rem;
    line-height: 1;
    color: #000;
    text-align: center
}

.con-tel .list {
    width: 4.5rem;
    margin: 0.54rem auto 0
}

.con-tel .list .text {
    display: block;
    width: 4.35rem;
    padding-left: 0.15rem;
    height: 0.4rem;
    background: #f5f5f5;
    border: 0;
    font-size: 0.21rem;
    line-height: 0.4rem;
    color: #333333;
    margin-bottom: 0.3rem
}

.con-tel .list .textarea {
    display: block;
    font-size: 0.21rem;
    line-height: 0.28rem;
    padding: 0.05rem 0.15rem;
    width: 4.2rem;
    height: 1.68rem;
    color: #333333;
    margin-bottom: 0.3rem;
    background: #f5f5f5;
    border: 0
}

.con-tel .list .select {
    width: 4.5rem;
    padding-left: 0.15rem;
    height: 0.4rem;
    background: #f5f5f5;
    border: 0;
    font-size: 0.21rem;
    line-height: 0.4rem;
    color: #333333;
    margin-bottom: 0.3rem
}

.con-tel .list .submit {
    width: 4.5rem;
    height: 0.47rem;
    background: #000;
    font-size: 0.24rem;
    color: #fff;
    border: 0
}

.map-list {
    padding-left: 0.3rem;
    padding-bottom: 2.67rem
}

.map-list li {
    padding-top: 0.33rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e5e5e5;
    width: 5.74rem;
    padding-right: 1.17rem
}

.map-list .name {
    padding-left: 0.94rem;
    font-size: 0.3rem;
    line-height: 1;
    background: url("/web/bocstatic/m/img/img50.png") no-repeat left center;
    background-size: 0.45rem 0.31rem
}

.map-list p {
    margin-top: 0.11rem;
    padding-left: 0.94rem;
    font-size: 0.2rem;
    line-height: 0.28rem;
    color: #888
}

.map-list .tel {
    color: #bda889;
    padding-left: 0.94rem;
    font-size: 0.24rem;
    line-height: 0.28rem;
    margin-top: 0.14rem
}

.wd-banner {
    height: 4.79rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.subnav {
    padding-left: 0.3rem;
    position: relative;
    z-index: 2;
}

.subnav .dflist {
    display: block;
    float: left;
    width: 1.25rem;
    height: 0.9rem;
    margin-right: 0.45rem;
    font-size: 0.24rem;
    line-height: 0.9rem;
    color: #999;
    border-bottom: 1px solid #fff;
    text-align: center;
    overflow: hidden
}

.subnav .dflist:nth-child(4) {
    margin-right: 0
}

.subnav .dflist.cur {
    border-bottom: 1px solid #d6b881;
    color: #d6b881
}

.subnav .show {
    float: right;
    width: 0.85rem;
    height: 0.9rem;
    background: url("/web/bocstatic/m/img/img52.jpg") no-repeat;
    background-size: 100% 100%
}

.sub-oppo {
    z-index: 1;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.3);
    left: 0;
    top: 0;
    display: none
}

.sub-oppo .sub-box {
    padding: 0 0.3rem;
    background: #fff;
    width: 6.9rem
}

.sub-oppo .sub-box .tit {
    font-size: 0.3rem;
    line-height: 1.04rem;
    color: #333;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

.sub-oppo .sub-box .close {
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    background: url("/web/bocstatic/m/img/img53.jpg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -0.22rem;
    top: 0.25rem
}

.sub-oppo .sub-box .chlist {
    display: block;
    float: left;
    margin-right: 0.3rem;
    height: 0.52rem;
    font-size: 0.22rem;
    line-height: 0.52rem;
    color: #666666;
    padding-left: 0.12rem;
    background: url("/web/bocstatic/m/img/img54.jpg") no-repeat left center;
    background-size: 0.07rem 0.12rem
}

.sub-oppo .sub-box .list {
    margin-top: 0.27rem;
    padding-bottom: 0.34rem
}

.wd-con {
    position: relative
}

.wd-con .content {
    margin-top: 0.23rem;
    padding: 0 0.29rem
}

.wd-con .content .bimg {
    width: 6.92rem;
    height: 3.74rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.wd-con .content .imglist {
    width: 6.92rem;
    height: 7.29rem;
    position: relative
}

.wd-con .content .imglist .dian {
    width: 0.99rem;
    height: 0.86rem;
    background: url("/web/bocstatic/m/img/img86.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 2.97rem;
    top: 3.2rem
}

.wd-con .content .imglist a {
    display: block;
    width: 3.46rem;
    height: 3.275rem;
    padding-top: 0.37rem
}

.wd-con .content .imglist li {
    float: left
}

.wd-con .content .imglist li:nth-child(1),.wd-con .content .imglist li:nth-child(4) {
    background: #f5f1ee
}

.wd-con .content .imglist .img {
    width: 1.88rem;
    height: 2.4rem;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.wd-con .content .imglist .name {
    font-size: 0.28rem;
    line-height: 1;
    text-align: center;
    margin-top: 0.26rem;
    color: #110e0e
}

.wd-con .box {
    margin-bottom: 0.56rem
}

.wd-con .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 1.15rem auto 1.76rem;
    color: #bea26c
}

.img-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.17rem;
    background: url("/web/bocstatic/m/img/img56.png") no-repeat;
    background-size: 100% 100%
}

.seealso .tit {
    width: 4.56rem;
    height: 0.7rem;
    background: url("/web/bocstatic/m/img/img59.jpg") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}

.seealso .list {
    margin-top: 0.4rem;
    width: 7.24rem;
    padding: 0 0.13rem 0.65rem
}

/* .seealso .list ul {
    width: 7.42rem
} */

.seealso .list li {
    background: url("/web/bocstatic/m/img/img60.jpg") no-repeat;
    background-size: 100% 100%;
    float: left;
    width: 3.56rem;
    /* margin-right: 0.15rem; */
    margin-bottom: 0.15rem;
    position: relative;
}
.seealso .list li:nth-child(2n){
    float: right;
}

.seealso .list li a {
    display: block;
    width: 3.56rem;
    height: 3.56rem;
    background-size: 65%;
    background-position: center 10%;
    background-repeat: no-repeat;
    position: relative;
}

.seealso .list li .name {
    font-size: 0.28rem;
    line-height: 1;
    color: #110e0e;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 100%;
}

.cul-banner .swiper-container5 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 4.85rem
}

.cul-banner .swiper-container5 .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.cul-banner .swiper-container5 .swiper-pagination-fraction {
    color: #fff
}

.cul-con {
    padding-top: 0.48rem;
    padding-bottom: 0.63rem;
    background: url("/web/bocstatic/m/img/img64.jpg") no-repeat;
    background-size: 100% auto
}

.cul-con h3 {
    font-size: 0.32rem;
    line-height: 1;
    color: #333;
    width: 1.7rem;
    padding-left: 0.4rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat left center;
    background-size: 0.2rem 0.13rem;
    text-align: center
}

.cul-con h3 span {
    white-space: nowrap;
    display: block;
    padding-right: 0.4rem;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat right center;
    background-size: 0.2rem 0.13rem
}

.cul-con p {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #777777;
    width: 6.05rem;
    margin: 0.23rem auto 0;
    text-align: center
}

.cul-con .zs {
    width: 1.08rem;
    height: 1.14rem;
    margin: 0 auto 0.5rem;
    background: url("/web/bocstatic/m/img/img65.png") no-repeat;
    background-size: 100% 100%
}

.cul-con .box {
    margin-bottom: 0.5rem
}

.video-con {
    padding-bottom: 1.37rem
}

.video-con video {
    width: 100%;
    height: 5.54rem
}

.video-con .name {
    padding-left: 0.29rem;
    font-size: 0.28rem;
    color: #333;
    line-height: 1.03rem;
    background: url("/web/bocstatic/m/img/img66.png") no-repeat 0.15rem center;
    background-size: auto 50%
}

.video-con .name span {
    display: inline-block;
    width: 0.53rem;
    height: 0.53rem;
    background: url("/web/bocstatic/m/img/img66.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 0.11rem;
    text-align: center
}

.video-con .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 1.21rem auto 0;
    color: #bea26c
}

.history-con {
    padding-top: 1.28rem;
    background: #000 url("../img/img70.jpg") no-repeat top center;
    background-size: 100% auto;
    padding-bottom: 0.3rem
}

.history-con .down {
    width: 0.23rem;
    height: 0.12rem;
    background: url("/web/bocstatic/m/img/img71.png") no-repeat;
    background-size: 100% 100%;
    margin: 0.8rem auto 0
}

.history-con .tit {
    background: url("/web/bocstatic/m/img/img67.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    width: 5.04rem;
    height: 1.79rem
}

.history-con ul {
    padding-left: 0.46rem;
    margin-top: 0.74rem
}

.history-con li.first {
    background: url("/web/bocstatic/m/img/img68.png") no-repeat left top;
    background-size: 0.19rem 2.2rem
}

.history-con li {
    padding-left: 0.58rem;
    padding-top: 0.05rem;
    height: 2.15rem;
    background: url("/web/bocstatic/m/img/img69.png") no-repeat left top;
    background-size: 0.19rem 2.2rem;
    width: 6rem
}

.history-con li .year {
    color: #f2cd84;
    font-size: 0.42rem;
    line-height: 0.42rem
}

.history-con li p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #acacac;
    margin-top: 0.18rem
}

.history-con .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 0.46rem auto 0;
    color: #bea26c
}

.kd-banner {
    height: 4.61rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}


/* .time-nav a {
    float: left;
    font-family: 'cinzel';
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #666;
    margin-right: 0.26rem
}

.time-nav a.cur {
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #000;
    padding-right: 0.22rem;
    background: url("/web/bocstatic/m/img/img73.jpg") no-repeat right 0.18rem;
    background-size: 0.18rem 0.19rem
} */

.kd-con{
    padding-top: .8rem;
}
.kd-con .content {
    padding: 0 0.29rem 1.29rem
}

.kd-con .content a {
    display: block;
    width: 3.3rem
}

.kd-con .content li {
    float: left
}

.kd-con .content li:nth-child(odd) {
    border-right: 1px dashed #c7c7c6;
    padding-right: 0.15rem
}

.kd-con .content li:nth-child(even) {
    padding-left: 0.15rem
}

.kd-con .content .img {
    width: 3.3rem;
    height: 3.81rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.kd-con .content .info {
    width: 3.3rem;
    height: 1.09rem
}

.kd-con .content .name {
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #333;
    padding-top: 0.37rem
}

.kd-con .content .time {
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: #666;
    margin-top: 0.14rem
}

.kd-con .content .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 0.8rem auto 0;
    color: #bea26c
}
.news-con{
    padding: .6rem 0;
}
.news-con .content {
    /* padding: 0 0.3rem 1.46rem */
}

.news-con .content a {
    display: block
}

.news-con .content .img {
    height: 3.80rem;
    /* width: 6.9rem; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.news-con .content .info {
    width: 6.34rem;
    background: #f6f6f6;
    padding: 0.5rem 0.22rem 0.3rem 0.34rem
}

.news-con .content li {
    margin-bottom: 0.2rem
}

.news-con .content .tit h3 {
    float: left;
    color: #010101;
    font-size: 0.3rem;
    line-height: 0.3rem
}

.news-con .content .time {
    float: right;
    font-size: 0.18rem;
    color: #666;
    line-height: 0.3rem
}

.news-con .content .heng1 {
    width: 0.52rem;
    height: 0.03rem;
    background: #000;
    margin-top: 0.34rem
}

.news-con .content p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #555555;
    margin-top: 0.21rem
}

.news-con .content .cmore {
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #000;
    padding-right: 0.51rem;
    background: url("/web/bocstatic/m/img/img77.png") no-repeat right center;
    background-size: 0.37rem 0.07rem;
    margin-top: 0.4rem
}

.news-con .content .heng2 {
    width: 0.44rem;
    height: 2px;
    background: #d4ae79;
    margin-top: 0.12rem
}

.news-con .content .load {
    display: block;
    width: 2.3rem;
    height: 0.5rem;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    text-align: center;
    margin: 1.12rem auto 0;
    color: #bea26c
}

.design-con .style1 {
    background: #282828;
    padding-bottom: 0.58rem
}

.design-con .style1 .swiper-container6 {
    height: 6rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.design-con .style1 .swiper-container6 .pl3 {
    padding-left: 0.3rem
}

.design-con .style1 .img {
    width: 7.5rem;
    height: 5.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.design-con .style1 .box {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.5rem
}

.design-con .style1 .name {
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #e0bb86
}

.design-con .style1 .hon {
    font-size: 0.16rem;
    line-height: 0.16rem;
    color: #a4a4a4;
    text-align: center;
    margin-top: 0.07rem
}

.design-con .style1 .p {
    font-size: 0.2rem;
    height: 0.3rem;
    margin-top: 0.14rem;
    padding: 0 0.3rem;
    color: #d9d9d9;
    text-align: center
}

.design-con .style1 p {
    color: #d9d9d9
}

.design-con .style1 .swiper-pagination6 {
    position: absolute;
    left: 0;
    bottom: 0.38rem;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: 105%
}

.design-con .style1 .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    background: url("/web/bocstatic/m/img/img79.png") no-repeat;
    background-size: 100% 100%
}

.design-con .style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url("/web/bocstatic/m/img/img80.png") no-repeat;
    background-size: 100% 100%
}

.design-con .style2 {
    margin: 0.3rem 0.3rem 0;
    padding-bottom: 0.58rem;
    background: #282828
}

.design-con .style2 .swiper-container7 {
    padding-bottom: 1rem
}

.design-con .style2 .img {
    width: 6.9rem;
    height: 6.84rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.design-con .style2 .info {
    margin-top: 0.4rem
}

.design-con .style2 h3 {
    font-size: 0.46rem;
    line-height: 0.46rem;
    color: #fff;
    text-align: center
}

.design-con .style2 h4 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #fff;
    text-align: center;
    margin-top: 0.12rem;
    font-weight: normal
}

.design-con .style2 .box {
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #fff;
    width: 6rem;
    margin: 0.44rem auto 0;
    text-align: center;
    /* text-indent: 2em; */
    height: 2rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.design-con .style2 .swiper-container7 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.design-con .style2 .swiper-pagination7 {
    position: absolute;
    left: 0;
    bottom: 0.38rem;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: 105%
}

.design-con .style2 .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    background: url("/web/bocstatic/m/img/img79.png") no-repeat;
    background-size: 100% 100%
}

.design-con .style2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url("/web/bocstatic/m/img/img80.png") no-repeat;
    background-size: 100% 100%
}

.design-con .cmore {
    display: block;
    width: 1.9rem;
    height: 0.5rem;
    padding-left: 0.26rem;
    font-size: 0.22rem;
    line-height: 0.5rem;
    color: #bea26c;
    border-top: 1px solid #bea26c;
    border-bottom: 1px solid #bea26c;
    background: url("/web/bocstatic/m/img/img81.png") no-repeat 1.79rem center;
    background-size: 0.15rem 0.09rem;
    margin: 0.4rem auto 0
}

.design-con .content {
    padding: 0 0.3rem 0.77rem
}

.design-con .content li {
    float: left
}

.design-con .content a {
    display: block
}

.design-con .content .img {
    width: 3.45rem;
    height: 3.45rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.design-con .content .info {
    width: 3.45rem;
    height: 1.23rem
}

.design-con .content .info .name {
    font-size: 0.26rem;
    line-height: 0.26rem;
    padding-top: 0.26rem;
    text-align: center;
    color: #333
}

.design-con .content .info .works {
    width: 1.5rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #d3ae79;
    padding-right: 0.16rem;
    background: url("/web/bocstatic/m/img/img13.png") no-repeat right center;
    background-size: 0.15rem 0.09rem;
    margin: 0.2rem auto 0
}

.news-info {
   padding: .6rem 0 1.55rem;
   background-color: #f9f8f8;
}
.news-info .tit-box{
    text-align: center;
    font-size: 0;
    padding-bottom: .6rem;
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin-bottom: .7rem;
}
.news-info .sub-tit{
    font-size: .28rem;
    line-height: .3rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 4px;
    font-family: "SourceHanSerifCNRegular";
}

.news-info h3 {
    font-size: .36rem;
    line-height: .5rem;
    color: #331f21;
    /* margin-top: .36rem; */
    font-family: "SourceHanSerifCNRegular";
}

.news-info .time {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #897358;
    margin-top: 0.28rem;
    font-family: "RODETTA";
}

.news-info .content {
    /* margin-top: 0.7rem; */
    font-size: .28rem;
    line-height: .5rem;
    color: #331f21;
    font-family: "SourceHanSerifCN-ExtraLight";
}


.news-info .content video {
    width: 100%;
    height: auto
}

.news-info .content img {
    max-width: 100%;
    height: auto !important
}

.news-info .page-btn{
    margin-top: 1.2rem;
    font-size: 0;
}
.news-info .page-btn a{
    display: inline-block;
    font-size: .3rem;
    line-height: .56rem;
    color: #897358;
    border-bottom: 1px solid #897358;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "SourceHanSerifCNRegular";
    margin-bottom: .4rem;
}
.news-info .page-btn a:last-child{
    margin-bottom: 0;
}

.ser-tips {
    height: 2.73rem;
    padding-top: 0.43rem;
    background: url("/web/bocstatic/m/img/img92.jpg") no-repeat;
    background-size: cover
}

.ser-tips h3 {
    font-size: 0.3rem;
    line-height: 0.3rem;
    color: #000;
    text-align: center;
    padding-left: 0.24rem;
    width: 2rem;
    margin: 0 auto;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat left center;
    background-size: 0.24rem 0.16rem;
    text-align: center
}

.ser-tips h3 span {
    display: block;
    padding-right: 0.24rem;
    background: url("/web/bocstatic/m/img/img28.png") no-repeat right center;
    background-size: 0.24rem 0.16rem
}

.ser-tips p {
    width: 6rem;
    font-size: 0.18rem;
    line-height: 0.34rem;
    color: #333;
    margin: 0.3rem auto 0;
    text-align: center
}

.selectbox {
    padding: 0.59rem 0.73rem 0;
    width: 6.04rem
}

.selectbox .line {
    margin-bottom: 0.42rem
}

.selectbox .line .tt {
    font-style: 0.3rem
}

.selectbox .select {
    padding: 0.08rem;
    background: url("/web/bocstatic/m/img/img93.jpg") no-repeat;
    background-size: cover
}

.selectbox .textbox {
    padding: 0.08rem;
    background: url("/web/bocstatic/m/img/img94.jpg") no-repeat;
    background-size: 100% 100%
}

.selectbox select {
    width: 5.85rem;
    height: 0.81rem;
    background: none;
    padding-left: 0.18rem;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.selectbox .text {
    width: 5.67rem;
    height: 0.81rem;
    background: none;
    padding-left: 0.18rem;
    border: 0
}

.selectbox .submit {
    width: 6.04rem;
    height: 1.04rem;
    background: url("/web/bocstatic/m/img/img95.jpg") no-repeat;
    background-size: 100% 100%;
    line-height: 1.04rem;
    font-size: 0.3rem;
    color: #fff;
    text-align: center;
    margin-top: 1.08rem
}

.w-wrap3 a {
    position: relative;
    display: block
}

.w-wrap3 .box {
    position: absolute;
    top: 0.7rem;
    right: 0.2rem
}

.w-wrap3 .box .name {
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #000;
    text-align: center
}

.w-wrap3 .box .time {
    font-size: 0.38rem;
    color: #d5b26d;
    line-height: 0.38rem;
    margin-top: 0.39rem
}

/*# sourceMappingURL=style.css.map */
.abox {
    position: relative;
    display: block;
    width: 6.35rem;
    z-index: 2
}

.w-banner .con-box{
    display: block;
    height: 100%;
}

/* .w-header-box div {
    top: .2rem!important;
} */

/* header .btn {
    background: url(/web/bocstatic/m/img/img23.gif) no-repeat;
    background-size: 100%;
} */


.ju-banner{
  height: 4.85rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ju-content .content{
  margin-bottom: 1.75rem;
}
.ju-content .content .tit{
  line-height: 0.85rem;
  padding-left: 0.43rem;
  height: 0.85rem;
  font-size: 0.28rem;
  color: #666;
  position: relative;
  border-bottom:1px solid #f2f2f2;
}
.ju-content .content .jia{
  width: 0.29rem;
  height: 0.29rem;
  position: absolute;
  background: url("/web/bocstatic/m/img/jujia.png") no-repeat;
  background-size: contain;
  right: 0.4rem;
  top:0.28rem;
}
.ju-content .content .jian{
  width: 0.25rem;
  height: 0.14rem;
  background: url("/web/bocstatic/m/img/jujian.png") no-repeat;
  background-size: contain;
  position: absolute;
  top:0.38rem;
  right:0.25rem;
  display: none;
}
.ju-content .content li{
    font-family: 'Arial';
  background: #fff;
  margin-bottom: 0.1rem;
}
.ju-content .content li.cur .tit{
  background: #696969;
  color: #fff;
}
.ju-content .content li.cur .jia{
  display: none;
}
.ju-content .content li.cur .jian{
  display: block;
}
.ju-content .content li.cur .jobc{
  display: block;
}
.ju-content .content .jobc{
  padding: 0 0.4rem;
  display: none;
}
.ju-content .content .jobc .req{
  padding: 0.35rem 0 0.38rem 0;
  border-bottom:1px solid #f2f2f2;
}
.ju-content .content .jobc .line{
  float: left;
  width: 2.23rem;
  line-height: 0.3rem;
  font-size: 0.22rem;
  color: #666;
}
.ju-content .content .jobc .ab{
  padding: 0.35rem 0 0.4rem 0;
  border-bottom:1px solid #f2f2f2;
}
.ju-content .content .jobc .ab .tt{
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #333;
}
.ju-content .content .jobc .ab .p{
  font-size: 0.22rem;
  line-height:0.3rem;
  color: #666;
  margin-top: 0.26rem;
}
.ju-content .content .jobc .em{
  line-height: 0.35rem;
  padding: 0.23rem 0 0.44rem 0;
  color: #666;
  font-size: 0.24rem;
}
.ju-content .content .jobc .em span{
  display: block;
  font-size: 0.28rem;
  color: #333;
}

.view{
    padding: 0 .3rem;
}
.heart-box{
    padding: 1.1rem 0 1.2rem;
}
.heart-tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #331f21;
    font-family: "SourceHanSerifCN-Light";
    text-align: center;
}
.heart-search{
    margin-top: .5rem;
    padding: .28rem .36rem .28rem .44rem;
    background-color: #ebe8e8;
}
.heart-search input[type=text]{
    float: left;
    width: 90%;
    height: .4rem;
    line-height: .4rem;
    background-color: transparent;
    border: none;
    font-size: .28rem;
    color: #4c3c28;
    font-family: "SourceHanSerifCNRegular";
}

.heart-search input[type=text]::-webkit-input-placeholder{
    color:#4c3c28;  
}  
.heart-search input[type=text]:-moz-placeholder{
    color:#4c3c28;
}  
.heart-search input[type=text]::-moz-placeholder{
    color:#4c3c28;
}  
.heart-search input[type=text]:-ms-input-placeholder {
    color:#4c3c28;
}  
.heart-search input[type=submit]{
    float: right;
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .36rem;
    background-image: url('/web/bocstatic/m/img/heart-search.png');
    background-color: transparent;
}
.heart-type{
    margin-top: .35rem;
    padding: 0 .36rem 0 1rem;
    background-position: .44rem center;
    background-repeat: no-repeat;
    background-image: url('/web/bocstatic/m/img/heart-type.png');
    background-size: .24rem;
    font-size: 0;
}
.heart-type a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .24rem;
    line-height: .4rem;
    color: #808080;
    margin-right: .44rem;
    font-family: "SourceHanSerifCN-ExtraLight";
}
.heart-type a:last-child{
    margin-right: 0;
}
.heart-list{
    margin-top: .8rem;
}
.heart-list .item{
    float: left;
    width: 3.3rem;
    box-sizing: border-box;
    /* padding: 0 .15rem; */
    margin-bottom: .7rem;
}
.heart-list .item:nth-child(2n){
    float: right;
}
.heart-list .con-box{
    display: block;
}
.heart-list .img{
    background-color: #f9f7f8;
    position: relative;
}
.heart-list .item img{
    width: 100%;
}
.heart-list .item .tit{
    font-size: .36rem;
    line-height: .4rem;
    color: #010101;
    text-align: center;
    margin-top: .3rem;
    font-family: "SourceHanSerifCN-ExtraLight";
}

.heart-list .item .con{
    font-size: .24rem;
    line-height: .38rem;
    color: #897358;
    margin-top: .28rem;
    text-align: center;
    font-family: "SourceHanSerifCN-ExtraLight";
    padding: 0 .1rem;
}
.heart-list .item .border{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #ded1c0;
    opacity: 0;
    transition: all .3s;
}

.heart-list .item .icon{
    position: absolute;
    left: .3rem;
    top: .3rem;
    width: .34rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/heart-icon1.png');
    transition: all .3s;
}
.heart-list .item.cur .img{
    background-color: #f4ece5;
}
.heart-list .item.cur .icon{
    background-image: url('/web/bocstatic/m/img/heart-icon2.png');
}
.heart-list .item.cur .border{
    opacity: 1;
}
.heart-list .create-btn{
    display: block;
    height: .9rem;
    font-size: 0;
    background-color: #331f21;
    text-align: center;
}
.heart-list .create-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: .9rem;
    font-size: .28rem;
    color: #ede0d1;
    padding-left: .54rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .28rem;
    background-image: url('/web/bocstatic/m/img/create-btn.png');
    font-family: "SourceHanSerifCN-Medium";
}
.type-select{
    margin-top: .5rem;
    position: relative;
    z-index: 3;
}
.type-select .tit{
    display: block;
    height: .9rem;
    line-height: .9rem;
    padding: 0 .36rem;
    background-color: #897358;
    color: #fff;
    font-size: .28rem;
    font-family: "SourceHanSerifCNRegular";
    position: relative;
}
.type-select .tit:before{
    content: "";
    position: absolute;
    right: .36rem;
    top: 50%;
    width: .22rem;
    height: .15rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/type-select-sj.png');
    margin-top: -.075rem;
}
.type-select .sub{
    position: absolute;
    left: 0;
    top: .9rem;
    width: 100%;
    background-color: #fff;
    box-shadow:  0 0 10px rgba(0,0,0,.1);
    display: none;
    max-height: 3.3rem;
    overflow: auto;
}
.type-select .sub a{
    font-size: .24rem;
    line-height: .7rem;
    height: .7rem;
    display: block;
    color: #897358;
    border-bottom: 1px solid #ddd;
    font-family: "SourceHanSerifCNRegular";
    padding: 0 .36rem;
}
.type-select .sub a:last-child{
    border-bottom: none;
}
.share-box{
    border: .3rem solid #e4cfbb;
    overflow: hidden;
    background-color: #fff;
}
.share-box .top-box{
    padding: .3rem;
}
.share-box .top-box .img{
    position: relative;
}
.share-box .top-box img{
    width: 100%;
}
.share-box .top-box .pro{
    position: absolute;
    right: -1rem;
    bottom: -2.5rem;
    width: 5.7rem;
}
.share-box .top-box .text{
    margin-top: 1.5rem;
    padding: 0 .3rem;
}
.share-box .top-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #331f21;
    font-family: "SourceHanSerifCN-Medium";
}
.share-box .top-box .con{
    font-size: .24rem;
    line-height: .48rem;
    color: #9e8c76;
    margin-top: .56rem;
    font-family: "SourceHanSerifCN-ExtraLight";
}
.share-box .qrcode-box{
    padding: .5rem .3rem .3rem;
    background-repeat: repeat-x;
    background-position: top center;
    background-image: url('/web/bocstatic/m/img/share-line.png');
}
.share-box .qrcode-box .share-logo{
    float: left;
    width: 2.74rem;
    margin-top: .3rem;
}
.share-box .qrcode-box .share-logo img{
    width: 100%;
}
.share-box .qrcode-box .right{
    float: right;
}
.share-box .qrcode-box .right .img{
    width: 1.34rem;
    margin: 0 auto;
}
.share-box .qrcode-box .right .img img{
    width: 100%;
}
.share-box .qrcode-box .right .txt{
    font-size: .24rem;
    line-height: .3rem;
    color: #a98a73;
    font-family: "SourceHanSerifCNRegular";
    margin-top: .1rem;
}
.share-box .output-img{
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.newpd-box{
    padding: 1rem 0 1.4rem;
    background-color: #f3eee6;
    overflow: hidden;
}
.new-tit{
    font-size: .3rem;
    line-height: .4rem;
    color: #6f4748;
    font-family: "SourceHanSerifCNRegular";
    text-align: center;
}
.newpd-box .img-tab-box{
    /* margin-top: .55rem; */
    position: relative;
}
.newpd-box .img-tab .img{
    display: block;
    height: 7.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 5.7rem;
    margin: .55rem auto 0;
}
.newpd-box .img-tab-box .prev,
.newpd-box .img-tab-box .next{
    position: absolute;
    top: 4.55rem;
    width: .16rem;
    height: .34rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}
.newpd-box .img-tab-box .prev{
    left: 0;
    background-image: url('/web/bocstatic/m/img/newpd-prev.png');
}
.newpd-box .img-tab-box .next{
    right: 0;
    background-image: url('/web/bocstatic/m/img/newpd-next.png');
}
.newpd-box .img-tab-box .btns{
    margin-top: .5rem;
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 8.95rem;
    width: 100%;
    z-index: 3;
}
.newpd-box .img-tab-box .btns .swiper-pagination-bullet{
    width: .8rem;
    height: 2px;
    background-color: #897358;
    opacity: .2;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .08rem;
}
.newpd-box .img-tab-box .btns .swiper-pagination-bullet-active{
    opacity: 1;
}
.newpd-box .text{
    margin-top: 1.6rem;
    padding: 0 .3rem;
}
.newpd-box .text .tit{
    font-size: .36rem;
    line-height: .4rem;
    color: #331f21;
    font-family: "SourceHanSerifCN-Medium";
    text-align: center;
}
.newpd-box .text .con{
    font-size: .26rem;
    line-height: .48rem;
    color: #9e8c76;
    font-family: "SourceHanSerifCN-ExtraLight";
    margin-top: .4rem;
    text-align: center;
}
.newpd-box .buttons{
    font-size: 0;
    text-align: center;
    margin-top: 1.6rem;
}
.newpd-box .buttons a{
    float: left;
    width: 2.7rem;
    height: .76rem;
    text-align: center;
    font-size: 0;
}

.newpd-box .buttons a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .26rem;
    line-height: .76rem;
    font-family: "SourceHanSerifCNRegular";
    padding-left: .34rem;
    background-position: left center;
    background-size: .24rem;
    background-repeat: no-repeat;
}
.newpd-box .buttons a:nth-child(1){
    background-color: #897358;
    border: 1px solid #897358;
}
.newpd-box .buttons a:nth-child(1) span{
    background-image: url('/web/bocstatic/m/img/new-icon1.png');
    color: #fcdab0;
}
.newpd-box .buttons a:nth-child(2){
    float: right;
    border: 1px solid #7a664d;
    background-color: #f4ebdf;
}
.newpd-box .buttons a:nth-child(2) span{
    background-image: url('/web/bocstatic/m/img/new-icon2.png');
    color: #7b674e;
}
.newpd-list-tab{
    overflow: hidden;
    position: relative;
}
.newpd-list-tab .img-box{
    padding: .8rem 0 .7rem;
}
.newpd-list-tab .tit{
    font-size: .46rem;
    line-height: .5rem;
    font-family: "SourceHanSerifCNRegular";
    color: #331f21;
    text-align: center;
}
.newpd-list-tab .img{
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    position: relative;
}
.newpd-list-tab .img .heart-btn,
.swiper-container3 .swiper-slide .heart-btn{
    position: absolute;
    left: .5rem;
    top: .9rem;
    width: .46rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/info-heart.png');
}
.newpd-list-tab .img .heart-btn.cur,
.swiper-container3 .swiper-slide .heart-btn.cur{
    background-image: url('/web/bocstatic/m/img/info-heart2.png');   
}
.newpd-list-tab .text{
    padding: .7rem 0 1rem;
    background-color: #f3eee6;
    text-align: center;
    font-family: "SourceHanSerifCN-ExtraLight";
    font-size: .24rem;
    line-height: .4rem;
    color: #9e8c76;
}
.newpd-list-tab .con{
    min-height: 1.2rem;
}
.newpd-list-tab .create-btn,
.newpd-list-tab .order-btn,
.ni-con .create-btn,
.ni-con .order-btn{
    display: block;
    width: 2.7rem;
    height: .76rem;
    text-align: center;
    font-size: 0;
    background-color: #897459;
    
}

.newpd-list-tab .buttons,
.ni-con .buttons{
    margin: .65rem auto 0;
    width: 6rem;
}
.newpd-list-tab .create-btn span,
.newpd-list-tab .order-btn span,
.ni-con .create-btn span,
.ni-con .order-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .26rem;
    line-height: .76rem;
    font-family: "SourceHanSerifCNRegular";
    padding-left: .34rem;
    background-position: left center;
    background-size: .24rem;
    background-repeat: no-repeat;
    color: #fce0b9;
    
}
.newpd-list-tab .create-btn span,
.ni-con .create-btn span{
    background-image: url('/web/bocstatic/m/img/create-btn.png');
}
.newpd-list-tab .order-btn span,
.ni-con .order-btn span{
    background-image: url('/web/bocstatic/m/img/order-icon.png');
}

.newpd-list-tab .prev,
.newpd-list-tab .next{
    position: absolute;
    top: 4.35rem;
    width: .16rem;
    height: .34rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}
.newpd-list-tab .prev{
    left: .3rem;
    background-image: url('/web/bocstatic/m/img/newpd-prev.png');
}
.newpd-list-tab .next{
    right: .3rem;
    background-image: url('/web/bocstatic/m/img/newpd-next.png');
}

.newpd-list-tab .btns{
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 8.15rem;
    width: 100%;
    z-index: 3;
}
.newpd-list-tab .btns .swiper-pagination-bullet{
    width: .8rem;
    height: 2px;
    background-color: #897358;
    opacity: .2;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .08rem;
}
.newpd-list-tab .btns .swiper-pagination-bullet-active{
    opacity: 1;
}
.store-box{
    padding: .7rem 0 .35rem;
}

.store-box .select{
    float: left;
}
.store-box .store-tit{
    font-size: .48rem;
    line-height: .5rem;
    color: #331f21;
    font-family: "SourceHanSerifCNRegular";
    text-align: center;
}
.store-box .select-box{
    margin-top: .65rem;
    padding: 0 .3rem;
    position: relative;
    z-index: 3;
}
.store-box .select{
    position: relative;
}
.store-box .select .tit{
    display: block;
    height: .7rem;
    line-height: .7rem;
    padding: 0 .28rem;
    border: 1px solid #e6e6e6;
    font-family: "SourceHanSerifCNRegular";
    font-size: .28rem;
    color: #666;
    box-sizing: border-box;
    position: relative;
}
.store-box .select .tit:before{
    content: "";
    position: absolute;
    right: .28rem;
    top: 50%;
    width: .22rem;
    height: .13rem;
    margn-top: -.065rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/select-arrow.png');
}
.store-box .select .sub{
    /* display: none; */
    position: absolute;
    left: 0;
    top: .7rem;
    width: 100%;
    max-height: 2.48rem;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    overflow: auto;
}
.store-box .select .sub a{
    display: block;
    /* height: .7rem; */
    line-height: .4rem;
    border-bottom: 1px solid #ddd;
    padding: .1rem .28rem;
    font-size: .28rem;
    color: #666;
    font-family: "SourceHanSerifCNRegular";
    box-sizing: border-box;
}
.store-box .select .sub a:last-child{
    border-bottom: none;
}
.store-box .province-select{
    margin-bottom: .4rem;
    width: 100%;
}
.store-box .city-select,
.store-box .area-select{
    width: 2.6rem;
}
.store-box .city-select{
    margin-right: .18rem;
}
.store-box .select-box input[type=submit]{
    float: right;
    width: .7rem;
    height: .7rem;
    background-color: #897358;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/store-search.png');
}

.store-box .select.on{
    z-index: 3;
}
.store-box .current-city{
    font-size: .24rem;
    line-height: .3rem;
    margin-top: .4rem;
    text-align: center;
    color: #666;
    font-family: "SourceHanSerifCNRegular";
}
.store-box .letter{
    font-size: 0;
    text-align: center;
    margin-top: .4rem;
    position: relative;
    z-index: 1;
}
.store-box .letter:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #f0f0f0;
    margin-top: -1px;
}
.store-box .letter span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .6rem;
    line-height: .7rem;
    font-family: "RODETTA";
    text-transform: uppercase;
    color: #0f0f0f;
    padding: 0 .6rem;
    background-color: #fff;
    position: relative;
    z-index: 3;
}
.store-box .list .item{
    padding: .4rem;
    text-align: center;
    border-bottom: 2px solid #f0f0f0;
}
.store-box .list .item:last-child{
    border-bottom: none;
}
.store-box .list .position{
    width: .53rem;
    height: .71rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/web/bocstatic/m/img/position.png');
    margin: 0 auto;
    position: relative;
}
.store-box .list .distance{
    position: absolute;
    left: .7rem;
    top: 0;
    font-size: .24rem;
    line-height: .3rem;
    color: #c68c46;
    font-weight: bold;
} 
.store-box .list .tit{
    font-size: .38rem;
    line-height: .4rem;
    color: #111;
    font-family: "SourceHanSerifCNRegular";
    margin-top: .48rem;
}
.store-box .list .con{
    font-size: .3rem;
    line-height: .5rem;
    color: #999;
    margin-top: .4rem;
    font-family: "SourceHanSerifCNRegular";
}
.store-box .list .tel,
.store-box .list .tel a{
    font-size: .3rem;
    line-height: .5rem;
    color: #1f1f1f;
    font-family: "SourceHanSerifCNRegular";
}
.store-box .list .tel{
	margin-top: .4rem;
}
.store-box .list .tel a{
    border-bottom: 2px solid #1e1e1e;
}
.store-box .list .btns{
    margin-top: .5rem;
    font-size: 0;
}
.store-box .list .btns a{
    display: inline-block;
    width: 2.2rem;
    height: .76rem;
    line-height: .76rem;
    background-color: #897358;
    font-size: .28rem;
    color: #fff;
    font-family: "SourceHanSerifCNRegular";
    margin: 0 .3rem;
}
.store-box .list .btns a:last-child{
    margin-bottom: 0;
}
.message-box{
    padding: 1.1rem 0 1.5rem;
    background-color: #e7e3de;
}

.message-box .con-box{
    width: 4.9rem;
    margin: 0 auto;
}
.message-box .tit{
    text-align: center;
    font-size: .3rem;
    line-height: .4rem;
    color: #897358;
    font-family: "SourceHanSerifCN-ExtraLight";
}
.message-box .icon{
    width: .4rem;
    margin: .3rem auto 0;
    font-size: 0;
}
.message-box .icon img{
    width: 100%;
}
.message-box .con{
    font-family: "SourceHanSerifCNRegular";
    font-size: .3rem;
    line-height: .56rem;
    color: #000;
    text-align: center;
    margin-top: .5rem;
} 
.message-box .con span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-bottom: 1px solid #897358;
    color: #897358;
}
.message-form{
    margin-top: .55rem;
}
.message-form input[type=text],
.message-form textarea{
    display: block;
    width: calc(100% - .6rem);
    padding: .2rem .3rem;
    border: 1px solid #e6dfd5;
    background-color: #fff;
    margin-bottom: .5rem;
    color: #897358;
    font-size: .24rem;
    line-height: .3rem;
    height: .3rem;
    font-family: "SourceHanSerifCN-ExtraLight";
}
.message-form textarea{
    height: 2.8rem;
}

.message-form input[type=text]::-webkit-input-placeholder{
    color:#897358;  
}  
.message-form input[type=text]:-moz-placeholder{
    color:#897358;
}  
.message-form input[type=text]::-moz-placeholder{
    color:#897358;
}  
.message-form input[type=text]:-ms-input-placeholder {
    color:#897358;
}  

.message-form textarea::-webkit-input-placeholder{
    color:#897358;  
}  
.message-form textarea:-moz-placeholder{
    color:#897358;
}  
.message-form textarea::-moz-placeholder{
    color:#897358;
}  
.message-form textarea:-ms-input-placeholder {
    color:#897358;
}
.message-form .check-inp input{
    float: left;
    width: 50%;
}
.message-form .check-inp img{
    float: right;
    width: 30%;
    height: .7rem;
}
.message-form input[type=submit]{
    width: 3.3rem;
    height: .8rem;
    background-color: #897358;
    font-size: .28rem;
    color: #fff;
    font-family: "SourceHanSerifCN-Medium";
    margin: 0 auto;
    display: block;
}

.news-box{
    padding: .6rem 0;
    background-color: #f5f4f2;
}
.news-box .tit-box{
    text-align: center;
}
.news-box .tit-box .tit{
    font-size: .26rem;
    line-height: .3rem;
    color: #000;
    font-family: "SourceHanSerifCN-Light";
}
.news-box .tit-box .icon{
    width: .4rem;
    font-size: 0;
    margin: .2rem auto 0;
}
.news-box .tit-box .icon img{
    width: 100%;
}
.news-box .tit-box .en-tit{
    font-size: .58rem;
    line-height: .6rem;
    color: #331f21;
    font-family: "RODETTA";
    text-transform: uppercase;
    margin-top: .4rem;
}
.time-nav{
    margin-top: .4rem;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.time-nav .swiper-slide{
    width: auto;
    margin-right: .5rem;
}
.time-nav .swiper-slide:last-child{
    margin-right: 0;
}
.time-nav .swiper-slide a{
    font-size: .3rem;
    line-height: .5rem;
    height: .5rem;
    color: #766d6d;
    font-family: "RODETTA";
    padding-bottom: .28rem;
    position: relative;
}

.time-nav .swiper-slide a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #897358;
    opacity: 0;
}
.time-nav .swiper-slide.cur a{
    display: block;
    font-size: .4rem;
    line-height: .4rem;
    color: #897358;
}
.time-nav .swiper-slide.cur a:before{
    opacity: 1;
}
.news-box .type-btns{
    margin-top: .4rem;
    font-size: 0;
}
.news-box .type-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .35rem;
    border-radius: .3rem;
    border: 1px solid #897358;
    margin-right: .15rem;
    font-size: .24rem;
    color: #897358;
}
.news-box .type-btns a:last-child{
    margin-right: 0;
}
.news-box .type-btns a.cur{
    color: #fff;
    background-color: #897358;
}
.news-box .content{
    margin-top: .4rem;
}
.news-box .content li{
    margin-bottom: .4rem;
    text-align: center;
}
.news-box .content li:last-child{
    margin-bottom: 0;
}
.news-box .content li a{
    display: block;
    font-size: 0;
}
.news-box .content .img{
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-box .content .time{
    font-size: .24rem;
    line-height: .3rem;
    color: #331f21;
    font-family: "RODETTA";
    margin-top: .4rem;
}
.news-box .content .tit{
    font-size: .36rem;
    line-height: .5rem;
    color: #331f21;
    font-family: "SourceHanSerifCN-Light";
    margin-top: .1rem;
}
.news-box .content .cmore{
    font-size: .24rem;
    line-height: .3rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-bottom: .1rem;
    border-bottom: 1px solid #331f21;
    margin-top: .4rem;
    font-family: "SourceHanSerifCN-Medium";
}
.page{
    font-size: 0;
    text-align: center;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3rem;
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    text-align: center;
    color: #4c4c4c;
    font-family: "RODETTA";
    margin: 0 1px;
    vertical-align: top;
    border-radius: 2px;
}
.page a[rel=prev],
.page a[rel=next]{
    background-color: #897358;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page a[rel=prev]{
    background-image: url('/web/bocstatic/m/img/page-prev.png');
    margin-right: .25rem;
}
.page a[rel=next]{
    background-image: url('/web/bocstatic/m/img/page-next.png');
    margin-left: .25rem;
}
.page a.page-first,
.page a.page-last{
    display: none;
}
.page a.active{
    background-color: #897358;
    color: #fff;
}

.news-box .content .page{
    margin-top: 1rem;
}
.share-page header{
    display: none;
}
.share-page .clearfixed{
    display: none;
}<!--ºÄʱ1774388585.6052Ãë-->