body{
	margin: 0; 
	padding: 0; 
	font:16px/1 "Microsoft Yahei", "微软雅黑", sans-serif;
	color:#555;
	letter-spacing: 1px
}

p, span,div{
  font-family: 'Microsoft Yahei'!important;
  letter-spacing: 1px!important;
}

.headerpage {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 10000;
}

div{
    line-height: 1;
  }
 .c1{
     color: #222;
 }
 .c2{
     color: #666;
 }
 .c3{
    color: #999;
 }
 .c4{
     color: #ddd;
 }
 .c5{
     color: #f3f5f7;
 }
 .c6{
     color: #f8f8f8;
 }
 .c7{
	color: #ffffff;
}
.c8{
	color:#333
}
 .c_red{
   color: #e60012;
 }
 .c_y{
	 color:#efca14
 }
.c9{
	color:#E4393C
}
.c10{
	color:#808080
}
.c11{
	color: #555;
}
.text-index{
	text-indent: 2em;
}
.w-6{
	width:100%;
	margin:0 auto;
}
.nowrap{
	white-space: nowrap;
}
.border-bot{
	border-bottom: 1px solid #A6A6A6;
}
.text-cen{
  text-align: center;
}
.text-right{
	text-align: right;
  }
.lin-h2{
	line-height: 2.5rem;
}
.lin-h3{
	line-height: 3rem;
}
 .font-wei-600{
	 font-weight: 600;
 }
 .font-wei-700{
	font-weight: 700;
}
.logo-img{
	width: 15vw;
}
.tab_child a{
	text-decoration: none;
}
.tab_child a:hover{
	color: #ff0000;
}
.tab-class li{
	position: relative;
	width: 100%;
}
.tab_content{

}
.tab_child{
	position: absolute;
	bottom:-138px;
	left:50%;
	transform: translate(-50%,-0%);
	/* width: 100%; */
	text-align: center;
	background: #fff;
	z-index: 1000;
	padding:20px 5px;
	/* width: 10vw; */
	/* border-top:1px solid #ccc; */
	box-shadow: 0 2px 10px 0 #919191;
	border-radius: 4px;
}
.tab_child:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
	transform: translate(-50%,-0%);
    z-index: 100;
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.tab-content{
	margin:0 auto;
	display: inline-block;
	/* margin-bottom: 10px; */
	display:flex;
	padding:10px 15px;
}
.tab-content div{
	padding:10px;
}
.about_us_tab{
	/* bottom:-118px; */
	left:50%;
	transform: translate(-50%,-0%);
}
 .tab_active{
	color: #ff0000;
	border-bottom:.3rem solid #ff0000;
	font-weight:600;
	padding-bottom:1rem;
 }
 .tab_aOther{
	color: #ff0000;
 }
 .text-cen{
	 text-align:center;
 }
 .nowrap{
	white-space: nowrap;
 }
.qr-width{
	width: 10rem;
	height: 10rem;
}

/* 用的 */
.dis-flex{
	display: flex;
	align-items: center;
}
.flex-diretion{
	flex-direction: column;
}
.just-cen{
	justify-content: center;
}
.just-betw{
	justify-content: space-between;
}
.vw-100{
	width: 100%;
}
.vw-80{
	width: 80%;
}
.vw-50{
	width:50%;
}
.padding{
	padding:1rem;
}
.padding-sm{
	padding:2rem;
}
.padding-lg{
	padding:4rem;
}
.padding-right-xs{
	padding-right:1rem;
}
.padding-right-sm{
	padding-right:2rem;
}
.padding-right{
	padding-right:3rem;
}
.padding-right-lg{
	padding-right:4rem;
}
.padding-left-xs{
	padding-left:1rem;
}
.padding-left-sm{
	padding-left:2rem;
}
.padding-left{
	padding-left:3rem;
}
.padding-left-lg{
	padding-left:4rem;
}
.padding-top-xs{
	padding-top:1rem;
}
.padding-top-sm{
	padding-top:2rem;
}
.padding-top{
	padding-top:3rem;
}
.padding-top-lg{
	padding-top:4rem;
}
.padding-bottom-xs{
	padding-bottom:1rem;
}
.padding-bottom-sm{
	padding-bottom:2rem;
}
.padding-bottom{
	padding-bottom:3rem;
}
.padding-bottom-lg{
	padding-bottom:4rem;
}
.margin{
	margin:1rem;
}
.margin-right-xs{
	margin-right:1rem;
}
.margin-right-sm{
	margin-right:2rem;
}
.margin-right{
	margin-right:3rem;
}
.margin-right-lg{
	margin-right:4rem;
}
.margin-left-xs{
	margin-left:1rem;
}
.margin-left-sm{
	margin-left:2rem;
}
.margin-left{
	margin-left:3rem;
}
.margin-left-lg{
	margin-left:4rem;
}
.margin-top-xs{
	margin-top:1rem;
}
.margin-top-sm{
	margin-top:2rem;
}
.margin-top{
	margin-top:3rem;
}
.margin-top-lg{
	margin-top:4rem;
}
.margin-bottom-xs{
	margin-bottom:1rem;
}
.margin-bottom-sm{
	margin-bottom:2rem;
}
.margin-bottom{
	margin-bottom:3rem;
}
.margin-bottom-lg{
	margin-bottom:4rem;
}
.width-common{
	width: 75%;
	margin:0 auto;  
}
.header img{
	object-fit: scale-down;
}
/* 侧边栏 */
.right-group{
	width: 4vw;
	/* height: 21.72vw; */
	border-radius: .6rem;
	background: #e60012;
	position: fixed;
	right: 0;
	top:50%;
	transform: translate(0%,-50%);
	z-index: 10000;
	text-align: center;
}
.small_icon{
	padding-bottom: 1rem;
	border-bottom: 1px solid #fff;
	margin-top:2rem;
	/* padding-left:.1rem;
	padding-right: .1rem; */
	position: relative;
}
.float_con{
	display: none;
	/* width: 16rem; */
	/* height: 7rem; */
	background: #fff;
	color: #333;
	border-radius: .4rem;
	position: absolute;
	/* left:-262.8px;
    top: -62.6px; */
	z-index: 3000;
	border:1px solid #e8e8e8;
	
}
.float_con a:link {
    color: #333;
    text-decoration: none;
}
.float_con p {
    padding-top: 1.5rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid #e2e2e2;
    color: #616161;
	padding: 1rem;
}
.service-title{
	height: 4rem;
    line-height: 4rem;
    background-color: #f7f7f7;
    padding-left: 2rem;
    border-bottom: 1px solid #e2e2e2;
    color: #616161;
}
.float_con a img {
    width: 20px;
	height: 20px;
    margin-bottom: -0.2rem;
}
.float_img{
	display: none;
	color: #fff;
	border-radius: .4rem;
	position: absolute;
	left: -220.7px!important;
    top: -174.6px;
	z-index: 3000;
	padding-left: 2rem;
}
.float_con img{
	width: 100%;
	height: 100%;
}
.icon-width{
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: .5rem;
}
/* 按钮 */
.button {
	/* width: 4vw; */
	/* border: .1rem solid transparent; */
	border:none;
	text-align: center;
	color: #fff;
	padding: .5rem;
	border-radius: .3rem;
	white-space: nowrap;
	font-size: .2rem;
	cursor: pointer;
}
.gofirst{
	border:.1rem solid #e60012;
	padding: .6rem 1.8rem!important;
}
/* 底部 */
.red-bottom {
	background: url('../img/bg/free_bg.jpg') no-repeat 100% 100%;
	width: 100%;
	position: sticky;
	background-size: 100% 100%;
	bottom: 0;
	/* height: 140px; */
	z-index: 1000;
	padding:3rem 0;

}

.red-bottom ul li{
	list-style-type: none;
	margin-bottom: 6px;
}

.last-bottom {
	/* height: 7.29vw; */
	width: 100%;
	background: #333333;
}

.del-icon {
	width: 1.5rem;
	height: 1.5rem;
	transform: rotate(45deg);
	color: #fff;
	position: absolute;
	top: -2.1rem;
	right: 0;
	text-align: center;
	line-height: 1.5rem;
	/* font-size: 2.5rem; */
}

.tijian{
	background: #fff;
	color: red;
	position: relative;
	width: 10.42vw;
	height: 2.4vw;
	line-height: 2.4vw;
	padding:0;
}
.tijian:hover{
	cursor: pointer;
}
.top-text{
	text-indent: 2em;
	line-height: 3.6rem;
}
/* 头部 */
* {
	margin: 0;
	padding: 0;
}

/* p {
	text-align: center;
} */

.logo{
	/* width: 24rem;
	height:5rem; */
	width: 240px;
	height: 78px;
}
.logo1{
	width: 12rem;
	height: auto;
}
.logo img {
	width: 100%;
	height: 100%;
}
.big-content{
	width: 100%;
	position: relative;
}
.big-content .header{
	/* height:  7rem; */
	position:sticky;
	left: 0;
	top:0;
	z-index: 10000;
	background-color: #fff;
	width: 100%;
	background: #fff;
	padding: 0  1rem;
}
.com-img img{
	width: 100%;
	height: 100%;
}
.border-red{
	border-bottom: 2px solid #E4393C;width:35px
}
.check-icon{
	width: 0.73vw;
	height: 0.73vw;
	margin-right: .5rem;
}

     /* 表单 */
 .form-data{
		/* width: 23.67vw; */
		/* height: 17.08vw; */
		padding:2.5rem;
		border-radius: 4px;
		background: #fff;
		position: absolute;
		right: 7%;
		top: 12%;
		transform: translate(7% 9%);
		z-index: 600;
		text-align: center;
  }

  .float-form{
		position: fixed;
		right: 50%!important;
		top: 50%!important;
		z-index: 10000;
		transform: translate(50%,-50%)!important;    
  }
  .input-class{
		border: solid 1px #cccccc;
		border-radius: 4px;
		width: 11.79vw;
		/* height: 1.88vw; */
		padding:5px;
		margin-left:1rem;
		margin-bottom: 0.68vw;
		text-indent: .5em;

  }
  .input-class:focus{
	  outline: 0;
	  border:1px solid #999;
  }
  .mask{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10001;
		background: #7e7e7e63;
		display: none;
  }
  .padding-min{
	width: auto;
	padding:1.1rem 4.9rem
  }
  .padding-xs{
	width: auto;
	padding:1.1rem 2.3rem
  }
  .mask-del{
	color: #fff;
    top: -2rem;
    right: 0rem;
	cursor: pointer;
  }
  .top-phone {
	width: 2rem;
	height: 2rem;
   }
   .min-phone {
    width: 2.6rem;
    height: 2.6rem;
  }
  .qr-bot{
	width: 15rem;
	height: 15rem;
	object-fit: scale-down;
  }
  .wait-mess{
	background:#fff;
	text-align: center;
	border-radius: 4px
  }
  .small_icon:hover{
	  cursor: pointer;
  }
  .gofirst{
	color: #e60012!important;   
  }
  .swiper-container ul{
	transform: translate(50%,0%)!important;
	}
 .red-content{
	margin-bottom: 0px!important;
	}
.qr-class{
	position: absolute;
	top:-250%;
	left:-35%;
	display: none;
	width: 15rem;
	height: 15rem;
	z-index: 1000;
	/* border:.1rem solid #e2e2e2; */
	border-radius: 4px;
}
.qr-class img{
	width: 100%;
	height: 100%;
}
.right-group li{
	text-align: center;
    cursor: pointer;
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
}
.float_con{
	top:-20px;
	right: 47px;
	width: 280px;
    position: absolute;
    z-index: 7;
	box-shadow: 3px 5px 12px #7a7979;
}
.tab_a:focus{
	text-decoration-line: none;
    color: #ff0000 !important;
}
.red-back {
	color: #ffff !important;
	background: linear-gradient(135deg, #FF4F1A  0%,   #e60012 100%);
}
.red-back:hover{
		background-image: linear-gradient(-131deg, #FF4F1A 0%, #e31924 52%);
}
/* .button-con{
	background: transparent;
	width:80%;
	left:0;
	position: relative;
	margin:0 auto;
	height: 100%;
	z-index: 1000;
	bottom:0
} */
.top-get-btu {
	position:absolute;
	right:50%;
	bottom: 22.3%;
	/* padding:1.2rem 9rem; */
	padding:2.4rem 14.8rem;
	z-index: 1000;
	transform: translate(50%,22.3%);
}
.header{
	box-shadow: 5px 1px 10px #ccc;
}
.box-shad{
	box-shadow: 5px 4px 10px #ccc;
}
.head-icon img{
	width: 100%;
	height: 100%;
}
.fh-icon img,.fh-icon1 img{
	width: 100%;
	height: 100%;
}
.flex-start{
	align-items: flex-start;
}
/*new*/
.border-radius{
	border-radius: 4px;
}
.border{
	border:1px solid #A6A6A6;

}
.border-cen{
	height: 40px;
	width: 1px;
	background: #CCC;
}
.border2{
	border:1px solid  #E5E5E5;
}
.vw-60{
	width: 60%;
}
.ellipsis1 {
	/* 限定范围 */
	width: 100%;
	line-height: 50rpx;
	/* 1.溢出隐藏 */
	overflow: hidden;
	/* 2.用省略号来代替超出文本 */
	text-overflow: ellipsis;
	/* 3.设置盒子属性为-webkit-box  必须的 */
	display: -webkit-box;
	/* 4.-webkit-line-clamp 设置为2，表示超出2行的部分显示省略号，如果设置为3，那么就是超出3行部分显示省略号 */
	-webkit-line-clamp: 1;
	/* 5.字面意思：单词破坏：破坏英文单词的整体性，在英文单词还没有在一行完全展示时就换行  即一个单词可能会被分成两行展示 */
	word-break: break-all;
	/* 6.盒子实现多行显示的必要条件，文字是垂直展示，即文字是多行展示的情况下使用 */
	-webkit-box-orient: vertical;
 }
.ellipsis2 {
	/* 限定范围 */
	width: 100%;
	line-height: 50rpx;
	/* 1.溢出隐藏 */
	overflow: hidden;
	/* 2.用省略号来代替超出文本 */
	text-overflow: ellipsis;
	/* 3.设置盒子属性为-webkit-box  必须的 */
	display: -webkit-box;
	/* 4.-webkit-line-clamp 设置为2，表示超出2行的部分显示省略号，如果设置为3，那么就是超出3行部分显示省略号 */
	-webkit-line-clamp: 2;
	/* 5.字面意思：单词破坏：破坏英文单词的整体性，在英文单词还没有在一行完全展示时就换行  即一个单词可能会被分成两行展示 */
	word-break: break-all;
	/* 6.盒子实现多行显示的必要条件，文字是垂直展示，即文字是多行展示的情况下使用 */
	-webkit-box-orient: vertical;
 }
 .ellipsis4 {
	/* 限定范围 */
	width: 100%;
	line-height: 50rpx;
	/* 1.溢出隐藏 */
	overflow: hidden;
	/* 2.用省略号来代替超出文本 */
	text-overflow: ellipsis;
	/* 3.设置盒子属性为-webkit-box  必须的 */
	display: -webkit-box;
	/* 4.-webkit-line-clamp 设置为2，表示超出2行的部分显示省略号，如果设置为3，那么就是超出3行部分显示省略号 */
	-webkit-line-clamp: 4;
	/* 5.字面意思：单词破坏：破坏英文单词的整体性，在英文单词还没有在一行完全展示时就换行  即一个单词可能会被分成两行展示 */
	word-break: break-all;
	/* 6.盒子实现多行显示的必要条件，文字是垂直展示，即文字是多行展示的情况下使用 */
	-webkit-box-orient: vertical;
 }
.col-span{
	width: 6px;
	height: 20px;
	background: #E4393C;
	display: inline-block;
	margin-right:10px;
	border-radius: 2px
}
.cen-item {
	width: 23vw;
	height: 250px;
	position: relative;
	margin-bottom: 4rem;
	background: #F3F5F7;
	align-items: flex-start;
	border-radius: 4px;
}  
.gaimg{
	margin-bottom: 2px;
}
.small-button{
	width: 10rem;
}
.common-bot{
	width: 65%;margin: 0 auto;align-items:flex-start;
}
.backcolor-grey{
	background: #F3F5F7;
}
.left-tab{
	width:20%;
	/* height:62.6rem; */
	/* overflow: hidden; */
	border-radius:4px;
}
.ser-img{
	width: 100%;
	height: 11.739rem;
}
.ser-img img{
	width: 100%;
	height: 100%;
}
.tab-item{
	padding:27px;
}
.t_active{
	background: #E4393C;
	color: #fff;
	position: relative;
}
.t_active:after{
    content: '';
    position: absolute;
    top:26px;
    right:-9px;
	z-index: 100;
    border-top: 10px solid transparent;
    border-left: 10px solid #E4393C;
    border-bottom: 10px solid transparent;
}
.none{
	display: none;
}
.block{
	display:flex;
}
.block-noflex{
	display:flex;
}
.big-block{
	display: block;
}
.vw-70{
	width: 80%;
}
#mask2 .input-class{
	width: 37rem;
}
#post-data2{
	width: 43.8rem;
	margin-top:10px;
}
.backcolor{
	background: #ccc;
}
.border-d{
	border:1px solid #ddd;
}
.tab-item{
	cursor: pointer;
}
.margin-auto{
	margin:0 auto
}
/* 换行 */
.ellipsis{
	width: 100%;
	/*第一步： 溢出隐藏 */
	overflow: hidden;
	/* 第二步：让文本不会换行， 在同一行继续 */
	white-space: nowrap;
	/* 第三步：用省略号来代表未显示完的文本 */
	text-overflow: ellipsis;
 }
.lh3{
	line-height: 40px;
}
.f7{
	font-size: 12px;
}
.f8{
	font-size: 20px;
}
.left-tab a{
	text-decoration: none;
}
.left-tab a:hover{
	color:#000
}
.lit-text{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.f2{
	line-height: 40px!important;
}
.tel-phone .f2{
	line-height: 26px!important;
}
.last-bottom ul li a,.last-bottom ul li,.last-bottom div:not(.c_red){
	color:#e2e2e2!important
}
.bot-title div,.bot-title a{
	color:#e2e2e2!important
}
.phone-logo{
	flex-direction: column!important;
	margin-bottom: 52px;
}
  @media (max-width:640px){
	body{
	font-size:12px;
	/* background-color: #000; */
	}
	.f1{
	font-size: 12px !important;
	}
	.f2{
	font-size: 12px !important;
	}
	.f3{
	font-size: 20px !important;
	}
	.f4{
	font-size: 12px !important;
	}
	.f5{
	font-size: 12px !important;
	}
	.f6{
		font-size: 12px !important;
	}
	.lin-h2{
   		line-height: 15px!important;
	}

	.icon-width{
		  width: 1rem!important;
		  height: 1rem!important;
	}
	.icon-width img{
		  width: 100%;
		  height: 100%;
	}
	.del-icon{
		  width: 5px!important;
		  height: 5px!important;
	}
	.button{
		  width: auto!important;
	}
	.tijian{
		  width: 14.42vw !important;
		  height: 5.4vw !important;
		  line-height: 5.4vw!important;
	}
	.margin-right{
		  margin-right: 1rem!important;
	}
	.margin-left{
		  margin-left:.3rem!important
	}
	.margin-top{
		  margin-top:1rem;
	}
	.padding-bottom-sm{
		  padding-bottom:1rem !important;
	}
	.img-item{
		/* width: 32.27vw!important;
		height: 36.85vw!important; */
	}
	.margin-right-sm{
		  margin-right: .3rem!important;
	}
	.margin-right-xs{
		margin-right: .3rem!important;
	}
	.padding-min{
		  padding: .3rem 0.5rem!important;
	}
	.padding-xs{
		padding: .3rem 0.5rem!important;
  	}
	.top-form{
		  display: none!important;
	}
	.form-data .margin-top{
		  margin-top:.3rem
	}
	.padding-bottom{
		  padding-bottom: .3rem!important;
	}
	.icon-bottom .padding-top{
		  padding-bottom: .3rem!important;   
	}
	.fh-icon {
		  width: 10px!important;
		  height: 10px!important;
	}
	.fh-icon1 {
		width: 10px !important;
		height: 10px !important;
	}
	.swiper-button-next, .swiper-button-prev{
		  width: 27px;
		  height: 17px;
		  margin-top: -22px;
	}
	.padding-top-lg{
		  padding-top:2rem !important;
	}
	.padding-top{
		  padding-top:.5rem !important;  
	}
	.check-icon {
		  width: 1.73vw!important;
		  height: 1.73vw!important;
	}
	.min-phone{
		  width: 1rem!important;
		  height: 1rem!important;
	}
	.tabbox .tab a {
		  width: 33.3%!important;
		  padding: 0.8rem 0!important;
   }
   .tabbox1 .tab a {
		  width: 33.3%!important;
		  padding: 0.8rem 0!important;
   }
	.tabbox .first .specail-text{
		 width: 100% !important;
   }
   .margin-bottom-lg{
		 margin-top:1rem !important;
   }
   .margin-top-sm{
		 margin-top:1rem!important
   }
   .header .width-common{
		 width: 100%!important;
   }
   .top-phone{
		  width: 1rem!important;
		  height: 1rem!important;
		  margin-right: .2rem!important;
	}
	.icon-bottom .icon-item {
		  width: 41%!important;
		  /* height: 27.2rem; */
		  flex-wrap: wrap!important;
		  height: 36.2rem !important;
		  margin-bottom: 10.1rem!important;
	}
	.del-icon{
		  top: -1.4rem!important;
		  font-size: 1.5rem!important;
	}
	.margin-left-sm {
		margin-left: 0.2rem!important;
	}
	.padding-left-sm {
		padding-left: 1rem!important;
	}
	.red-content{
		flex-wrap: wrap!important;
	}
	.logo{
		width: 4rem!important;
    	height: auto!important;
	}
	.top-right-button{
		flex-direction: column!important;
	}
	.top-right-button .button{
		margin-bottom:.3rem!important;
	}
	.icon-bottom {
		padding-bottom: 50px!important;
	}
	.tabbox1{
		height: 90vh!important;
	}
	.padding-bottom-lg{
		padding-bottom: 2rem!important;
	}
	.margin-left-lg{
		margin-left:.3rem!important;
	}
	.border-min{
		display: none!important;
	}
	.form-data1{
		/* width: 43.67vw!important; */
	}
	.float_con2 {
		width: 16.8rem!important;
	}
	.float_con{
		right: 14px!important;
		width: 201px!important;
	}
	.small_icon{
		margin-top:0px!important;
	}
	.float_img{
		/* left: -20.5rem!important;
    	top: -16.6rem!important; */
	}
	.company-bottom{
		flex-wrap: wrap!important;
	}
	.icon-bottom .icon-item{
		width: 41%!important;
		flex-wrap: wrap!important;
		height: 20.2rem !important;
		margin-right: 1.5rem!important;
		height: 19.2rem !important;
		margin-bottom: 0!important;
	}
	.icon-bg {
		width: 8vw!important;
		height: 8vw!important;
	}
	.margin-top-lg{
		margin-top:2rem!important;
	}
	.ad_contain{
		flex-wrap: wrap!important;
		height: auto!important;
	}
	.dt-left{
		width: 100%!important;
	}
	.dz-right{
		width: 100%!important;
	}
	.allmap{
		width: 107%!important;
	}
	.qr-bot{
		width: 5.5rem!important;
		height: 4.5rem!important;
	}
	.goods_icon{
		width: 20%!important;
		margin-right: .1rem!important;
	}
	.goods_icon img{
		object-fit: scale-down;
	}
	.goods_icon  .f1{
		color:#333!important
	}
	.padding-min{
		padding: -0.6rem 1rem!important;
	}
	.padding-xs{
		padding: -0.6rem 1rem!important;
	}
	.swiper-container h3{ 
		top:37%!important;
		font-size: 1rem!important;
	}
	.swiper-container li{
		width: .8rem!important;
		height: .8rem!important;
	}
	/* .top-get-btu{
		left: 7.5%!important;
    	top: 48%!important;
		padding:0 .5rem!important;
		height: 20px!important;
	} */
	.input-class{
		width: 29.79vw!important;
	}
	.form-data{
		padding:.8rem!important;
	}
	.form-data .company{
		margin-left:7px!important;
	}
	#img_list{
		flex-wrap: wrap;
	}
	.honor-cen .swiper-slide{
		width: 12rem!important;
	}
	.detail-text{
		position: sticky!important;
	}
	.text-s-item{
		height: auto!important;
	}
	.top-get-btu{
		padding:1rem 7rem;
	}
	.cen-item{
		height: auto!important;
	}

}
@media(max-width:795px){
	.cen-item{
		height:auto!important;
	}
	.padding-xs{
		padding:1rem 1.2rem!important;
	}
}
@media (min-width:640px) and (max-width:960px){
	body{
		font-size:12px!important;
		/* background-color: blue; */
	}
	.f1{
	font-size: 12px !important;
	}
	.f2{
	font-size: 18px !important;
	}
	.f3{
	font-size: 25px !important;
	}
	.f4{
	font-size: 14px !important;
	}
	.f5{
	font-size: 12px !important;
	}
	.lin-h2{
   line-height: 20px!important;
	}
	.padding-bottom-sm{
		padding-bottom: 1rem !important;
	}
	.red-content{
		flex-wrap: wrap!important;
	}
	.margin-right{
		margin-right: 1.5rem!important;
	}
	.del-icon{
		top: -1.3rem!important;
		right: -8px!important;
	}
	.tijian{
		margin-top:1rem!important;
	}
	.icon-width{
		width: 1.6rem!important;
   		height: 1.6rem!important;
	}
	.check-icon {
		width: 1vw!important;
		height: 1vw!important;
	}
	.form-data1{
		/* width: 30.67vw!important; */
	  }
	  .fh-icon1 {
		width: 20px!important;
		height: 20px!important;
		bottom: -1.5!important;
	  }
	  .fh-icon {
		width: 20px!important;
		height: 20px!important;
	  }
	  .icon-bottom{
		  padding-bottom: 6rem!important;
	  }
	.ad_contain{
		flex-wrap: wrap!important;
		height: auto!important;
	}
	.allmap{
		width: 104%!important;
	}
	.dt-left{
		width: 104%!important;
	}
	.dz-right{
		width: 100%!important;
	}
	.logo{
		width:8rem!important;
		height:auto!important;
	}
	.swiper-container .form-data{
		top: 0 !important;
	}
	/* .swiper-container  .top-get-btu {
		left:5.5%!important;
	} */
	.float_con{
		right:33px!important;
	}
	.tab_left{
		text-decoration-line: none;
	}
	.detail-text{
		position: sticky!important;
	}
	.text-s-item{
		height: auto!important;
	}
	.top-get-btu{
		padding:1.2rem 9rem;
	}
	.cen-item{
		height: 350px;
	}

}

@media (min-width:960px) and (max-width: 1100px){
	 body {
		   /* background: green; */
	 }
	 .float_con{
		right: 39px!important;
	}
	.float_img{
		left: -215.7px!important;
		top: -174.6px!important;
	}
	 .f1{
	font-size: 16px !important;
	}
	.f2{
	font-size: 20px !important;
	}
	.f3{
	font-size: 30px !important;
	}
	.f4{
	font-size: 14px !important;
	}
	.f5{
	font-size: 12px !important;
	}
	.f5{
		font-size: 14px !important;
	}
	.f6{
		font-size: 12px !important;
	}
	.lin-h2{
   		line-height: 25px!important;
	}
	 
	.tabbox1 .tab{
		  white-space: nowrap;
	}
	.padding-bottom-sm{
		padding-bottom: 1rem !important;
	}
	.check-icon {
		width: 1vw!important;
		height: 1vw!important;
	}
	.icon-width {
		width: 2rem;
		height: 2rem;
	}
	.margin-bottom-sm {
		margin-bottom: 1rem!important;
	}
	.fh-icon1 {
		width: 20px!important;
		height: 20px!important;
	}
	.fh-icon {
		width: 20px!important;
		height: 20px!important;
	}
	.icon-bottom{
		padding-bottom: 6rem!important;
	}
	.ad_contain{
		flex-wrap: wrap!important;
		height: auto!important;
	}
	.allmap{
		width: 104%!important;
	}
	.dt-left{
		width: 104%!important;
	}
	.dz-right{
		width: 100%!important;
	}
	.swiper-container .form-data{
		top: 0 !important;
	}
	.detail-text{
		position: sticky!important;
	}
	.top-get-btu{
		padding:1.2rem 9rem;
	}
	/* .swiper-container  .top-get-btu {
		left:5.5%!important;
	} */
	.text-s-item{
		height: auto!important;
	}
	.cen-item{
		height: 350px;
	}
}
@media (max-width:1700px){
	.detail-text{
		position: sticky!important;
	}
	/* .text-s-item{
		height: auto!important;
	} */
}
@media (min-width:1100px){
	 body {
		  /* background-color: red; */
	 }
	 .f1{
		  font-size: 16px !important;
	}
	.f2{
	font-size: 24px;
	}
	.f3{
	font-size: 30px;
	}
	.f4{
	font-size: 20px;
	}
	.f5{
	font-size: 18px;
	}
	.f6{
	font-size: 14px;
	}
	.lin-h2{
  	   line-height: 30px!important;
	}
	.tabbox1 .tab{
		  white-space: nowrap;
	}
	.icon-width{
		  width: 24px!important;
		  height: 24px!important;
	}
	.float_con{
		right:52px!important;
	}
	/* .top-get-btu{
		left:6.8%!important;
	} */
	.fh-icon{
		width: 30px!important;
		height: 30px!important;
	}
	.fh-icon1{
		width: 30px!important;
		height: 30px!important;
	}
	.cen-item{
		height: 356px;
	}

}  
/* @media (min-width:1200px){
	.top-get-btu{
		left:7%!important;
	}
}
@media (min-width:1300px){
	.top-get-btu{
		left:8%!important;
	}
} */
@media (min-width:1518px){
	 .float_img{
		left:-219.7px!important;
	}
	.float_con{
		right:63px!important;
	}
	.cen-item{
		height: 280px;
	}
}
@media (min-width:1600px){
	 .float_img{
		 left:-220.7px;
	 }
	 .float_con{
		right:65px!important;
	}
	.cen-item{
		height: 280px;
	}
	/* .top-get-btu{
		left:8.75%!important;
	} */
}
@media (min-width:1700px){
	 .float_con{
		right:74px!important;
	}
	 .float_img{
		 left: -220.7px!important;
	 }
	 /* .top-get-btu{
		 left:10.1%!important;
	 } */
	 .cen-item{
		height: 300px;
	}
}
@media (min-width:1800px){
	.float_con{
	   right:74px!important;
   }
	.float_img{
		left: -220.7px!important;
	}
	/* .top-get-btu{
		left:10.2%!important;
	} */
	.cen-item{
		height: 250px;
	}
}
@media (max-width:1400px) {
	.text-s-item{
		height: auto!important;
	}
	.lit-text{
		line-height: 5px!important;	
	}	
}
section span{
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
section:not(img){
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
p:not(img){
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
#preview img{
	width: 60%!important;
	margin-left:20%!important;
	object-fit: scale-down;
}
#preview span{
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
#preview strong{
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
#preview div{
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
#preview h1{
	font-size: 16px!important;
	text-align: left!important;
	text-indent: 2em!important;
	line-height: 30px!important;
	letter-spacing: 1px!important;
}
strong img{
	margin:23px 0;
	object-fit: scale-down;
}
.bot-title{
	display: flex!important;
    align-items: center!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
}
.share{
	align-items:center!important;
	width: 100%!important;
	justify-content: center!important;
}
#shareTop{
	cursor: pointer;	
}
.share-class{
	color:#2A82E4;
	cursor: pointer;
}
.share-img{
	width:26px;
	height:26px;
	margin-left:20px;
	cursor: pointer;
}
.share-img img{
	width:100%;
	height:100%;
}
.wx-content{
	position: relative;
}
.wx-drop{
	width: 340px;
	position: absolute;
	top:36px;
	left: 50%;
    transform: translate(-50%,-0%);
	box-shadow: 0 2px 10px 0 #bdbbbb;
	z-index: 1000;
	background: #fff;
	padding:10px;
	border-radius: 4px;
	
}
.wx-qr{
	width: 150px;
	height: 150px;
}
.wx-qr img{
	width: 100%;
	height: 100%;
}
.wx-drop::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%,-0%);
    z-index: 100;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}