body { padding: 0; }

/**
 * Banner
 */
#banner { height: 100vh; padding: 1.2rem 0 1.45rem; }
#banner .banner-swipe { color: #FFFFFF; height: 100%; }
#banner .custom-indicator { width: 1.8rem; height: 0.04rem; background: #606060; position: absolute; z-index: 10; bottom: -0.3rem; left: 50%; margin-left: -0.9rem; border-radius: 0.04rem; overflow: hidden; transition: all 1s 2.5s; }
#banner .custom-indicator.init { bottom: 0.1rem; }
#banner .progress { height: 100%; border-radius: 0.04rem; background: #FFFFFF; transition: all 0.5s; }
#banner .van-swipe-item { display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000000; position: relative; }
#banner .block { position: relative; width: 5.3rem; height: 62vh; background: #000000; display: flex; align-items: center; justify-content: center; flex-direction: column; transform: translateY(100vh); opacity: 0; }
#banner .block.color2 { background: #FE9000; }
#banner .block.color3 { background: #8FA7AE; }
#banner .title { position: relative; z-index: 30; transform: translateY(100vh); opacity: 0; }
#banner .title.en { z-index: 10; font-family: AkzidenzGroteskBQ; font-size: 1.19rem; font-weight: normal; line-height: 1.41rem; text-align: center; }
#banner .title.en > span { display: inline-block; position: relative; }
#banner .title.en > span::after { content: ""; width: 0; height: 0.05rem; background: #FFFFFF; position: absolute; bottom: 0; z-index: 30; border-radius: 0.04rem; transition: all 1s 2s; }
#banner .title.en > span:first-child::after { left: 0; }
#banner .title.en > span:last-child::after { right: 0; }
#banner .title.cn { margin-top: 0.48rem; font-size: 0.52rem; font-weight: normal; text-align: center; word-wrap: normal; word-break: normal; white-space: normal; }
#banner .image { position: absolute; z-index: 20; top: -7%; left: 50%; transform: translateX(-50%) translateY(100vh); height: 114%; opacity: 0; }
#banner .block.active { transform: translateY(0); opacity: 1; transition: all 1.3s 0.2s; }
#banner .block.active .title.en { transform: translateY(0); opacity: 1; transition: all 1.3s 0.6s; }
#banner .block.active .title.en > span::after { width: 100%; }
#banner .block.active .title.cn { transform: translateY(0); opacity: 1; transition: all 1.3s 1s; }
#banner .block.active .image { transform: translateX(-50%) translateY(0); opacity: 1; transition: all 1.3s 1.7s; }
#banner .timgs { position: absolute; z-index: 30; width: 100%; height: 100%; top: 0; left:0; display:flex; flex-direction: column;align-items: center;justify-content: center; }
#banner .timg { max-width:100%; }
#banner .title-image { margin-bottom:0.6rem; }


/**
 * 金刚区
 */
.module-wrapper-district { padding-top: 0.3rem; padding-bottom: 0.3rem; margin-top: 3px; background: #111111; }
.module-wrapper-district .module-wrap { position: relative; }
.module-wrapper-district .module-wrap::after { content: ""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.15); z-index: 30; left: 50%; top: 0; transform: scaleX(0); transition: all 1.2s 0.6s; }
.module-wrapper-district .row { display: flex; height: 5.06rem; position: relative; }
.module-wrapper-district .row:first-child::after { content: ""; position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,0.15); z-index: 30; left: 0; bottom: 0; transform: scaleX(0); transition: all 1.2s 0.6s; }
.module-wrapper-district .item { flex: 1; flex-shrink: 0; height: 100%; overflow: hidden; line-height: 1; }
.module-wrapper-district .item:active { opacity: 0.9; }
.module-wrapper-district .row:first-child .item:first-child { padding-right: 0.4rem; padding-bottom: 0.5rem; }
.module-wrapper-district .row:first-child .item:last-child { padding-left: 0.4rem; padding-bottom: 0.5rem; }
.module-wrapper-district .row:last-child .item:first-child { padding-right: 0.4rem; padding-bottom: 0.5rem; }
.module-wrapper-district .row:last-child .item:last-child { padding-left: 0.4rem; padding-bottom: 0.5rem; }
.module-wrapper-district .box { height: 100%; padding-top: 0.6rem; display: flex; flex-direction: column; justify-content: space-between; }
.module-wrapper-district .row:first-child .item:first-child img { width: 0.8rem; }
.module-wrapper-district .row:first-child .item:last-child img { width: 1.2rem; }
.module-wrapper-district .row:last-child .item:first-child img { width: 1rem; }
.module-wrapper-district .row:last-child .item:last-child img { width: 1.2rem; }
.module-wrapper-district label { font-size: 0.39rem; margin-bottom: 0.3rem; display: block; color: #FFFFFF; }
.module-wrapper-district .more { font-size: 0.28rem; color: #F9F9F9; font-family: AkzidenzGroteskBQ; }
.module-wrapper-district.animated .module-wrap::after { transform: scaleY(1); }
.module-wrapper-district.animated .row:first-child::after { transform: scaleX(1); }

/* banner */
#banner .van-swipe-item{
    justify-content: normal;
    align-items: normal;
}
.bf-NewBanner{
    padding-top: 0 !important;
}
.bf-NewBanner .bf-itemBox{
    padding-left: 0.38rem;
    padding-right: 0.5rem;
    margin-top: 2.19rem;
}
.bf-NewBanner .bf-itemBox .banner-mImg{
    width: 5.25rem;
    margin-bottom: 0.25rem;
}
.bf-NewBanner .bf-itemBox p{
    font-size: 0.64rem;
    color: #fff;
}
.bf-NewBanner .bf-itemBox .bannerStartText{
    font-size: 0.32rem;
    color: #fff;
    margin-top: 0.45rem;
}
.bf-NewBanner .bf-itemBox .bannerStartText .bannerStartImg{
    vertical-align: text-top;
    margin-left: 0.1rem;
}
.bf-NewBanner .bf-itemBox  .btm{
    margin-top: 0.6rem;
    margin-left: 0.81rem;
}
.bf-NewBanner .bf-itemBox  .btm img{
    width: 5.78rem;
    height: 5.86rem;
    object-fit: cover;
}
#banner .bf-itemBox .top{
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
#banner .bf-itemBox.active .top{
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
#banner .bf-itemBox .btm{
    opacity: 0;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
#banner .bf-itemBox.active .btm{
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

/* 2023-4-26 改版（新增模块） */
/* 标梵新闻 */
.module-wrapper-bfNews{
    background: #fff;
    padding-top: 1.2rem;
    padding-bottom: 0.98rem;
}
.module-wrapper-bfNews .title{
    text-align: center;
    padding-bottom: 0.55rem;
    font-size: 0.72rem;
    color: #111111;
    font-weight: normal;
    position: relative;
}
.module-wrapper-bfNews .title::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    transition: all 0.6s 1s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}
.module-wrapper-bfNews .title.animated::after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}
.module-wrapper-bfNews .introduce{
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    color: #666666;
    font-size: 0.28rem;
    width: 4.2rem;
    text-align: center;
    line-height: 0.44rem;
    margin-left: auto;
    margin-right: auto;
}
.module-wrapper-bfNews .bfNews-switch{
    display: flex;
    justify-content: space-between;
}
.module-wrapper-bfNews .bfNews-switch li a{
    color: #2a2c2e;
}
.module-wrapper-bfNews .bfNews-list{
    margin-top: 0.55rem;
}
.module-wrapper-bfNews .bfNews-list li{
    margin-bottom: 0.6rem;
}
.module-wrapper-bfNews .bfNews-list li a img{
    width: 100%;
}
.module-wrapper-bfNews .bfNews-list li a .newsTitle{
    font-size: 0.36rem;
    color: #000;
    text-align: justify;
    line-height: 1.5;
    margin-top: 0.2rem;
    margin-bottom: 0.13rem;
    /* min-height: 0.57rem;
    height: auto; */
}
.module-wrapper-bfNews .bfNews-list li a .newsTime{
    font-size: 0.28rem;
    color: #999999;
    font-family: AkzidenzGroteskBQ;
}
.module-wrapper-bfNews .more{
    font-family: AkzidenzGroteskBQ;
    font-size: 0.53rem;
    width: 2rem;
    text-align: center;
    color: #999999;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.bfNews-switch .active-text a{
    color: #d7063a !important;
}

/* 客户说 */
.module-wrapper-customerSaid{
    background: #19171c;
    padding-top: 1.2rem;
    padding-bottom: 0.98rem;
}
.module-wrapper-customerSaid .title{
    text-align: center;
    padding-bottom: 0.55rem;
    font-size: 0.72rem;
    color: #fff;
    font-weight: normal;
    position: relative;
    margin-bottom: 0.55rem;
}
.module-wrapper-customerSaid .title::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    transition: all 0.6s 1s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}
.module-wrapper-customerSaid .title.animated::after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}
.module-wrapper-customerSaid .more{
    font-family: AkzidenzGroteskBQ;
    font-size: 0.53rem;
    width: 2rem;
    text-align: center;
    color: #999999;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.module-wrapper-customerSaid .saidImgBox img{
    width: 100%;
    height: 6.38rem;
    object-fit: cover;
    margin-bottom: 0.60rem;
}
.module-wrapper-customerSaid .sayingBox .textBox{
    color: #fff;
    font-size: 0.30rem;
    line-height: 1.5;
    text-indent: 0.72rem;
}
.module-wrapper-customerSaid .sayingBox .sourceBox{
    color: #fff;
    font-size: 0.30rem;
    margin-top: 0.60rem;
}
.module-wrapper-customerSaid .customerListBox {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.module-wrapper-customerSaid .customerList{
    width: 2rem;
	height: 2rem;
	/* background: #615e63; */
	opacity: .3;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
    margin-top: 0.6rem;
	background: rgba(255, 255, 255, 1);

}
.module-wrapper-customerSaid .customerList img{
    object-fit: contain;
    width: 100%;
    height: 100%;
	padding: 0.1rem;
    filter: grayscale(100%);
	-webkit-filter:grayscale(100%);
	opacity: 0.66;
}
.module-wrapper-customerSaid .customer-active {
	background: #fff;
	opacity: 1;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.module-wrapper-customerSaid .customer-active img{
	filter: none;
	-webkit-filter: none;
	opacity: 1;
}
.newHeader{
    background: transparent !important;
}

#header .menu-icon > i:last-child {
    background: #fff;
    top: auto;
    bottom: 0.4rem;
}

/* 2023-05-30 弹窗新增 */
.bf-Mask{
	width: 100vw;
	height: 100vh;
	background: #333333;
	opacity: 0.5;
	position: fixed;
	top: 0;
	z-index: 601;
	display: none;
}
.bf-tellMask-m{
	width: 6.57rem;
	min-height: 5.2rem;
    height: auto;
	background: url('/statics/home/images/mask-bg.png');
    background-size: cover;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 601;
	display: none;
    padding-top: 0.45rem;
    padding-left: 0.40rem;
    padding-bottom: 0.45rem;
    padding-right: 0.40rem;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.bf-mask-outBox{
    position: relative;
}
.bf-mask-outBox .bf-dels{
    position: absolute;
    right: -0.17rem;
    top: -0.17rem;
}
.bf-mask-outBox .title{
    color: #333333;
    font-size: 20px;
}
.bf-mask-listBox{
    display: flex;
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f2f4;
}
.bf-mask-listBox li{
    width: 1.8rem;
    height: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 9px;
    background-color: #f3eaf0;
    color: #d7063a;
    font-size: 0.14rem;
}

.bf-mask-outBox  .btm{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.bf-mask-outBox  .btm .img-box{
    width: 120px;
    height: 125px;
    /* background: red; */
    /* margin-right: 0.37rem; */
    /* position: relative; */
}
.bf-mask-outBox  .btm .img-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* .bf-mask-outBox  .btm .img-box::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/statics/home/images/xxbiao.png) no-repeat center;
    background-size: 0.25rem 0.25rem;
} */
.bf-mask-outBox  .btm .desc .titles{
    font-size: 0.34rem;
    font-weight: 700;
    color: #333333;
    margin-bottom: 0.3rem;
}
.bf-mask-outBox  .btm .desc .tell{
    font-family: AkzidenzGroteskBQ-LigExt;
    font-size: 0.46rem;
    color: #d7063a;
    /* margin-top: 0.05rem; */
}
/* .bf-mask-outBox  .btm .desc .tell a{
    color: #d7063a;

} */
.bf-mask-outBox  .btm .desc .online-talk{
    display: inline-block;
    width: 2.5rem;
    height: 0.7rem;
    background: #d7063a;
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.3rem;
}
.bf-mask-outBox  .final-text{
    font-size: 0.26rem;
    color: #333333;
    margin-top: 0.28rem;
}