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

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

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

@font-face {
  font-family: "SourceHanSerifCN-Light";
  src: url("/en/web/bocstatic/m/font/SourceHanSerifCN-Light.woff2") format("woff2"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-Light.woff") format("woff"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-Light.ttf") format("truetype"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-Light.eot") format("embedded-opentype"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSerifCN-ExtraLight";
  src: url("/en/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.woff2") format("woff2"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.woff") format("woff"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.ttf") format("truetype"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.eot") format("embedded-opentype"),
       url("/en/web/bocstatic/m/font/SourceHanSerifCN-ExtraLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
 */
@font-face {
  font-family: "RODETTA";
  src: url("/en/web/bocstatic/m/font/RODETTA.woff2") format("woff2"),
       url("/en/web/bocstatic/m/font/RODETTA.woff") format("woff"),
       url("/en/web/bocstatic/m/font/RODETTA.ttf") format("truetype"),
       url("/en/web/bocstatic/m/font/RODETTA.eot") format("embedded-opentype"),
       url("/en/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: 0.84rem; */
}
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;
}
.service-box-tip{
  z-index:22;
  position: fixed;
  width: 6.7rem;
  padding: 0.8rem 0.2rem;
  left: 0.2rem;
  top:3rem;
  background: #fff;
  border-radius: 0.08rem;
}

.service-box-tip h3{
  font-size: 0.3rem;
  line-height:0.34rem;
  text-align: center;
  color: #333;
}
.service-box-tip .btns{
  width: 6.5rem;
  margin: 0.5rem auto 0;
}
.service-box-tip .btns a{
  display: block;
  width: 3rem;
  height: 0.8rem;
  line-height:0.8rem;
  text-align: center;
  font-size: 0.32rem;
  background: #bea26c;
  color: #fff;
}
.menu-close {
    position: fixed;
    width: 0.82rem;
    height: 0.9rem;
    left: 0;
    top: 0;
    background: url("/en/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("/en/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("/en/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("/en/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('/en/web/bocstatic/m/img/nav-icon1.png');
}
.menu .c3:nth-child(2):before{
    background-image: url('/en/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('/en/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('/en/web/bocstatic/m/img/bg_btn01b.png');
}

/* header .btn.cur {
    background: url("/en/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("/en/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("/en/web/bocstatic/m/img/img02.png") no-repeat center right;
    background-size: 13px 13px
}

footer .tt.cur {
    background: url("/en/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("/en/web/bocstatic/m/img/img04.png") no-repeat;
    background-size: 100%
}

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

footer .bdsharebuttonbox .bds_tqq {
    background: url("/en/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('/en/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-banner .swiper-container1 {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.w-banner .swiper-pagination1 {
  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%;
}
.w-banner .swiper-pagination-bullet {
  width: 42px;
  height: 8px;
  margin: 0;
  background: url("/en/web/bocstatic/m/img/img08.png") no-repeat;
  background-size: 100%;
}
.w-banner .swiper-pagination-bullet:last-child {
  width: 10px;
  height: 8px;
  background: url("/en/web/bocstatic/m/img/img09.png") no-repeat;
  background-size: 100%;
}
.w-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url("/en/web/bocstatic/m/img/img10.png") no-repeat;
  background-size: 100%;
}
.w-banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
  background: url("/en/web/bocstatic/m/img/img11.png") no-repeat;
  background-size: 100%;
}
.w-banner .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
}
.w-banner .swiper-slide{
  position: relative;
}
.w-banner .swiper-slide .btit{
  width: 100%;
  position: absolute;
  left:0;
  top:2.11rem;
}
.w-banner .swiper-slide .btit .year{
  width: 1.65rem;
  height: 0.32rem;
  background: url("/en/web/bocstatic/m/img/img98.png") no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.w-banner .swiper-slide .btit .en{
  text-align: center;
  font-size: 0.6rem;
  line-height:0.65rem;
  margin-top: 0.3rem;
  color: #fff;
}
.w-banner .swiper-slide .btit .cn{
  font-size: 0.28rem;
  line-height:0.28rem;
  color: #fff;
  text-align: center;
  margin-top: 0.28rem;
}
.w-banner .swiper-slide .btit .tb{
  width: 0.37rem;
  height: 0.21rem;
  background: url("/en/web/bocstatic/m/img/img99.png") no-repeat;
  background-size: cover;
  margin: 0.59rem auto 0;
} */
.w-wrap2 {
  position: relative;
  background: url("/en/web/bocstatic/m/img/img14.jpg") no-repeat;
  background-size: 100% auto;
}
.w-wrap2 .box {
  width: 38%;
  padding: 0.6rem 6% 0.9rem;
}
.w-wrap2 .box a {
  display: block;
}
.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("/en/web/bocstatic/m/img/img15.png") no-repeat;
  background-size: 100%;
}

.more {
  display: block;
  width: 1.5rem;
  color: #bea26c;
  font-size: 0.18rem;
  line-height: 0.18rem;
  background: url("/en/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: 4.3rem;
  font-size: 0.36rem;
  line-height: 1;
  padding-left: 0.13rem;
  margin: 0 auto;
  background: url("/en/web/bocstatic/m/img/img17.jpg") no-repeat left center;
  background-size: 0.05rem 0.05rem;
  text-align: center;
}
.w-wrap4 .tt span {
  display: block;
  padding-right: 0.13rem;
  background: url("/en/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: 2.8rem;
  padding: 0rem 0.2rem 0.3rem;
  float: left;
  height: 2.5rem;
  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.24rem;
  line-height: 1;
  color: #010101;
  text-align: center;
  /*margin-top: 0.4rem;*/
}
.w-wrap4 .more {
  margin: 0.16rem auto;
}
.w-wrap4 .cover {
  width: 0.45rem;
  height: 0.39rem;
  background: url("/en/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: 2.5rem;
  font-size: 0.36rem;
  line-height: 1;
  padding-left: 0.13rem;
  margin: 0 auto;
  background: url("/en/web/bocstatic/m/img/img17.jpg") no-repeat left center;
  background-size: 0.05rem 0.05rem;
  text-align: center;
}
.w-wrap6 .tt span {
  display: block;
  padding-right: 0.13rem;
  background: url("/en/web/bocstatic/m/img/img17.jpg") no-repeat right center;
  background-size: 0.05rem 0.05rem;
}
.w-wrap6 .tt span a{
  color: #333;
}
.w-wrap6 .list {
    font-family: 'Arial';
  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("/en/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;
  padding: 0 0.2rem;
  height: 0.62rem;
  overflow: hidden;
}
.w-wrap6 p {
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #999999;
  margin-top: 0.26rem;
  padding: 0 0.2rem;
  height: 1.44rem;
  overflow: hidden;
}
.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("/en/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("/en/web/bocstatic/m/img/img28.png") no-repeat left center;
  background-size: 0.2rem 0.13rem;
  text-align: center;
}
.newpd-wrap h2 span {
  display: block;
  padding-right: 0.4rem;
  background: url("/en/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("/en/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("/en/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-family: 'Arial';
  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;
  height: 7.5rem;
}
.swiper-container3 .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.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("/en/web/bocstatic/m/img/img35.png") no-repeat;
  background-size: 100% 100%;
  right: 0;
  top: 0.29rem;
}
.ni-con .tt i.cur {
  background: url("/en/web/bocstatic/m/img/img36.png") no-repeat;
  background-size: 100% 100%;
}
.ni-con .info {
    font-family: 'Arial';
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #888;
  display: none;
  padding-bottom: 0.47rem;
}
.ni-con .info img{
  max-width: 100%;
}
.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("/en/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("/en/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.8rem;
  padding-left: 0.44rem;
  margin: 0 auto;
  background: url("/en/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("/en/web/bocstatic/m/img/img40.png") no-repeat right center;
  background-size: 0.25rem 0.18rem;
}
.j-con p {
    font-family: 'Arial';
  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: 4.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("/en/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("/en/web/bocstatic/m/img/img28.png") no-repeat right center;
  background-size: 0.24rem 0.17rem;
}
.ji-con p {
    font-family: 'Arial';
  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.44rem;
}
.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("/en/web/bocstatic/m/img/img46.jpg") no-repeat;
  background-size: 100% auto;
}
.ser-con p {
    font-family: 'Arial';
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #232323;
  padding-top: 0.73rem;
  width: 6.9rem;
  margin: 0 auto;

}
.ser-con .btns {
  width: 4.14rem;
  margin: 0.7rem auto 0;
}
.ser-con .btns a {
  width: 3.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;
  margin: 0.2rem auto 0;
}
.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: 3.2rem;
    float: right;
    background: #f6f6f6;
    padding: 0.3rem 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("/en/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("/en/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;
}
.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("/en/web/bocstatic/m/img/img52.jpg") no-repeat;
  background-size: 100% 100%;
}

.sub-oppo {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 5;
  left: 0;
  top: 0;
  display: none;
}
.sub-oppo .sub-box {
  position: absolute;
  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("/en/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.6rem;
  font-size: 0.22rem;
  line-height: 0.6rem;
  color: #666666;
  padding-left: 0.12rem;
  width: 1.6rem;
  background: url("/en/web/bocstatic/m/img/img54.jpg") no-repeat left center;
  background-size: 0.07rem 0.12rem;
  overflow: hidden;
}
.sub-oppo .sub-box .list {
  margin-top: 0.27rem;
  padding-bottom: 0.34rem;
}

.wd-con {
  position: relative;
}
.wd-con .abox{
  display: inline-block;
  height: 0.91rem;
  width: 6.30rem;
  overflow: hidden;
}
.wd-con .content {
  margin-top: 0.23rem;
  padding: 0 0.29rem;
  margin-bottom: 0.23rem;
}
.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;
  margin-bottom: 0.17rem;
}
.wd-con .content .imglist .dian {
  width: 0.98rem;
  height: 0.98rem;
  background: url("/en/web/bocstatic/m/img/img96.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 2.96rem;
  top: 3.17rem;
}
.wd-con .content .imglist .sanjiao{
  width: 0.21rem;
  height: 0.16rem;
  background: url("/en/web/bocstatic/m/img/img97.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: -0.01rem;
  left: 3.25rem;
}
.wd-con .content .imglist a {
  display: block;
  width: 3.40rem;
  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 li:nth-child(2),
.wd-con .content .imglist li:nth-child(3) {
  background: #fafafa;
}
.wd-con .content .imglist li:nth-child(1) ,
.wd-con .content .imglist li:nth-child(3) {
  margin-right: 0.06rem;
}
.wd-con .content .imglist li:nth-child(2) ,
.wd-con .content .imglist li:nth-child(4) {
  margin-left: 0.06rem;
}
.wd-con .content .imglist li:nth-child(1),
.wd-con .content .imglist li:nth-child(2){
  margin-bottom: 0.12rem;
}
.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 .content li.big{*/
  /*width: 6.92rem;*/
  /*height: 3.74rem;*/
  /*background-size: cover;*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*position: relative;*/
  /*margin-bottom: 0.2rem;*/
  /*padding: 0;*/
/*}*/
/*.wd-con .content li.big a{*/
  /*display: inline;*/
/*}*/
/*.wd-con .content li{*/
  /*float: left;*/
  /*width: 3.46rem;*/
  /**/
  /*background-size: cover;*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
/*}*/
/*.wd-con .content li a{*/
  /*display: block;*/
  /*height: 3.275rem;*/
  /*!*padding-top: 0.37rem;*!*/
   /*width: 3.46rem;*/
/*}*/
/*.wd-con .content li .name {*/
  /*font-size: 0.28rem;*/
  /*line-height: 1;*/
  /*text-align: center;*/
  /*margin-top: 0.26rem;*/
  /*color: #110e0e;*/
/*}*/
/*.wd-con .content li:nth-child(3n+1) {
  background: #f5f1ee;
}*/
.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.15rem;
  color: #bea26c;
}

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

.seealso .tit {
  width: 4.56rem;
  height: 0.7rem;
  background: url("/en/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 li {
  background: url("/en/web/bocstatic/m/img/img60.jpg") no-repeat;
  background-size: 100% 100%;
  float: left;
  width: 3.56rem;
  /*height: 3.56rem;*/
  /* margin-right: 0.15rem; */
  margin-bottom: 0.15rem;
}
.seealso .list li:nth-child(2n){
    float: right;
}
.seealso .list li a {
  display: block;
  width: 3.56rem;
  height: 3.56rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.seealso .list li .name {
  font-size: 0.28rem;
  line-height: .4rem;
  color: #110e0e;
  /*position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.28rem;*/
  text-align: center;
}

.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("/en/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("/en/web/bocstatic/m/img/img28.png") no-repeat left center;
  background-size: 0.2rem 0.13rem;
  text-align: center;
}
.cul-con h3 span {
  display: block;
  padding-right: 0.4rem;
  background: url("/en/web/bocstatic/m/img/img28.png") no-repeat right center;
  background-size: 0.2rem 0.13rem;
}
.cul-con p {
    font-family: 'Arial';
  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("/en/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;
  position: relative;
  z-index:1;
}
.video-con video {
  width: 100%;
  height: 5.54rem;
}
.video-con .name {
  padding-left: 0.27rem;
  font-size: 0.28rem;
  color: #333;
  line-height: 1.03rem;
  background: url("/en/web/bocstatic/m/img/img66.png") no-repeat 0.15rem center;
  background-size: auto 35%;
}
.video-con .name span {
  display: inline-block;
  width: 0.53rem;
  height: 0.53rem;
  background: url("/en/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("/en/web/bocstatic/m/img/img71.png") no-repeat;
  background-size: 100% 100%;
  margin: 0.8rem auto 0;
}
.history-con .tit {
  background: url("/en/web/bocstatic/m/img/img67.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 5.04rem;
  /*height: 1.79rem;*/
  height: 1rem;
}
.history-con ul {
  padding-left: 0.46rem;
  margin-top: 0.74rem;
}
.history-con li.first {
  background: url("/en/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;
  min-height: 2.15rem;
  background: url("/en/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-family: 'Arial';
  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 {
  padding: 0.46rem 0 0.46rem 0.3rem;
}
.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-size: 0.18rem 0.19rem;
} */

.kd-con .content {
  padding: 0 0.29rem 1.29rem;
}
.kd-con .content a {
  display: block;
  width: 3.3rem;
}
.kd-con .content li {
  margin-bottom: 0.15rem;
  float: left;
}
.kd-con .content li:nth-child(odd) {
  border-right: 1px dashed #c7c7c6;
  padding-right: 0.14rem;
}
.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;
  height:0.52rem;
  overflow: hidden;
  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 .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 {
    font-family: 'Arial';
  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.38rem;
}
.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-family: 'Arial';
  font-size: 0.2rem;
  line-height: 0.4rem;
  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("/en/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: 7.6rem;*/
  padding-bottom:1rem;
  margin: 0.5rem auto 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.design-con .style1 .swiper-container6 .pl3 {
    font-family: 'Arial';
  padding-left: 0.44rem;
  padding-right: 0.44rem;
}
.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("/en/web/bocstatic/m/img/img79.png") no-repeat;
  background-size: 100% 100%;
}
.design-con .style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url("/en/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-family: 'Arial';
  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("/en/web/bocstatic/m/img/img79.png") no-repeat;
  background-size: 100% 100%;
}
.design-con .style2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url("/en/web/bocstatic/m/img/img80.png") no-repeat;
  background-size: 100% 100%;
}
.design-con .cmore {
  display: block;
  width: 2.6rem;
  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("/en/web/bocstatic/m/img/img81.png") no-repeat 2.7rem 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: 2.7rem;
  font-size: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
  color: #d3ae79;
  padding-right: 0.16rem;
  background: url("/en/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);
}
.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("/en/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("/en/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("/en/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.3rem 0.73rem 0;
  width: 6.04rem;
}
.selectbox .line {
  margin-bottom: 0.42rem;
}
.selectbox .line .tt {
  font-size: 0.3rem;
}
.selectbox .select {
  padding: 0.08rem;
  background: url("/en/web/bocstatic/m/img/img93.jpg") no-repeat;
  background-size: cover;
}
.selectbox .textbox {
  padding: 0.08rem;
  background: url("/en/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("/en/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: 0.7rem;
}

.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;
}
.small-loading {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  border-radius: 3px;


}

/* .small-loading>li{
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #67d8fd;
  border-radius: 4px;
  opacity: 0.2;

  -webkit-animation: show1 0.8s infinite ease-in-out;
}
@-webkit-keyframes show1 {
  100%{
    opacity: 0.8;
  }
}
.small-loading>li:first-child{
  top:1px;
  left:50%;
  margin-left: -2px;
  -webkit-animation-delay: -0.8s;
}
.small-loading>li:nth-child(2){
  right:5px;
  top:5px;
  -webkit-animation-delay: -0.7s;
}
.small-loading>li:nth-child(3){
  right: 1px;
  top:50%;
  margin-top: -2px;
  -webkit-animation-delay: -0.6s;
}
.small-loading>li:nth-child(4){
  right:5px;
  bottom:5px;
  -webkit-animation-delay: -0.5s;
}
.small-loading>li:nth-child(5){
  bottom: 1px;
  left:50%;
  margin-left: -2px;
  -webkit-animation-delay: -0.4s;
}
.small-loading>li:nth-child(6){
  left:5px;
  bottom:5px;
  -webkit-animation-delay: -0.3s;
}
.small-loading>li:nth-child(7){
  left: 1px;
  top:50%;
  margin-top: -2px;
  -webkit-animation-delay: -0.2s;
}
.small-loading>li:nth-child(8){
  left:5px;
  top:5px;
  -webkit-animation-delay: -0.1s;
} */




/*е¯´°*/
.back-black{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9999999;
}


.h3b{
  text-align: center;
}
.h3b h3{
  width: auto !important;
  display: inline-block !important;
  margin: 0 !important;
}
.h3b h2{
  width: auto !important;
  display: inline-block !important;
  margin: 0 !important;
}
[v-cloak]{
  display: none;
}
.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("/en/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("/en/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('/en/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('/en/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;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* 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('/en/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('/en/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('/en/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('/en/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('/en/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;
    width: 3rem;
    text-align: center;
}
.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('/en/web/bocstatic/m/img/newpd-prev.png');
}
.newpd-box .img-tab-box .next{
    right: 0;
    background-image: url('/en/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('/en/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('/en/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('/en/web/bocstatic/m/img/info-heart.png');
}
.newpd-list-tab .img .heart-btn.cur,
.swiper-container3 .swiper-slide .heart-btn.cur{
    background-image: url('/en/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: 2.4rem;
}
.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('/en/web/bocstatic/m/img/create-btn.png');
}
.newpd-list-tab .order-btn span,
.ni-con .order-btn span{
    background-image: url('/en/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('/en/web/bocstatic/m/img/newpd-prev.png');
}
.newpd-list-tab .next{
    right: .3rem;
    background-image: url('/en/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('/en/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('/en/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('/en/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 .3rem;
    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('/en/web/bocstatic/m/img/page-prev.png');
    margin-right: .25rem;
}
.page a[rel=next]{
    background-image: url('/en/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;
}

/*# sourceMappingURL=style.css.map */
<!--ºÄʱ1774395286.0047Ãë-->