@media only screen and (max-width:768px) {
	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 998;
	}

	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-xs-1,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9 {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}

	.container {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}

	.row {
		margin-right: -0.4rem;
		margin-left: -0.4rem;
	}

	.header {
		min-height: 1.173333rem;
	}

	.site-logo {
		padding-top: 0.16rem;
	}

	.site-logo img {
		height: 0.56rem;
	}

	.site-logo .txt {
		margin-top: 0.106667rem;
		font-size: 0.16rem;
	}

	.head-height {
		height: 1.173333rem;
	}

	.header .mobi-toggler {
		display: none;
	}

	.header .row {
		position: relative;
	}

	.header .menu {
		display: block;
		width: 0.666667rem;
		position: absolute;
		top: 0.253333rem;
		right: 0.4rem;
	}

	.header .menu-list {
		width: 3.813333rem;
		background: #FFFFFF;
		box-shadow: 0 0 0.4rem 0.013333rem rgba(0, 0, 0, 0.06);
		border-radius: 0.266667rem !important;
		position: absolute;
		z-index: 1;
		top: 1.066667rem;
		right: 0.4rem;
		overflow: hidden;
	}

	.header .menu-item {
		width: 100%;
		height: 1.24rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #FFFFFF;
		font-size: 0.32rem;
		color: #666666;
		border-top: 0.013333rem solid #F1F1F1;
	}

	.header .menu-item:first-child {
		border-top: none;
	}

	.header .menu-item:hover {
		background: #FFF9DB;
		font-weight: 800;
		text-decoration: none;
	}

	.banner-box {
		margin-top: 0;
	}

	.banner-box .banner-page-box {
		display: none;
	}

	.banner-box .swiper-slide {
		min-height: 4.213333rem;
	}

	.banner-box .promo-like {
		top: 1.506667rem;
		left: 1.48rem;
		width: 1.266667rem;
		height: 1.266667rem;
		font-size: 0.7rem;
		padding: 0.333333rem;
		position: static;
		margin-right: 0.133333rem;
	}

	.center-block-body {
		text-align: left;
	}

	.banner-box .promo-wrap {
		display: flex;
		align-items: stretch;
		justify-content: center;
		margin-top: -0.4rem;
	}

	.banner-box .promo-like-text {
		padding: 0.133333rem;
		min-height: 1.266667rem;
		width: 5.7rem;
	}

	.banner-box .promo-like-text h2 {
		margin: 0 0 0.133333rem;
		font: unset;
		font-size: 0.24rem;
		font-weight: 400;
	}

	.banner-box .promo-like-text p {
		font-weight: 400;
		font-size: 0.186667rem;
		color: #FFFFFF;
		margin-top: 0.133333rem;
	}

	.news-block {
		padding: 2.3333333rem 0 0.666667rem;
		min-height: 10rem;
		background: #F8F8F8 url(https://cdn.oss.bon-top.cn/btweb/assets/images/news-bg-wap.png) no-repeat;
		background-size: 100%;
		background-position: center bottom;
	}

	.news-block .empty {
		height: 5.333333rem;
		line-height: 5.333333rem;
		font-size: 0.32rem;
	}

	.intro-list {
		top: -3.5rem;
	}

	.intro-list .intro-item:nth-child(1) {
		padding: 0.213333rem 0.266667rem;
		width: calc(50% - 0.2rem);
		min-height: 2.986667rem;
		margin-left: 0.3rem;
		background-image: url(https://cdn.oss.bon-top.cn/btweb/assets/images/intro-bg-wap-1.png);
	}

	.intro-list .intro-item:nth-child(2) {
		padding: 0.213333rem 0.266667rem;
		margin-left: 0;
		width: calc(50% - 0.2rem);
		min-height: 2.986667rem;
		background-image: url(https://cdn.oss.bon-top.cn/btweb/assets/images/intro-bg-wap-1.png);
	}

	.intro-list .intro-item .txt {
		font-size: 0.266667rem;
	}

	.intro-list .intro-item .txt span {
		display: none;
	}

	.intro-list .intro-item .wap-txt {
		display: block;
		font-size: 0.213333rem;
		color: #666666;
		margin-top: 0.053333rem;
	}

	.intro-list .intro-item .des {
		margin-top: 0.106667rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: 0.186667rem;
		width: 3.973333rem;
	}

	.intro-list .intro-item .m {
		margin-top: 0.213333rem;
	}

	.intro-list .intro-item .m .l {
		margin-right: 0.16rem;
	}

	.intro-list .intro-item .m .l .to-url {
		padding: 0.16rem 0.32rem;
		font-weight: 500;
		font-size: 0.24rem;
	}

	.intro-list .intro-item .m .l .icon1 {
		display: none;
	}

	.intro-list .intro-item .m .l .txt-des {
		display: none;
	}

	.intro-list .intro-item .m .r .icon1 {
		width: 0.213333rem;
		height: 0.213333rem;
		margin-right: 0.106667rem;
	}

	.intro-list .intro-item .m .r .txt-des {
		font-size: 0.24rem;
		color: #F36B3D;
	}

	.intro-list .intro-item .m .r .icon2 {
		width: 0.533333rem;
		height: 0.533333rem;
		margin-left: 0;
	}

	.intro-list .intro-item .m .r:hover .qr-mask {
		display: none;
		top: 0.4rem;
		width: 2rem;
		padding: 0.106667rem 0;
	}

	.intro-list .intro-item .m .r .qr-mask img {
		width: 1.6rem;
		height: 1.6rem;
		border-radius: 0.213333rem !important;
	}

	.intro-list .intro-item .m .r .qr-mask .txt1 {
		margin-top: 0.106667rem;
		font-size: 0.186667rem;
	}

	.intro-list .intro-item .m .r .qr-mask .txt2 {
		margin-top: 0.053333rem;
		font-size: 0.186667rem;
	}

	.news-block .cate-list {
		margin-top: 0.16rem;
		overflow-x: scroll;
		flex-wrap: nowrap;
	}

	.news-block .cate-list .cate-item {
		margin-top: 0.16rem;
		font-size: 0.293333rem;
		min-width: 1.706667rem;
		padding: 0.133333rem 0 0.266667rem;
	}

	.news-block .news-main {
		margin-top: 0.4rem;
	}

	.news-block .news-item {
		margin-top: 0.4rem;
	}

	.news-block .news-item .img {
		width: 3.306667rem;
		height: 1.866667rem;
		margin-right: 0;
		margin-left: 0.133333rem;
	}

	.news-block .news-item .news-title {
		font-size: 0.293333rem;
	}

	.news-block .news-item .news-des {
		font-size: 0.293333rem;
		margin-top: 0.053333rem;

		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		white-space: normal;
	}

	.news-block .news-item .img .time {
		left: unset;
		top: 0.106667rem;
		right: 0.106667rem;
		font-size: 0.266667rem;
		padding: 0.133333rem;
	}

	.news-block .news-more-btn {
		width: 2.506667rem;
		height: 0.666667rem;
		margin-top: 0.666667rem;
	}

	.news-block .news-more-btn .txt {
		font-size: 0.293333rem;
	}

	.news-block .news-more-btn .icon {
		width: 0.32rem;
		margin-left: 0.266667rem;
	}

	.about-block {
		padding-top: 0.666667rem;
		min-height: 5.866667rem;
		background: #FFFFFF url(https://cdn.oss.bon-top.cn/btweb/assets/images/about-bg-wap.png) no-repeat;
		background-position: center bottom;
		background-size: 100%;
	}

	.about-block .row {
		padding-top: 0.666667rem;
		padding-bottom: 0.666667rem;
	}

	.content h1,
	.content h2 {
		margin: 0;
		font-weight: 800;
		font-size: 0.426667rem;
		color: #333333;
	}

	.content h4 {
		font-weight: 300;
		font-size: 0.24rem;
		color: #999999;
	}

	.about-block h4 {
		margin-bottom: 0.266667rem;
	}

	.about-block .des-title {
		font-size: 0.293333rem;
		line-height: 0.533333rem;
		font-weight: 400;
	}

	.about-block .des-content {
		margin-top: 0.266667rem;
		font-size: 0.293333rem;
		position: relative;
	}

	.about-block .des-content .txt {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: calc(100% - 0.6rem);
	}

	.about-block .des-content .txt.on {
		white-space: normal;
		width: 100%;
		line-height: 0.533333rem;
	}

	.about-block .des-content .develop {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		color: #6589FF;
		font-size: 0.293333rem;
	}

	.about-block .item {
		padding-left: 0.373333rem;
		padding-right: 0.373333rem;
		width: auto;
		border-right: 0.026667rem solid #F1F1F1;
	}

	.about-block .item:first-child {
		padding-left: 0.8rem;
	}

	.about-block .item:last-child {
		padding-right: 0;
	}

	.about-block .item .txt1 {
		font-size: 0.346667rem;
		white-space: nowrap;
	}

	.about-block .item .txt2 {
		display: none;
	}

	.about-block .item .txt3 {
		display: block;
		font-size: 0.293333rem;
		white-space: nowrap;
		margin-top: 0.133333rem;
		color: #666666;
	}

	.services-block {
		padding: 0.666667rem 0;
	}

	.services-block .services-name {
		display: none;
	}

	.services-block .row {
		padding-top: 0.533333rem;
	}

	.services-block .row .item {
		padding: 0 0 0.053333rem 0.4rem;
		width: 33.33%;
		background-color: unset;
		margin-bottom: 0;
		border-radius: 0 !important;
	}

	.services-block .row .item:nth-child(2) {
		margin-left: 0;
		margin-right: 0;
	}

	.services-block .txt1 {
		margin-top: 0.266667rem;
		margin-bottom: 0;
		font-size: 0.32rem;
	}

	.services-block .item-list {
		margin-top: 0.266667rem;
	}

	.services-block .item-list .icon {
		width: 0.293333rem;
		margin-right: 0.133333rem;
	}

	.services-block .item-list .txt {
		font-size: 0.293333rem;
	}

	.services-block .services-btm {
		display: none;
	}

	/* 	.services-block .item{
		margin-bottom: 0;
		border-right: 0.013333rem solid #D1D1D1;
	}
	.services-block .item img{
		width: 1.04rem;
	}
	.services-block .item .txt1{
		margin-top: 0.266667rem;
		font-size: 0.346667rem;
	}
	.services-block .item .txt2{
		display: none;
	}
	.services-block .wap-txt{
		display: block;
		margin-top: 0.666667rem;
		font-size: 0.293333rem;
		color: #666666;
		line-height: 0.533333rem;
	} */

	.message-block {
		padding-bottom: 0.986667rem;
		min-height: 3.666667rem;
		background-image: url(https://cdn.oss.bon-top.cn/btweb/assets/images/quote-wap.png);
	}

	.message-block h2 {
		line-height: unset;
		font-weight: 800;
		font-size: 0.373333rem;
		color: #FFFFFF;
	}

	.message-block strong {
		font-size: 0.346667rem;
		margin-top: 0.133333rem;
	}

	.message-block em {
		font-size: 0.293333rem;
		margin-top: 0.133333rem;
	}

	.development-block {
		min-height: 16.053333rem;
		background: #F8F8F8 url(https://cdn.oss.bon-top.cn/btweb/assets/images/development-bg-wap.png) no-repeat;
		padding-top: 0.64rem;
		background-size: auto 100%;
		background-position: center;
	}

	.development-block .img {
		display: none;
	}

	.development-block .img-wap {
		display: block;
		width: 100%;
		margin-top: -1.25rem;
	}

	.team-block {
		padding: 0.64rem 0;
		background: #FFFFFF;
		min-height: unset;
	}

	.team-block h4 {
		margin-bottom: 0.266667rem;
	}

	.team-block .row {
		padding-left: 0.4rem;
	}

	.team-block .team-nav {
		padding: 0.133333rem 0.266667rem;
		font-size: 0.293333rem;
	}

	.team-block .swiper-wrapper {
		flex-wrap: wrap;
	}

	.team-block .swiper-slide {
		display: flex;
		margin-top: 0.266667rem;
		width: 100% !important;
		flex-direction: unset;
	}

	.team-block .team_carousel {
		margin-top: 0;
	}

	.team-block .team_carousel .prev {
		display: none;
	}

	.team-block .team_carousel .next {
		display: none;
	}

	.team-block .team_carousel .img-box {
		width: 3.8rem;
		height: 3.8rem;
		margin-right: 0.266667rem;
	}

	.team-block .team_carousel .img {
		width: 3.8rem;
	}

	.team-block .team_carousel .info-box {
		width: 5.133333rem;
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: unset;
		min-height: unset;
		border-radius: 0 !important;
		border: none;
		padding-bottom: 0;
	}

	.team-block .team_carousel .txt1 {
		margin-top: 0;
		font-size: 0.373333rem;
		padding: 0;
		font-weight: 500;
		font-size: 0.373333rem;
		color: #333333;
		background-image: unset;
	}

	.team-block .team_carousel .txt2 {
		margin-top: 0.133333rem;
		font-size: 0.293333rem;
		margin-left: 0;
		width: 100%;
		padding-bottom: 0.213333rem;
		border-bottom: 0.013333rem solid #F36B3D;
	}

	.team-block .team_carousel .txt3 {
		margin: 0;
		width: 100%;
		margin-top: 0.266667rem;
		font-size: 0.293333rem;
		line-height: 0.533333rem;
	}

	.team-more-btn {
		display: flex;
		width: 2.506667rem;
		height: 0.666667rem;
		background: #FFFFFF;
		border: 0.013333rem solid #F36B3D;
		justify-content: center;
		align-items: center;
		margin: 0.666667rem auto 0;
	}

	.team-more-btn .txt {
		font-size: 0.293333rem;
		color: #F36B3D;
	}

	.team-more-btn .icon {
		width: 0.32rem;
	}

	.case-block {
		min-height: 0;
		padding: 0.666667rem 0;
		background: #F8F8F8;
	}

	.case-block .swiper-wrapper {
		justify-content: space-between;
		flex-wrap: wrap;
		height: unset;
	}

	.case-block .swiper-slide {
		margin-top: 0.266667rem;
		margin-bottom: 0.133333rem;
		width: fit-content !important;
	}

	.case-block .swiper-slide:nth-child(odd) {
		/* margin-right: 0.266667rem; */
	}

	.case-block .case_carousel {
		margin-top: 0;
	}

	.case-block .case_carousel .img {
		width: 4.466667rem;
		height: 5.773333rem;
	}

	.case-block .case_carousel .img.mt {
		margin-top: 0;
	}

	.case-block .case_carousel .prev {
		display: none;
	}

	.case-block .case_carousel .next {
		display: none;
	}

	.case-more-btn {
		display: flex;
		width: 2.506667rem;
		height: 0.666667rem;
		background: #FFFFFF;
		border: 0.013333rem solid #F36B3D;
		justify-content: center;
		align-items: center;
		margin: 1.44rem auto 0;
	}

	.case-more-btn .txt {
		font-size: 0.293333rem;
		color: #F36B3D;
	}

	.case-more-btn .icon {
		width: 0.32rem;
	}

	.case-more-btn.active .icon {
		transform: rotate(180deg);
	}

	.case-block .case-bottom {
		height: 1.6rem;
		font-size: 0.266667rem;
		bottom: 1.866667rem;
		letter-spacing: 0.106667rem;
		line-height: 2.4rem;
	}

	.fancybox-lock {
		margin-right: 0 !important;
	}

	.choose-us-block {
		padding: 0.666667rem 0;
		min-height: 15.04rem;
/* 		background-size:100% !important;
		background-position: center; */
		background: #FFFFFF url(https://cdn.oss.bon-top.cn/btweb/assets/images/progress-bg-wap.png) no-repeat;
		background-size: auto 100%;
		background-position: center;
	}

	.choose-us-block h4 {
		margin-bottom: 0.266667rem;
	}

	.choose-us-block .img {
		display: none;
	}

	.choose-us-block .img-wap {
		display: block;
		margin: 0 auto;
		width: 5.013333rem;
	}

	.choose-us-block .progress-group .progress-group-item {
		padding: 0.266667rem 0;
		display: flex;
		align-items: flex-start;
		border-bottom: 0.013333rem solid #F1F1F1;
	}

	.choose-us-block .progress-group .progress-group-item:first-child {
		padding-top: 0.266667rem;
	}

	.choose-us-block .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.choose-us-block .progress-group .progress-group-item .l {
		width: 0.373333rem;
		height: 0.373333rem;
		line-height: 0.373333rem;
		font-size: 0.266667rem;
		margin-right: 0.373333rem;
		flex-shrink: 0;
	}

	.choose-us-block .progress-group .progress-group-item .r {
		width: 100%;
	}

	.choose-us-block .progress-group .progress-group-item .r .txt1 {
		font-size: 0.373333rem;
	}

	.choose-us-block .progress-group .progress-group-item .r .txt2 {
		margin-top: 0.133333rem;
		font-size: 0.293333rem;
	}

	.cooperate-block {
		padding: 0.666667rem 0;
	}

	.cooperate-block .row {
		margin-top: 0.266667rem;
		padding: 0 0.4rem 0 0.133333rem;
	}

	.cooperate-block .col-xs-4 {
		padding-right: 0;
		padding-left: 0.266667rem;
	}

	.cooperate-block img {
		margin-top: 0.266667rem;
	}

	.cooperate-block .img {
		display: none;
	}

	.cooperate-block .img-wap {
		display: block;
		width: 100%;
		margin-top: 0.266667rem;
	}

	.cooperate-block .img-wap img {
		width: 100%;
	}

	.pre-footer {
		min-height: 0;
	}

	.pre-footer .container {
		padding: 0.666667rem 0.4rem;
	}

	.pre-footer .row {
		margin: 0;
	}

	.pre-footer .row-content .pre-footer-col:nth-child(1) {
		margin-right: 0;
	}

	.pre-footer h2 {
		font-size: 0.293333rem;
		margin-bottom: 0.266667rem;
		font-weight: 800;
	}

	.pre-footer p {
		font-weight: 300;
		font-size: 0.24rem;
		line-height: 0.533333rem;
		margin-bottom: 0;
	}

	.pre-footer .row-content .pre-footer-col:nth-child(2) {
		width: 100%;
		margin-top: 0.666667rem;
		margin-right: 0;
	}
	
	.pre-footer .row-content .contact-info p:nth-child(1){
		width: 100%;
		margin-right: 0;
	}

	.pre-footer .ewm-list {
		margin-top: 0.266667rem;
	}

	.pre-footer .ewm-list .ewm-item:first-child {
		margin-right: 0.48rem;
	}

	.pre-footer .img {
		width: 1.48rem;
	}

	.pre-footer .txt {
		margin-top: 0.12rem;
		font-size: 0.2rem;
	}

	.pre-footer .row-content .pre-footer-col:nth-child(3) {
		display: none;
	}

	.pre-footer .wap-p {
		display: block;
	}

	.footer {
		padding: 0.666667rem 0.4rem;
	}

	.footer a {
		font-size: 0.24rem;
		line-height: 0.533333rem;
	}


	.card-block {}

	.card-block h1 {
		font-size: 0.37rem;
		font-weight: 400;
		flex-shrink: 0;

	}

	.card-block-content {
		display: flex;
		background-color: #fff;
		box-shadow:none;
		border: 1px solid #f1f1f1;
		border-radius: 8px !important;
		min-height: 310px;
		box-sizing: border-box;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: flex-start;

	}

	.card-block-item {
		padding: 0.42rem 0;
		width: calc(100% - 0.853rem) ;
		margin-left: 0.42rem;
		/* border-bottom: 0.01rem solid #f1f1f1; */
		justify-content: flex-start !important;
	}
	.card-block-item:last-child{
		border: none;
	}
	.flex-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.card-block .img-log {
		width: 0.98rem;
		height: 0.98rem;
		margin-left: 0;
		margin-right: 0.346rem;

	}

	.card-block .img-log img {
		width: 0.72rem;
		height: 0.72rem;
	}

	.card-block  .dec-btn {
		padding: 0.053rem 0.16rem;
		font-size: 0.25rem;
		margin-top: 0.24rem;

	}

	.card-block-line {
		/* height: 88px; */
		width: calc(100% - 0.853rem);
		margin-left: 0.436rem;
		height: 0.01rem;
		background-color: #f1f1f1;
	  }
	  
	.card-block-textbox-text {
		font-size: 0.32rem;
		margin-top: 0.26rem;
	}

	.card-block-textbox-tip {
		font-size: 0.24rem;
		margin-top: 0.053rem;

	}


	.card-block .phone {
		font-size: 0.36rem;
		font-weight: 800;
		margin-top: 0.106rem;
	  }
}