@font-face {
  font-family: "Hxb-MaoLiangTi-Bold";
  src: url("../font/Hxb-MaoLiangTi-Bold.ttf");
}
@font-face {
  font-family: "Hxb-MaoLiangTi-Light";
  src: url("../font/Hxb-MaoLiangTi-Light.ttf");
}
@font-face {
  font-family: "Hxb-ZhongHei-Light";
  src: url("../font/Hxb-ZhongHei-Light.otf");
}
@font-face {
  font-family: "Hxb-ZhongHei-Medium";
  src: url("../font/Hxb-ZhongHei-Medium.otf");
}
@font-face {
  font-family: "Hxb-ZhongHei-Regular";
  src: url("../font/Hxb-ZhongHei-Regular.otf");
}
@font-face {
  font-family: "Alibaba-PuHuiTi-Regular";
  src: url("../font/Alibaba-PuHuiTi-Regular.otf");
}
@font-face {
  font-family: "Alibaba-PuHuiTi-Medium";
  src: url("../font/Alibaba-PuHuiTi-Medium.otf");
}
@font-face {
  font-family: "Alibaba-PuHuiTi-Bold";
  src: url("../font/Alibaba-PuHuiTi-Bold.otf");
}
@font-face {
  font-family: "buttersans-Regular";
  src: url("../font/buttersans-Regular.otf");
}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../font/SourceHanSansCN-Normal.otf");
}


/*base*/
body{ font: 12px/1.5 PingFangSC-Regular,Tahoma,'Microsoft Yahei',sans-serif;background-color:#F8F8F8;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
ul, ol{margin-top: 0;margin-bottom: 0;}
li {list-style-type:none;list-style: none;}
em, i {font-style: normal}
img{width: 100%;height: 100%;}
.relative {position: relative}
.absolute {position: absolute}
.fl{float: left;}
.fr{float: right;}
.padding0{padding:0;}
.pb50{padding:0 0  50px 0;}
.clear {zoom: 1;}
.clear:after {display: block;content: '';clear: both;}
.overflow_hide {overflow: hidden;}
.minWidth {min-width: 1060px;}
.bgclrfff {background: #fff}
.layui-layer-btn .layui-layer-btn0 { border-color: #7FBA26; background-color: #7FBA26;color: #fff; }
.hxb-mlt-bold { font-family: "Hxb-MaoLiangTi-Bold"; }
.hxb-mlt-light { font-family: "Hxb-MaoLiangTi-Light"; }
.hxb-zhh-medium { font-family: "Hxb-ZhongHei-Medium"; }
.hxb-zhh-regular { font-family: "Hxb-ZhongHei-Regular"; }
.hxb-zhh-light { font-family: "Hxb-ZhongHei-Light"; }
.ali-pht-bold { font-family: "Alibaba-PuHuiTi-Bold"; }
.ali-pht-medium { font-family: "Alibaba-PuHuiTi-Medium"; }
.ali-pht-regular { font-family: "Alibaba-PuHuiTi-Regular"; }
.buttersans-regular { font-family: "buttersans-Regular"; }
.c-image {
  max-width: 100%;
  display: inline-block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.flex-start {
  align-items: flex-start!important;
}
.flex-end {
  align-items: flex-end!important;
}


.flex,
.flex-wrap,
.flex-align-center,
.flex-align-bottom,
.flex-align-stretch,
.flex-between,
.flex-center-between,
.flex-column,
.flex-just-center,
.flex-center {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-align-bottom {
	align-items: flex-end;
}
.flex-align-center,
.flex-center-between{
	align-items: center;
}
.flex-between,
.flex-center-between {
	justify-content: space-between;
}
.flex-just-center {
	align-items: center;
	justify-content: center;
}
.flex-center {
	align-items: center;
	justify-content: center;
}
.flex-align-stretch {
	align-items: stretch;
}
.flex-column {
	flex-direction: column;
}
.flex-top {
	align-items: flex-start;
}
.flex-right {
	justify-content: flex-end;
}
.flex-inline {
	display: inline-flex;
}
.flex-1 {
	flex: 1;
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
}
.flex-2 {
	flex: 2;
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
}



/*header*/
.header_box{
  height: 100px;
  line-height: 100px;
  width: 100%;
  position: fixed;
  z-index: 10000;
  background: #fff;
  padding: 0 80px;
  box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
}
.header {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.link_tel {width: 288px;font-size: 0;}
.klfs_logo {width: 152px;}
.header .nav{
  text-align: center;
  font-size: 0;
  height: 100px;
  line-height: 100px;
  max-width: 100%;margin: 0 auto;}
.header .nav li {
  display: inline-block;
  height: 100%;
}
.OneTitle{
  position: relative;
  color: #7FBA26!important;
  display: inline-block!important;
  padding: 0 38px!important;
  font-family: "Hxb-MaoLiangTi-Bold";
  font-size: 20px;
  background-color: inherit!important;
}
.OneTitle.active{color: #7FBA26!important;}
.app-header,.inav_t{display: none;}
.app-header-menuicon{display: block; position: absolute; top: 0; right: 0;width: 60px; height: 47px; cursor: pointer; text-align: center;}
.app-header-menuicon i{font-size: 30px;}
.header-down-nav{display: none;}
/*end-header*/


/*防止限制最小宽度后，滚动条过长的问题*/
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.navActive {
  position: relative;
}
.navActive:after {
  content: "";
  position: absolute;
  margin: 0 auto;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  width: 114px;
  height: 24px;
  background-image: url("../../../images/new/navtop.png");
  background-size: 100% 100%;
}
.mouse_hover {
  position: fixed;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  max-width: 100%;
  top:100px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 80px;
  box-sizing: border-box;
  background: #7FBA26;
  border-radius: 4px;
  text-align: center;
  height: 80px;
}
.mouse_hover dd a {
  font-family: "Hxb-MaoLiangTi-Light";
  font-size: 20px;
  color: #fff;
  width: 188px;
  line-height: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.mouse_hover dd {
  width: 188px;
}
.containerrr {
  top: 112px;
  position: relative;
}
.about_klfs {
  text-align: center;
  position: relative;
  background: #fff;
  padding: 160px 0;
}
.abt_cont {
  position: relative;
  font-size: 0;
}
.toKlcy {
  position: absolute;
  left: 41.2%;
  top: 13.4%;
  width: 12.5%;
  height: 11.2%;
}
.toAbklfs {
  position: absolute;
  left: 41.2%;
  top: 31.4%;
  width: 36.2%;
  height: 36.4%;
}
.toKlxc {
  position: absolute;
  right: 22.4%;
  top: 73.6%;
  width: 12.4%;
  height: 11.4%;
}
.toDjlj {
  position: absolute;
  right: 12.1%;
  top: 34.4%;
  width: 8%;
  height: 30%;
}
.toAbklfs_m {
  position: absolute;
  left: 4%;
  top: 22%;
  width: 92%;
  height: 25%;
  border-radius: 50px;
}
.toKlcy_m {
  position: absolute;
  left: 10%;
  top: 57%;
  width: 35.6%;
  height: 11.4%;
}
.toKlxc_m {
  position: absolute;
  left: 10%;
  top: 79%;
  width: 35.6%;
  height: 11.4%;
}

.join_top_bg {
  text-align: center;
  position: relative;
  background: #fff;
}
.about_klfs_bg {
  display: inline-block;
  width: 100%;
}
.ab_klfs_img {
  position: absolute;
}
.live_logo {
  width: 180px;
}
.live_logo img {
  height: inherit;
}
.prod-swiper{  /*分页器风格*/
  position: relative;
  --swiper-pagination-color: #7FBA26;/* 两种都可以 */
}
.storeImage-swiper {
  position: relative;
  --swiper-pagination-color: #fff;/* 两种都可以 */
}
.storeLive-swiper {
  position: relative;
  --swiper-pagination-color: #fff;/* 两种都可以 */
}
.honors-swiper {
  position: relative;
  --swiper-pagination-color: #fff;/* 两种都可以 */
}

.prod-pagination .swiper-pagination-bullet {
  width: 12px;
  height:12px;
}
.storeImage-pagination {
  bottom: 18px!important;
  left: inherit!important;
  text-align: right;
  right: 30px;
}
.storeLive-pagination {
  bottom: 18px!important;
}
.storeImage-pagination .swiper-pagination-bullet, .storeLive-pagination .swiper-pagination-bullet {
  width: 10px;
  height:10px;
  border: 1px solid #fff;
  background: inherit;
  opacity: 1;
}
.storeImage-pagination .swiper-pagination-bullet-active, .storeLive-pagination .swiper-pagination-bullet-active {
  background: #fff!important;
}
.image_btn_prev {
  background: #fafafa url("../../../images/join/arrow_left.png") no-repeat center center;
  left:-8em;
  width: 59px;
  height: 59px;
}
.image_btn_next {
  background: #fafafa url("../../../images/join/arrow_right.png") no-repeat center center;
  right:-8em;
  width: 59px;
  height: 59px;
}
.image_btn_prev:after, .image_btn_next:after {
  font-size: 0;
}
.about_title_brief{
  background: #fff
}
.brand_introduce_title {
  font-family: "Hxb-MaoLiangTi-Bold";
  font-size: 38px;
  text-align: center;
  color: #7FB925;
  letter-spacing: 20px;
}
.brand_introduce_box {
  background-color: #fff;
  padding: 160px 50px;
  margin: 0 auto;
}
.brand_introduce_detail {
  font-size: 0;
  max-width: 1080px;
  margin: 28px auto 0;
}
.brand_introduce_detail p {
  font-family: "Alibaba-PuHuiTi-Regular";
  font-size: 16px;
  color: #666;
  letter-spacing: 1px;
  text-align: justify;
  text-indent: 2em;
  margin: 0;
  line-height: 1.68em;
  margin-bottom: 16px;}
.join_advantage{
  background: #fff;
}
.join_advantage_box {
  background-color: #fff;
  padding: 50px 5.6% 14px;
  margin: 0 auto;
  position: relative;
}
.join_advantage_box::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 18px;
  right: 18px;
  background: url("../../../images/new/btm_line.png") 100% center;
  max-width: 100%;
  height: 2px;
}
.join_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.advantage_img {
  width: 280px;
}
.happy_ico {
  width: 275px;
}
.join_cont {
  display: flex;
  justify-content:space-around;
  align-items: center;
  max-width: 1180px;
  margin: 80px auto 0;
  text-align: center;
  padding-bottom: 160px;
}
.join_hold_title {
  text-align: center;
  margin: 0 auto;
  color: #7FBA26;
  padding: 50px 0 60px;
}
.join_hold_title .p1 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: normal;
}
.join_hold_title .p2 {
  font-size: 45px;
  margin-bottom: 0;
  line-height: normal;
}
.join_contain {
  top:100px;
  position: relative;
}
.w1280 {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
.w1360 {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}
.w1080 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.join_hold_box {
  position: relative;
}
.list {
  position: relative;
  font-size: 0;
  margin-right: 0;
  margin-left: 0;
}
.column-list li {
  margin-bottom: 40px;
}
.list-3>li {
  width: 33.3333%;
}
.list-4>li {
  width: 25%;
  position: relative;
  z-index: 4;
}
.list-6>li {
  width: 16.6667%;
  position: relative;
  z-index: 4;
}
.rqrSec {
  display: -webkit-flex;
  display: flex;
}
.rqrIco {
  width: 38px;
  height: max-content;
  margin-right: 1.5em;
}
.brdCont {
  padding-top: 60px;
}
.brd_slog,.brd_clt {
  width: 119px;
  height: max-content;
  margin-right: 1.5em;
}
.brd_slgimg {
  font-size: 0;
  width: 210px;
  margin-top: -10px;
}
.brdCltTxt {
  font-size: 19px;
  color: #7FBA26;
  margin-top: 8px;
}
.brdSec {
  margin-bottom: 4em;
}
.brd_title {
  min-width: 150px;
  max-width: 150px;
  text-align: center;
  font-size: 24px;
  color: #7FBA26;
  margin-right: 2em;
  position: relative;
}
.brd_title::after {
  content: "";
  position: absolute;
  top:8px;
  bottom: 4px;
  right: -0.8em;
  width: 1px;
  background: #DBEAD1;
}
.brd_title p {
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 36px;
}
.brdTxt {
  font-size: 15px;
  display: flex;
  align-items: flex-end;
  color: #000;
}
/*品牌历程*/
.brdHisCont {
  display: flex;
  padding-top: 10em;
  padding-bottom: 8em;
}
.brd_hold_title {
  text-align: left;
  margin: 0 auto 27em;
  color: #7FBA26;
  margin-left: 0;
}
.brd_hold_title .p1 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: normal;
}
.brd_hold_title .p2 {
  font-size: 45px;
  margin-bottom: 0;
  line-height: normal;
}
.brd_hold_title .p3 {
  font-size: 28px;
  margin-bottom: 0;
  margin-top: 10px;
  color: #000;
  line-height: normal;
}
.brdHisLi {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 2em;
}
.brdYear {
  font-size: 17px;
  color: #000;
  font-weight: bold;
}
.brdIco {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #7FBA26;
  margin: 0 2em;
  position: relative;
}
.brdIco::after {
  content: "";
  position: absolute;
  top: -3em;
  bottom: 10px;
  right: 3px;
  left: 0;
  border-right: 1px dashed #7FBA26;
}
.brdDesc {
  font-size: 17px;
  color: #000;
}

/*品牌新形象*/
.brdNewIpImageBg {
  background-image: url("../../../images/brand/newip_bg_title.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.brdNewImage {
  padding-top: 9em;
  padding-bottom: 5em;
}
.brdIpImage_left {
  margin: 0 auto;
}
.brdIpUl {
  display: flex;
  align-items: center;
}
.brdIpUl li {
  width: 18%;
  margin: 0 2%;
}
.brdIp_bgimg {
  width: 620px;
}

/*品牌荣誉*/
.brdHonorBox {
  background-image: url("../../../images/brand/brd_honor_bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 6em;
}
.brdHonor_hold_title {
  text-align: left;
  margin: 0 auto;
  color: #fff;
  padding: 5em 0 6em;
}
.brdHonor_hold_title .p1 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: normal;
}
.brdHonor_hold_title .p2 {
  font-size: 45px;
  margin-bottom: 0;
  line-height: normal;
}
.brd_honor_zs {
  margin: 0 auto;
}
.honorsItem {
  display: flex;
  justify-content: center;
}
.honor_item_year {
  font-family: buttersans-Regular;
  font-size: 16px;
  color: #fff;
  background: #7FBA26;
  border-radius: 70%;
  margin-right: 1em;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px;
}
.honor_item_des {

}
.honor_item_des li {
  font-family: Alibaba-PuHuiTi-Regular;
  font-size: 15px;
  color: #000;
  line-height: 28px;
}
.honors_hold_box {
  margin-top: 5em;
}
.honor_btn_prev {
  background: #fafafa url(../../../images/join/arrow_left.png) no-repeat center center;
  left: -5em;
  width: 59px;
  height: 59px;
}
.honor_btn_next {
  background: #fafafa url(../../../images/join/arrow_right.png) no-repeat center center;
  right: -5em;
  width: 59px;
  height: 59px;
}
.honor_btn_prev:after, .honor_btn_next:after {
  font-size: 0;
}


/*分页器*/
.honors-nav {
  /*border-bottom: 1px dashed #7FBA26;*/
  margin-top: 6em;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.honors-nav::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  border-bottom: 1px dashed #7FBA26;
}
.honors-nav-item {
  width: 12%;
  font-family: buttersans-Regular;
  font-size: 30px;
  color: #7FBA26;
  text-align: center;
  cursor: pointer;
}
.honors-nav-item span {
  opacity: .3;
}
.honors-nav-item i {
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  border:1px solid #7FBA26;
  border-radius: 100%;
  margin: 0.4em auto 0;
}
/* 点击的激活样式 */
.honors-nav-item.active span {
  opacity: 1;
}
.honors-nav-item.active i {
  opacity: 1;
  background: #7FBA26;
}

/*品牌资讯*/
.typeSelBox {
  margin: 7em auto 0;
  text-align: center;
}
.typeSel {
  border-radius: 50px;
  background: #ECECEC;
  width: 100%;
  max-width: 1240px;
  padding: 2em;
}
.typeSel button {
  width: 33.3333%;
  font-size: 20px;
  padding: 4px 0 8px;
  height: auto;
  line-height: normal;
  background: inherit;
  color: #7FBA26;
  border-radius: 50px!important;
  border-left: none!important;
  font-family: Hxb-MaoLiangTi-Light;
}
.info_container {
  width: 100%;
  max-width: 1280px;
  padding: 2em 0;
}
.info_item {
  width: 33.33%;
  padding: 28px 15px;
  text-align: center;
}
.info_item_cont {
  position: relative;
  border-radius: 16px;
}
.info_item_img {
  overflow: hidden;
  height: 220px;
  background-color: #ECECEC;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px 16px 0 0;
}
.info_item_word {
  padding: 20px 24px;
  background-color: #7FBA26;
  text-align: center;
  height: 126px;
  border-radius: 0 0 16px 16px;
}
.info_item2 {
  height: 330px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0 15px 28px;
  background: #80BA27;
  padding-left: 0;
  padding-right: 2em;
  width: calc(100% - 30px);
}
.info_item2_img {
  display: block;
  width: 60%;
  height: 330px;
  border-radius: 16px 0 0 16px;
  background: #ECECEC;
}
.info_item2_img img {
  object-fit: cover;
  border-radius: 16px 0 0 16px;
}
.info_item2_txt {
  flex: 1;
  color: #fff;
  border-radius: 0 16px 16px 0;
  margin-left: 3em;
}
.info_item2_txt .title2 {
  font-size: 30px;

}
.info_item2_txt .desc2 {
  font-size: 16px;
}
.txtlink {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.txtlink:hover, .txtlink:focus {
  color: #fff;
  text-decoration: none;
}
.txtParagraph {
  text-align: justify;
  font-size: 14px;
  line-height: 26px;
  margin-top: 10px;
  color: #fff;
  padding: 0 1em;
}

/*产品介绍*/
.IntroBox {
  margin: 0 auto 0;
  text-align: center;
}
.IntroSel {
  width: 100%;
  max-width: 1080px;
  padding: 2em;
}
.IntroSel .layui-tab-title {
  border-radius: 50px;
  background: #ECECEC;
  text-align: center;
}
.IntroSel .layui-tab-title li {
  width: 12.5%;
  font-size: 18px;
  padding: 4px 0 8px;
  height: auto;
  line-height: normal;
  background: inherit;
  color: #666;
  border-radius: 50px!important;
  border-left: none!important;
  font-family: SourceHanSansCN-Normal;
}
.IntroSel .layui-tab-title li.layui-this {
  background-color: rgba(126,198,0,1)!important;
  color: #fff!important;
  font-weight: bold;
}
.IntroSel .layui-tab-title li.layui-this:after {
  border-bottom: none!important;
}
.prdTitle {
  font-size: 18px;
  color: #333;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
}
.prdIntroBox {
  padding-bottom: 10em;
}



.layui-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /*color: #444!important;*/
}
.bg5FB878:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff!important;
}
.bg5FB878 {
  background-color: rgba(126,198,0,1)!important;
  color: #fff!important;
}
@media (max-width: 767px) {
  .typeSel button {
    padding: 12px 12px;
    font-size: 12px;
  }
  .lianjie_prtcl {display: none;}
}
.lianjie_prtcl {
  position: fixed;
  top: 80px;
  left: 0;
  color: #999;
  font-size: 14px;
  background: rgba(0,0,0,0.1);
  padding: 8px 30px;
  width: 100%;
  z-index: 10;
  line-height: 1;
}
.lianjie_prtcl:hover {color: rgba(126,198,0,1)}




.rqrTxt {
  font-size: 15px;
}
.rqrTxt i {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #F4F4F4;
  text-align: center;
}
.rqrTxt p {
  margin-bottom: 0;
  font-family: Alibaba-PuHuiTi-Regular;
  line-height: 1.8em;
}
.rqr_l_v {
  width: 2px;
  height: 30px;
  border-left: 0.11667em dashed #7FBA26;
  margin-left: 14px;
  margin-top: 4px;
  margin-bottom: 10px;
}
.rqr_l_v_absolute {
  position: absolute;
  top: 46px;
  left: 14px;
  width: 2px;
  height: 128px;
  border-left: 0.11667em dashed #7FBA26;
}
.list-2>li {
  width: 50%;
  font-size: 15px;
}
.list>li {
  display: inline-block;
  vertical-align: top;
}
.w1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.w1180 {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.d-flex {
  display: flex;
  justify-content: space-between;
}
.aItems_c {
  align-items: center;
}
.tA_left {
  text-align: left;
}
.mg_r16 {
  margin-right: 8em;
}
.mg_r20 {
  margin-right: 10em;
}
.mg_l20 {
  margin-left: 10em;
}
.openStepsBox {
  text-align: center;
  margin: 0 auto;
}
.stepsico {
  width: 66px;
  height: 66px;
  margin: 0 auto;
}
.productIco {
  width: 36px;
  height: 36px;
  margin: 0 auto 16px;
}
.productIco img {
  height: inherit;
}
.productTitle {
  font-size: 16px;
  color: #7FBA25;
  line-height: 1.3;
}
.stepsIdx {
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 100%;
  background: #F4C43C;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 1.2em auto 1.4em;
}
.productIdx {
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  border-radius: 100%;
  background: #BB8D50;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto 1.8em;
}
.stepsIdx p {
  font-size: 24px;
}
.prd_box {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top:0;
  left: 20%;
  right: 20%;
  bottom: 0;
  font-size: 15px;
}
.lkMore {
  text-align: right;
  font-size: 16px;
  color: #333;
  margin-top: 40px;
}
.snack_box {
  /*height: 300px;*/
  /*margin-top: 8em;*/
  position: relative;
}
.snackDesc {
  position: absolute;
  left: 0;
  right: 0;
  top: 5em;
  margin: 0 auto;
  text-align: center;
  font-size: 17px;
  color: #7FBA26;
  width: 60%;
}
.snack_pst {
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
}
.snack_title {
  text-align: left;
  color: #7FBA26;
  position: absolute;
  width: 100%;
  top: 16%;
  left: 0;
  right: 0;
}
.snack_title .p1 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: normal;
  letter-spacing: 0.25em;
}
.snack_title .p2 {
  font-size: 45px;
  margin-bottom: 0;
  line-height: normal;
}
.snack-swiper {
  height: 560px;
}
.snack-swiper .swiper-slide {
  cursor: pointer;
}
.sLg {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}
.snack_kc_lg {
  width: 396px;
}
.snack_szb_lg {
  width: 370px;
}
.snack_kfs_lg {
  width: 350px;
}
.transAnimate {
  transform: scale(0);
}
.snack-swiper .swiper-slide-active .transAnimate {
  transform: scale(1);
  transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.snack-swiper .swiper-slide-active .snack_txt {
  opacity: 1;
}
.snackImg_cont {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  top: 52%;
  bottom:0;
  left: 0;
  right: 0;
  margin: auto
}
.snackImg_cont img {
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.snack_txt {
  position: absolute;
  bottom: 0;
  right: 10%;
  font-size: 20px;
  color: #7FBA26;
  opacity: 0;
}

.prd_pd1 {
  width: 43%;
  margin-top: 34%;
}
.prd_pd2 {
  width: 37.4382%;
  margin-top: 44.66%;
}
.prd_pd3 {
  width: 39.4305%;
  margin-top: 42%;
}
.prd_pd4 {
  width: 48%;
  margin-top: 42%;
}
.prd_pd5 {
  width: 50%;
  margin-top: 36%;
}
.prd_pd6 {
  width: 40%;
  margin-top: 42%;
}
.prd_pd7 {
  width: 39%;
  margin-top: 54%;
}
.clrBC8F53 {
  color: #BC8F53;
}
.clr7FBA26 {
  color: #7FBA26;
}

.nation_box {
  align-items: flex-end;
}
.nation_txt {
  color: #7FBA25;
  margin-top: 22px;
  border-left: 0.5em solid #7FBA25;
  padding-left: 2em;
  margin-left: 1.2em;
}
.nation_txt p {
  font-size: 30px;
  font-family: Alibaba-PuHuiTi-Bold;
  margin-bottom: 0;
  line-height: normal;
}
.nation_txt p i {
  font-size: 42px;
  font-family: buttersans-Regular;
  margin-right: 10px;
}
.nation_potato {
  width: 160px;
}
.nation_map {
  width: 540px;
}
.nation_btm_explain {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0,0,0,0.15);
  height: 9em;
  border-radius: 0 0 22px 22px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #fff;
  padding-left: 3.5em;
}
.space_txt {
  margin-bottom: 2em;
}
.space_det {
  font-size: 17px;
  margin-left: 3em;
  margin-top: 1.5em;
}
.nation_btm_explain .p1 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
}
.nation_btm_explain .p2 {
  font-size: 43px;
  margin-bottom: 0;
  line-height: 1;
}

.column-list a, .column-list .item-column {
  font-size: 20px;
  cursor: default;
  background-color: #FAFAFA;
  text-align: center;
  padding: 0 1.8em;
  overflow: hidden;
  border-radius: 16px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  /*-webkit-transform: rotateX(-10deg) scale(1) translateX(0px) translateY(0px);*/
  /*transform: rotateX(-10deg) scale(1) translateX(0px) translateY(0px);*/
}
.column-list .item-column {
  height: 18.6em;
}
.column-list a:hover, .column-list .item-column:hover {
  /*-webkit-transform: rotateX(0deg) scale(1) translateX(0px) translateY(0px);*/
  /*transform: rotateX(0deg) scale(1) translateX(0px) translateY(0px);*/
  background-color: #7FBA26;
}
.list .item-column {
  display: block;
  margin-right: 20px;
  margin-left: 20px;
}
.column-list .dec {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  height: 8em;
  background-color: #7FBA26;
  position: relative;
  border-radius: 50%;
  top: -3em;
}
.column-list .dec img {
  position: absolute;
  left: 50%;
  bottom: 1.5em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 100%;
  width: 44px;
  height: auto;
}
.column-list .title, .column-list .paragraph {
  -webkit-transition: color .4s ease-out;
  transition: color .4s ease-out;
}
.column-list .title {
  font-size: 30px;
  color: #23532B;
  margin-bottom: 0.61667em;
  font-weight: 700;
  line-height: initial;
}
.paragraph {
  font-size: 16px;
  color: #333;
  line-height: 1.875;
}
.column-list .item-column:hover .title, .column-list .item-column:hover .paragraph {
  color: #fff;
}
.pd_60_90 {
  padding: 60px 0 90px;
}
.pd_9_5 {
  padding: 9em 0 5em;
}
.pd_90_50 {
  padding: 90px 0 50px;
}
.pb_7 {
  padding-bottom: 7em;
}
.pd100 {
  padding: 10em 0 0;
}

.o_line1::before, .o_line2::before, .o_line3::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.o_line1::before {
  left: 150px;
  top: 64px;
  width: calc(100% - 300px);
  height: 41px;
  background: url(../../../images/join/o_line1.png) no-repeat center center;
  background-size: contain;
}
.o_line2::before {
  left: 150px;
  bottom: 125px;
  width: calc(100% - 300px);
  height: 41px;
  background: url(../../../images/join/o_line1.png) no-repeat center center;
  background-size: contain;
}
.o_line3::before {
  left: 98px;
  top: 6px;
  width: calc(100% - 196px);
  height: 22px;
  background: url(../../../images/product/o_line3.png) no-repeat center center;
  background-size: contain;
}


.historyBox {
  padding-bottom: 120px;
}
.his_p1 {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  color: rgba(255,255,255,0.88);
}
.his_p2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1;
}
.his_bg {
  background: linear-gradient(to bottom, rgba(255,255,255,0.05), #7FBA26);
}
.join_hold_item {
  width: 33.3333%;
  background: #F4F4F4;
  border-radius: 10px;
}
.join_item {
  width: 20%;
}
.jicon {
  width: 101px;
  height: 101px;
}
.jtitle {
  font-family: "Hxb-ZhongHei-Regular";
  font-size: 34px;
  color: #7FBA26;
  margin-top: 30px;
}
.jdetail {
  font-family: "Alibaba-PuHuiTi-Regular";
  font-size: 16px;
  color: #777;
  line-height: 1.76em;
  text-align: left;
  margin-top: 6px;
}

.brand_cont {
  display: flex;
  justify-content:space-around;
  align-items: center;
  max-width: 1570px;
  margin: 80px auto 0;
  /* text-align: center; */
  padding-bottom: 160px;
}
.brand_item {
  width: 29%;
  background: #E5F1D4;
  position: relative;
  border-radius: 12px;
  box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px;
}
.bitem_img_box {
  overflow: hidden;
  height: 278px;
  background-color: #E5F1D4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0 0;
}
.linkblock_szFR9R{
  border-radius: 12px 12px 0 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.linkblock_szFR9R .c-image {
  border-radius: 12px 12px 0 0;
}
.bitem_text_box {
  padding: 20px 30px;
  background-color: #7FBA26;
  /* text-align: center; */
  border-radius: 0 0 12px 12px;
  height: 182px;
  box-sizing: border-box;
  font-family: "Alibaba-PuHuiTi-Regular";
}
.bitem_text_box .tit {
  font-size: 21px;
  color: #fff;
  display: inline-block;
  margin-bottom: 16px;
  text-align: left;font-weight: bold;}
.bitem_text_box .deta {
  /*text-align: justify;*/
  font-size: 16px;
  color: #000;
  line-height: 22px;
}

.apply_cont {
  display: flex;
  justify-content:space-around;
  align-items: center;
  max-width: 780px;
  margin: 80px auto 0;
  text-align: center;
  padding-bottom: 160px;
}
.apply_cont .layui-form {
  width: 100%;
}
.apply_cont .layui-form-item {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.apply_cont .layui-form-item:after {
  content: '';
  display: none;
}
.apply_cont .layui-form-label {
  width: 130px;
  font-family: "Hxb-ZhongHei-Regular";
  color: #7FBA26;
  font-size: 20px;
  padding: 7px 15px;
}
.apply_cont .layui-form-item .layui-input-inline {
  width: 220px;
}
.apply_cont .layui-form-label i {
  color: red;
  font-size: 17px;
  margin-right: 5px;
  font-style: normal;
}
.apply_cont .apply_input {
  border-color: #7FBA26;
  border-radius: 4px;
  height: 34px;
}
.layui-input:hover, .layui-textarea:hover {
  border-color: #7FBA26!important;
}
.apply_cont .remain {
  display: block;
  text-align: left;
  margin-top: 24px;
}
.apply_cont .msubmit {
  margin-left: 0;

}
.m-submit_btn {
  background: #7FBA26;
  border-radius: 8px;
  font-family: "Hxb-ZhongHei-Regular";
  font-size: 24px;
  height: 42px;
}
.apply_cont .layui-form-item .layui-input-inline.w82 {
  width: 82%;
  padding-right: 10px;
}
.textarea_none {
  resize: none;
}
.getverfyCode {
  font-family: "Hxb-ZhongHei-Regular";
  font-size: 13px;
  background: #7FBA26;
  color: #fff;
  border-radius: 8px;
  height: 26px;
  line-height: 25px;
  top: 4px;
  right: 6px;
  padding: 0 10px;
}

.linkus_klfs {
  text-align: center;
  position: relative;
  background: #82BA25;}
.linkus_klfs_bg {
  display: inline-block;
  width: 100%;
}
.linkus_klfs img {
  height: auto;
}
.linkus_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 6%;
  max-width: 780px;
  min-width: 560px;
  height: 100%;
  text-align: left;
  padding-top: 120px;
}
.linkus_img {
  width: 400px;
}
.en-page .linkus_img {
  width: 280px;
}
.lu_cont {
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: 'Alibaba-PuHuiTi-Bold';
  font-size: 22px;
  color: #fff;
  margin-top: 60px;
}
.flexSt {
  display: flex;
  align-items: center;
}
.mlu_item_sub {
  margin-bottom: 20px;
}
.lu_tel {
  width: 128px;
}
.en-page .lu_tel {
  width: 152px;
}
.lu_email {
  width: 124px;
}
.lu_addr_all {
  width: 128px;
}
.lu_addr {
  width: 188px;
}
.lu_lxkf {
  width: 128px;
}
.en-page .lu_lxkf {
  width: 200px;
}
.qr_lxkf {
  width: 120px;
}
.qr-item-box {
  display: flex;
  align-items: flex-end;
}

.link_icos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.link_icos .sina {
  width: 56px;
}
.link_icos .wechat {
  width: 56px;
}
.link_icos .douyin {
  width: 48px;
}
.footer_btm {
  width: 340px;
  margin-top: 10px;
}
.gzh {
  position: absolute;
  top: -164px;
  z-index: 100;
  left: -50px;
  width: 150px;
  height: 150px;
  background: #fff;
}
.gzh:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 139px;
  z-index: 11;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.shw { display: block; }
.m_shw { display: none; }
.flex_show {display: flex;}
.tc_nav {display: none;}
.minH560 {min-height: 560px;}

/* 英文版css */
.en-page {
  background-color: #fff;
}
.en-page-content {
  max-width: 1200px;
  margin: 0 auto;
}
.area-select-wrap {
  margin-bottom: 20px;
}
.area-title {
  margin-bottom: 16px;
}
.area-title-img {
  width: 300px;
}
.area-select-title {
  margin-bottom: 10px;
}
.area-label {
  width: 160px;
  margin-right: 20px;
}
.select-box {
  width: 160px;
  font-size: 16px;
  font-weight: normal !important;
  color: #fff;
  margin-right: 20px;
}
.select-box input {
  color: #fff;
  background-color: transparent;
}
.select-box .layui-form-item {
  margin-bottom: 0;
}
.select-box input::placeholder {
  color: #fff;
}
.select-box .layui-form-select dl dd {
  color: #333;
}
.select-box .layui-input:hover, .select-box .layui-textarea:hover {
  border-color: #fff !important;
}
.layui-form-select .layui-edge {
  border-top-color: #fff;
}
.select-box .layui-form-select dl dd.layui-this {
  background-color: #7FBA26;
}
.area-hide {
  display: none;
}
.select-country-value {
  padding-top: 6px;
}
.en-page .lu_email_label {
  width: 100px;
}
/* 英文版css end */

@media (max-width: 1600px) {
  .klfs_logo {
    width: 128px;
  }
  .link_tel {
    width: 234px;
  }
  .header_box {
    height: 100px;
    line-height: 100px;
    padding: 0 60px;
  }
  .header .nav {
    height: 100px;
    line-height: 100px;
  }
  .OneTitle {
    padding: 0 20px!important;
    font-size: 20px;
  }
  .mouse_hover {
    top: 100px;
    height: 70px;
    line-height: 70px;
    padding: 0 60px;
  }
  .mouse_hover dd a {
    font-size: 20px;
    padding: 0 20px;
    width: 160px;
  }
  .mouse_hover dd {
    width: 160px;
  }
  .containerrr {
    top: 112px;
  }
  .advantage_img {
    width: 206px;
  }
  .happy_ico {
    width: 212px;
  }
  .linkus_box {
    padding-top: 100px;
  }
  .lu_cont {
    height: 360px;
  }
}
@media (max-width: 1400px) {
  .OneTitle {
    padding: 0 20px !important;
    font-size: 16px;
  }
  .linkus_box {
    width: 560px;
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .lu_cont {
    height: 320px;
    font-size: 18px;
  }
  .linkus_img {
    width: 280px;
  }
  .en-page .linkus_img {
    width: 220px;
  }
  .area-title-img {
    width: 200px;
  }
  .mlu_item_sub {
    margin-bottom: 10px;
  }
  .lu_tel {
    width: 88px;
  }
  .lu_email {
    width: 84px;
  }
  .lu_addr_all {
    width: 88px;
  }
  .lu_addr {
    width: 128px;
  }
  .lu_lxkf {
    width: 88px;
  }
  .en-page .lu_lxkf {
    width: 150px;
    margin-right: 10px;
  }
  .select-country-value {
    padding-top: 8px;
  }
  .cyyfx_tzxjs {
    font-size: 12px !important;
  }
  .qr_lxkf {
    width: 60px;
  }
  .link_icos .sina {
    width: 40px;
  }
  .link_icos .wechat {
    width: 40px;
  }
  .link_icos .douyin {
    width: 32px;
  }
  .footer_btm {
    width: 240px;
    margin-top: 10px;
  }
}
@media (min-width: 1060px) and (max-width: 1259px) {
  .klfs_logo {
    width: 120px;
  }
  .link_tel {
    width: 208px;
  }
  .header_box {
    height: 80px;
    line-height: 80px;
    padding: 0 50px;
  }
  .header .nav {
    height: 80px;
    line-height: 78px;
  }
  .join_contain {
    top: 80px;
  }
  .OneTitle {
    padding: 0 10px!important;
    font-size: 16px;
  }
  .bitem_text_box .tit {
    font-size: 19px;
  }
  .mouse_hover {
    top: 78px;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
  }
  .mouse_hover dd a {
    font-size: 16px;
    padding: 0px 10px;
    width: 120px;
  }
  .mouse_hover dd {
    width: 120px;
  }
  .containerrr {
    top: 92px;
  }
  .advantage_img {
    width: 206px;
  }
  .happy_ico {
    width: 212px;
  }
}
@media (min-width: 860px) and (max-width: 1059px) {
  .navActive:after {
    width: 88px;
  }
  .klfs_logo {
    width: 91px;
  }
  .link_tel {
    width: 150px;
  }
  .header_box {
    height: 80px;
    line-height: 80px;
    padding: 0 40px;
  }
  .header .nav {
    height: 80px;
    line-height: 78px;
  }
  .join_contain {
    top: 80px;
  }
  .OneTitle {
    padding: 0 14px!important;
    font-size: 14px;
  }
  .mouse_hover {
    top: 78px;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
  }
  .mouse_hover dd a {
    font-size: 14px;
    padding: 0px 10px;
    width: 100px;
  }
  .mouse_hover dd {
    width: 100px;
  }
  .containerrr {
    top: 92px;
  }
  .advantage_img {
    width: 153px;
  }
  .happy_ico {
    width: 169px;
  }
}
@media (min-width: 678px) and (max-width: 859px) {
  .navActive:after {
    width: 58px;
    height: 14px;
  }
  .klfs_logo {
    width: 93px;
  }
  .link_tel {
    width: 133px;
  }
  .header_box {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
  }
  .header .nav {
    height: 60px;
    line-height: 60px;
  }
  .join_contain {
    top: 60px;
  }
  .OneTitle {
    padding: 0 12px!important;
    font-size: 12px;
  }
  .mouse_hover {
    top: 60px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
  }
  .mouse_hover dd a {
    font-size: 13px;
    padding: 0 10px;
    width: 80px;
  }
  .mouse_hover dd {
    width: 80px;
  }
  .containerrr {
    top: 70px;
  }
  .advantage_img {
    width: 153px;
  }
  .happy_ico {
    width: 169px;
  }
}

/*声明弹窗*/
.modal-mask .statement-pop {
  display: block;
  width: 600px;
  position: relative;
  background-color: #fff;
}
.modal-mask .statement-pop:before {
  content: "";
  display: block;
  width: 80px;
  height: 70px;
  border-radius: 60px 60px 0 0;
  background-image: url(../../../images/shareImg.png);
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: 70%;
  background-color: #fff;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.modal-mask .statement-pop .closen {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  font-size: 30px;
  font-weight: 900;
  transform: rotate(45deg);
  color: #333;
}
.modal-mask .statement-pop .title {
  margin: 60px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.modal-mask .statement-pop .content-wrapper {
  margin-top: 20px;
  padding-left: 38px;
  padding-right: 38px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  max-height: 440px;
  overflow-y: auto;
}
.modal-mask .statement-pop .content-wrapper .content {
  text-indent: 26px;
  margin-bottom: 20px;
  line-height: 28px;
}
@media screen and (max-width:639px) {
  .modal-mask .statement-pop {
    width: 80%;
  }
}

/*移动端样式*/
@media screen and (max-width:677px){
  ::-webkit-scrollbar{width: 0;}  /* 设置滚动条的样式 */
  ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);}  /* 滚动槽 */
  ::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);}  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb:window-inactive{background: rgba(0,0,0,0);}

  .modal-mask .statement-pop .content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .en-page .storeImage-swiper {
    width: 100%;
  }
  .en-page .swiper-slide {
    padding-bottom: 24px;
  }
  .en-page-title {
    margin-top: 20px;
  }
  .email-box-foot {
    display: none;
  }
  .select-box {
    width: 120px;
    font-size: 12px;
  }
  .area-label {
    width: 120px;
  }
  .shw { display: none!important; }
  .m_shw { display: block!important; }
  .minWidth {
    min-width: 320px
  }
  .header {
    justify-content: flex-start;
    position: relative;
  }
  .header_box {
    height: 68px;
    line-height: 68px;
    padding: 0 16px;
    background: #7FBA26;
  }
  .about_klfs {
    padding: 68px 0 70px;
  }
  .join_top_bg {
    padding: 0;
  }
  .klfs_logo {
    width: 84px;
  }
  .link_tel {
    width: 134px;
    margin-left: 38px;
    position: relative;
  }
  .link_tel::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 28px;
    top: 6px;
    left: -20px;
    background: #fff;
  }
  .headerNav {
    display: none;
  }
  .a-m_tab {
    font-size: 0;
    position: absolute;
    right: 0;
  }
  .m_tabbar {
    width: 34px;
  }
  /*移动端菜单*/
  .tc_nav {
    position: fixed;
    background: #7FBA26;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 28px 42px;
    opacity: 0;
    z-index: -1;
    display: inherit;
  }
  .join_contain {
    top: 68px;
  }
  .opacall {
    z-index: 10001;
    opacity: 1;
    transition: opacity .5s;
  }
  .tc_menu {
    float: right;
    padding-bottom: 32px;
    display: inline-block;
    width: 100px;
    font-family: "Alibaba-PuHuiTi-Bold";
    color: #fff;
    font-size: 30px;
  }
  .tc_ul {
    display: block;
    overflow: hidden;
    width: 100%;
    background-color: #7FBA26;
    max-height: calc(100vh - 240px);
    overflow-y: scroll;
  }
  .tc_ul a {
    display: block;
    font-family: "Hxb-MaoLiangTi-Bold";
    font-size: 16px;
    padding: 0!important;
    color: #fff!important;
    height: 48px!important;
    line-height: 48px!important;
  }
  .tc_ul .layui-nav-item {
    line-height: inherit;
    border-bottom: 1px solid;
  }
  .tc_ul .layui-nav-item .layui-icon-down:before {
    content: "\e624";
  }
  .tc_ul .layui-nav-itemed .layui-icon-down:before {
    content: "\e67e"!important;
  }
  .tc_ul .layui-nav-child a {
    font-size: 14px;
  }
  .tc_ul .layui-nav-more {
    font-size: 18px;
    padding: 0!important;
    top: 1px !important;
  }
  .closebtn {
    font-size: 16px;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .closebtn:hover {
    color: #fff!important;
  }
  #newBridge{
    z-index: 10000!important;
  }

  .containerrr {
    background: #fff;top: 78px;
  }
  .brand_introduce_box {
    padding: 78px 28px 86px;
    margin: 0 auto;
    text-align: center;
  }
  .brand_introduce_title {
    font-size: 24px;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
  }
  .brand_introduce_title i {
    background: #E5F1D4;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top:16px;
  }
  .l_i {
    left: -24px;
  }
  .r_i {
    right: -20px;
  }
  .bitem_text_box {
    padding: 20px 24px;
    height: 134px;
  }
  .brand_introduce_detail p {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 1.42em;
  }
  .advantage_img {
    width: 110px;
  }
  .happy_ico {
    width: 102px;
  }
  .join_advantage_box {
    padding: 30px 22px 8px;
  }
  .join_cont {
    flex-wrap: wrap;
    margin: 60px auto 0;
    padding-bottom: 12px;
  }
  .join_item {
    flex: 0 0 100%;
    margin-bottom: 78px;
  }
  .jicon {
    width: 90px;
    height: 90px;
  }
  .jtitle {
    font-size: 22px;
    margin-top: 1px;
  }
  .jdetail {
    margin-top: 10px;
    line-height: 1.46em;
    padding: 0 36px;
    text-align: center;
    color: #666;
    font-size: 14px;
  }
  .brand_cont {
    flex-wrap: wrap;
    margin: 63px 28px 0;
    padding-bottom: 20px;
  }
  .brand_item {
    flex: 0 0 100%;
    margin-bottom: 44px;
  }
  .apply_cont {
    padding: 46px 43px 70px;
    box-sizing: border-box;
    margin: 16px auto 0;
  }
  .apply_cont .layui-form-item {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .apply_cont .layui-inline {
    display: flex;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
  .apply_cont .layui-form-item .layui-input-inline {
    width: 100%!important;
    margin: 0 0 0 0!important;

  }
  .apply_cont .layui-form-label {
    font-size: 16px;
    box-sizing: content-box;
    padding: 7px 15px 7px 0;
  }
  .getverfyCode {
    font-size: 15px;
    border-radius: 4px;
  }
  .apply_cont .layui-form-item .layui-input-inline.w82 {
    width: 100%;
    padding-right: 0;
  }
  .apply_cont .remain {
    margin-top: 0;
    padding: 0 0 0 9px;
  }
  .apply_cont .remain .layui-form-label {
    padding: 7px 0;
    text-align: left;
  }
  .bitem_text_box .tit {
    font-size: 14px;
    color: #fff;
  }
  .bitem_text_box .deta {
    font-size: 12px;
    line-height: 18px;
  }
  .linkus_box {
    width: auto;
    min-width: inherit;
    top: 0;
    left: 18px;
    right: 16px;
    padding-top: 30px;
  }
  .linkus_img {
    width: 197px;
  }
  .lu_cont {
    height: auto;
    font-size: 12px;
    margin-top: 25px;
    min-width: inherit;
    flex-wrap: wrap;
    font-family: "Microsoft YaHei";
  }
  .lu_tel {
    width: 64px;
  }
  .lu_email {
    width: 62px;
  }
  .lu_addr_all {
    width: 64px;
  }
  .lu_addr {
    width: 116px;
  }
  .lu_lxkf {
    width: 64px;
  }
  .qr_lxkf {
    width: 68px;
  }
  .mlu_item_sub {
    margin-bottom: 10px;
  }
  .qr-item-box {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .footer_btm {
    width: 140px;
  }
  .foot_btm {
    bottom: 39px;
    left: 22px;
    min-width: 132px;
  }
  .en-page .foot_btm {
    width: 218px;
    margin-top: 20px;
  }
  .en-page .footer_btm {
    width: 218px;
  }
  .m-footer_btm {
    position: absolute;
    bottom: 16px;
    left: 22px;
  }
  .m-footer_btm_img {
    width: 132px;
  }
  .link_icos .sina {
    width: 34px;
  }
  .link_icos .wechat {
    width: 34px;
  }
  .link_icos .douyin {
    width: 29px;
  }

  .brd_topbg {
    padding: 0;
  }
  .brdCont {
    padding-top: 38px;
  }
  .mg_l20 {
    margin-left: 0;
  }
  .list-2 {
    flex-wrap: wrap;
  }
  .list-2>li {
    width: 100%;
    font-size: 14px;
  }
  .rqrSec {
    /* justify-content: space-around; */
    align-items: center;
  }
  .brd_slog, .brd_clt {
    width: 90px;
    margin-right: 0;
  }
  .brd_slgimg {
    width: 140px;
  }
  .rqrSec_m {
    padding: 0 12%;
  }
  .brdSec {
    margin-bottom: 2em;
  }
  .brd_title {
    font-size: 14px;
    margin-right: 0.2em;
  }
  .brd_title p {
    font-size: 26px;
  }
  .brdTxt {
    font-size: 14px;
    padding-right: 20px;
  }
  .brd_title::after {
    right: 1em;
  }
  .brdCltTxt {
    font-size: 16px;
  }
  .flex_show {
    display: none!important;
  }
  .brdHisCont {
    padding-top: 2em;
    padding-bottom: 4em;
    flex-wrap: wrap;
  }
  .brd_hold_title {
    margin: 0 auto 28px;
    text-align: center;
  }
  .brd_hold_title .p1 {
    font-size: 12px;
  }
  .brd_hold_title .p2 {
    font-size: 28px;
  }
  .brdHisLi {
    padding: 0 20px 1em;
  }
  .brdYear {
    font-size: 14px;
    min-width: 56px;
    text-align: center;
  }
  .brdIco {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
    border: 2px solid #7FBA26;
    margin: 0 1em;
    box-sizing: border-box;
    background: #7FBA26;
  }
  .brdDesc {
    font-size: 12px;
  }
  .brdHis_box li:nth-child(1) .brdIco::after {
    top:-1.2em;
  }
  .brdIco::after {
    right: 2px;
    left: 2px;
    top:-4em;
    bottom: 7px;
  }
  .brdNewImage {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .ip_txt_m {
    font-size: 28px!important;
  }
  .fan_txt_m {
    font-size: 22px!important;
  }
  .brdHonor_hold_title {
    text-align: center;
    padding: .4em 0 1em;
  }
  .brdHonor_hold_title .p1 {
    font-size: 12px;
  }
  .brdHonor_hold_title .p2 {
    font-size: 28px;
  }
  .honors-nav {
    margin-top: 1.4em;
  }
  .honors-nav-item {
    width: 15%;
    font-size: 16px;
  }
  .honorsItem {
    margin: 0 20px;
  }
  .honor_item_year {
    font-size: 14px;
    border-radius: 60%;
  }
  .honor_item_des li {
    font-size: 12px;
    line-height: 22px;
  }
  .honors_hold_box {
    margin-top: 4em;
  }
  .brdHonorBox {
    padding-bottom: 2em;
  }
  .pd_90_50 {
    padding: 46px 0 25px;
  }
  .join_hold_title .p1 {
    font-size: 12px;
    text-align: center;
  }
  .join_hold_title .p2 {
    font-size: 28px;
    text-align: center;
  }
  .historyBox {
    padding-bottom: 30px;
  }
  .storeImage-swiper {
    width: 90%;
  }
  /*.storeImage-swiper .swiper-slide {*/
    /*height: 240px;*/
  /*}*/
  .his_p2 {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .his_p1 {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.2;
  }
  .nation_btm_explain {
    height: 3.4em;
    border-radius: 0 0 4px 4px;
    padding-left: 0.5em;
  }
  .storeImage-pagination {
    bottom: 6px!important;
    right: 8px;
  }
  .join_hold_title {
    padding: 50px 0 38px;
  }
  .list-3>li {
    width: 100%;
    margin-bottom: 28px;
  }
  .column-list .dec {
    width: 5em;
    height: 5em;
    top: -2em;
  }
  .column-list .item-column {
    height: 12.4em;
    margin-right: 28px;
    margin-left: 28px;
  }
  .column-list .dec img {
    width: 30px;
    bottom: 0.8em;
  }
  .paragraph {
    line-height: 1.4;
  }
  .m_ft20 {
    font-size: 20px!important;
  }
  .stepsico {
    width: 36px;
    height: 36px;
  }
  .stepsIdx p {
    font-size: 16px;
  }
  .stepsIdx {
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    font-size: 16px;
    margin: 1em auto 1em;
  }
  .column-list .title {
    font-size: 18px;
    margin-bottom: 0.61667em;
  }
  .rqrIco {
    width: 28px;
    min-width: 28px;
    margin-right: 1.2em;
  }
  .mg_r16 {
    margin-right: 0;
    margin-bottom: 0!important;
  }
  .w_mg_24 {
    margin: 0 24px;
  }
  .rqr_l_v {
    margin-left: 13px;
  }
  .rqr_l_v5 {
    height: 100px;
  }
  .rqr_l_v_absolute {
    top: -7px;
    left: 13px;
    height: 98px;
  }
  .m_mg28 {
    margin-top: 28px;
  }
  .nation_box {
    margin: 0 16px;
  }
  .nation_potato {
    width: 90px;
  }
  .nation_txt p {
    font-size: 14px;
  }
  .nation_txt p i {
    font-size: 22px;
    margin-right: 4px;
  }
  .nation_txt {
    margin-top: 18px;
    padding-left: 0.8em;
    margin-left: 0;
  }
  .m_nation_left {
    position: absolute;
    bottom: 0;
    left: 16px;
  }
  .nation_btm_explain .p1 {
    font-size: 12px;
    line-height: 1;
  }
  .nation_btm_explain .p2 {
    font-size: 12px;
    line-height: 1.1;
  }
  .space_txt {
    margin-bottom: 0;
  }
  .space_det {
    font-size: 12px;
    margin-left: 0;
    margin-top: 0.2em;
    line-height: 1.2;
  }
  .m_sk_20 {
    margin: 0 22px;
    padding: 50px 0 18px;
  }
  .live_logo {
    width: 100px;
  }
  .typeSelBox {
    margin: 2.5em auto 0;
  }
  .typeSel {
    width: 82%;
  }
  .info_container {
    padding: 0 0;
  }
  .info_item {
    width: 100%;
    padding: 0 24px 28px;
  }
  .info_item_word {
    padding: 20px 18px;
  }
  .txtlink {
    font-size: 18px;
  }
  .info_item2 {
    margin: 0 24px 28px;
    width: calc(100% - 48px);
    flex-wrap: wrap;
    padding-right: 0;
    height: 300px;
    align-items: flex-start;
  }
  #infoList {
    margin-top: 24px;
  }
  .info_item_img {
    height: 180px;
  }
  .info_item2_img {
    width: 100%;
    height:180px;
    border-radius: 16px 16px 0 0;
  }
  .info_item2_img img {
    object-fit: cover;
    border-radius: 16px 16px 0 0;
  }
  .info_item2_txt {
    margin-left: 0;
    padding: 0 20px;
  }
  .info_item2_txt .title2 {
    font-size: 18px;
    text-align: center;
  }
  .info_item2_txt .desc2 {
    font-size: 14px;
  }
  .IntroSel .layui-tab-title {
    margin: 0 24px;
    height: 36px;
  }
  .IntroSel .layui-tab-title li {
    min-width: 86px;
    font-size: 14px;
    height: 36px;
    line-height: 35px;
    padding: 0;
  }
  .IntroSel .layui-tab-bar {
    height: 36px;
    line-height: 35px;
  }
  .IntroSel .layui-tab-bar .layui-icon {
    top:1px;
  }
  .prdTitle {
    font-size: 14px;
    margin-top: 8px;
  }
  .prdIntroBox {
    padding-bottom: 3em;
  }
  .IntroSel .layui-tab-content {
    padding: 28px 0;
  }
  .prd_title {
    padding: 30px 0 32px;
  }
  .list-6>li {
    width: 33.3333%;
    margin-bottom: 34px;
  }
  .productIdx {
    margin: 0 auto 0.8em;
  }
  .productTitle {
    font-size: 14px;
  }
  .productIco {
    margin: 0 auto 10px;
  }
  .pb_7 {
    padding-bottom: 2em;
  }
  .prd_box {
    top: 0;
    left: 6%;
    right: 6%;
    bottom: 0;
  }
  .lkMore {
    font-size: 12px;
    margin-top: 15px;
  }
  .prd_pd1 {
    width: 70%;
  }
  .prd_pd2 {
    width: 56%;
  }
  .prd_pd3 {
    width: 60%;
  }
  .prd_pd4 {
    width: 60%;
  }
  .prd_pd5 {
    width: 72%;
  }
  .prd_pd6 {
    width: 62%;
  }
  .prd_pd7 {
    width: 74%;
  }
  .snack_title .p1 {
    font-size: 14px;
  }
  .snack_title .p2 {
    font-size: 34px;
  }
  .snack_title {
    padding-left: 20px;
    top: 8%;
  }
  .snackDesc {
    top: 5.6em;
    font-size: 14px;
    width: 160%;
    left: -30%;
    right: -30%;
  }
  .snack_txt {
    right: 0;
    left: 0;
    text-align: center;
    font-size: 18px;
  }
  .snack_kc_lg, .snack_kfs_lg, .snack_szb_lg {
    width: 180px;
    left: -20px;
    bottom: 30px;
  }
  .snackImg_cont {
    width: 100px;
    min-width: 100px;
    max-height: 100px;
    top: 52%;
  }
  .snackImg_cont img {
    height: auto;
  }
  .snack-swiper {
    height: 410px;
  }
  .minH560 {
    min-height: 490px;
  }


}





/*footer*/
.footer{background: #231f20; text-align: center; padding:65px;}
.footer .line{width: 220px; height: 2px; background: #dedede; margin:0 auto; }
.footer p.copyright{font-size: 14px; color: #dedede; line-height: 24px; padding:70px 0 40px 0;}
.footer .icon_box i{color: #fff; font-size: 26px;}
.footer .icon_box i.weixin-icon{padding-right: 15px;}
.footer .icon_box i.weibo-icon{padding-left: 15px;}
/*end-footer*/


.content{position: relative}
.img_wordTip {position:absolute;right: -12%;top: 0;z-index:9;max-width: 160px;}
.img_wordTip img {height: auto; width: auto; max-width: 100%; display: inline-block;}
.product_img_wordTip {position:absolute;left: 4%;top: 14%;z-index:9;max-width: 100px;}
.product_img_wordTip img {height: auto; width: auto; max-width: 100%; display: inline-block;}
.look_more {min-height: 20px; padding-top: 15px; padding-bottom: 15px; max-width: 1200px; margin-left: auto; margin-right: auto;}
.look_more a {color: rgb(114, 113, 113);font-size: 18px;float: left;}
.look_more a:hover {color: #7ec600;}
.local_l {left: -12%;top: 10%;}
.linkTel_s {display: none}
.banner_bottom_img {display: block;}
.layui-icon-more-vertical:before {color: #7ec600}
.imgCont,.imgCont1,#carousel_img {height: 600px;line-height: 0;font-size: 0;top:0}
.imgCont img {object-fit: contain;}




.banner_bottom_img {position: absolute;width: 100%;bottom: 40px;left: 0;right: 0;text-align: center;margin: 0 auto;max-width: 830px;height: 141px;line-height: 141px;}
.banner_bottom_img .img1 {position: absolute;width: 48px;height: 48px;font-size: 0;left: 0}
.banner_bottom_img .img2 {position: absolute;width: 600px;margin: 0 auto;font-size: 0;left: 0;right: 0}
/*.banner_bottom_img .img3 {position: absolute;width: 86px;height: 141px;font-size: 0;right: 0}*/

.banner_title,.banner_title_join,.banner_title_join_sm {font-size: 0;text-align: center;margin: 0 auto;padding: 47px 0 2%;}
.banner_title_join_sm {padding: 3% 0;}
.banner_title img {width: 360px;}
.banner_title_join img {width: 220px;}
.banner_title_join_sm img {width: 280px;}

.product_content{margin-bottom: 40px;}
.content_about {width: 50%;padding-top: 40px;}
.about_klwh {float: left;background: #fff}
.c-paragraph {line-height: 1.42857143;}
.about_title_brief_img {margin: 100px auto;}
.callTel {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.supply_chain {font-size: 18px;line-height: 2.5;text-align: left}



.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow2{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.overflow3{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.cyyfx_tzxjs {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  /* position: absolute; */
  /* bottom: 0px; */
  margin-bottom: 0!important;
  /* left: 0; */
  /* right: 0; */
  text-align: center;
}


/*底部悬浮信息填写*/
.floatBtm {
  background: #8ECC2D;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 10;
}
.mxbcic-dp-zk-wrap {
  width: 1280px;
  height: 100px;
  margin: 0 auto;
}
.p-r {
  position: relative;
}
.mxbcic-zk-img {
  width: 613px;
  height: 163px;
  left: 0;
  bottom: 0;
}
.p-a {
  position: absolute;
}
.mxbcic-zk-img img {
  display: block;
  width: 613px;
  height: 163px;
}
.mxbcic-zk-form {
  width: 654px;
  height: 40px;
  margin-top: 30px;
}
.fr {
  float: right;
  display: inline;
}
.mxbcic-form-input-wrap {
  border-radius: 4px;
  overflow: hidden;
  margin-right: 14px;
}
.fl {
  float: left;
  display: inline;
}
.mxbcic-form-input {
  width: 164px;
  color: #333;
  background: #fff;
  height: 44px;
  font-size: 16px;
}
.mxbcic-form-input-wrap input {
  border: none 0;
  text-indent: 0;
  -webkit-appearance: none;
  outline: none;
}
.mxbcic-form-input-wrap span {
  height: 40px;
  line-height: 40px;
  right: 5px;
  font-size: 14px;
  color: #666;
  top: 0;
}
.mxbcic-dp-close {
  width: 30px;
  height: 30px;
  right: 20px;
  top: 35px;
  cursor: pointer;
}
.mxbcic-dp-close img {
  display: block;
  width: 30px;
  height: 30px;
}
.mxbcic-form-submit {
  width: 120px;
  border-radius: 44px;
  background: #fff;
  font-size: 16px;
  color: #7ec600;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
#get_yzm {
  background: #90C22C;
  position: absolute;
  color: #fff;
  border: none;
  font-size: 12px;
  cursor: pointer;
  right: 4px;
  height: 28px;
  top: 8px;
  border-radius: 6px;
  padding: 0 6px;
}
#get_yzm_app {
  background: #90C22C;
  position: absolute;
  color: #fff;
  border: none;
  font-size: 12px;
  cursor: pointer;
  right: 2px;
  height: 30px;
  top: 2px;
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
}
.mxbcic-form-input::-webkit-input-placeholder{font-size: 15px;color:#666;}    /* 使用webkit内核的浏览器 */
.mxbcic-form-input:-moz-placeholder{font-size: 15px;color:#666;}                  /* Firefox版本4-18 */
.mxbcic-form-input::-moz-placeholder{font-size: 15px;color:#666;}                  /* Firefox版本19+ */
.mxbcic-form-input:-ms-input-placeholder{font-size: 15px;color:#666;}           /* IE浏览器 */


/*底部悬浮信息填写--移动端*/
.ys-layer-shade {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  max-width: 750px;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 10;
}
.ys-layer-wrap1 {
  width: 80%;
  background: #fff;
  background-size: 100% 100%;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 306px;
  padding-top: 30px;
}
.p-a {
  position: absolute;
}
.ys-layer-close {
  right: -17px;
  top: -24px;
  left: auto;
}
.ys-layer-close .layui-icon {
  font-size: 34px;
  color: #7ec600;
  background: #fff;
  border-radius: 100%;
}
.ys-layer-title {
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.ys-layer-title span {
  font-size: 20px;
  color: #242424;
  font-weight: bold;
  padding: 2px 5px;
}
.ys-layer-form {
  width: 90%;
  height: auto;
  margin: 20px auto 0;
}
.ys-layer-input-box {
  width: 100%;
  height: 34px;
  background: rgba(126, 198, 0, 0.4);
  border-radius: 4px;
}
.ys-layer-input {
  display: block;
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  padding: 0 15px;
  line-height: 34px;
  color: #242424;
  background: transparent;
  font-size: 14px;
  border-radius: 4px;
}
.mt20 {
  margin-top: 20px !important;
}
.ys-tell-msg {
  height: 34px;
  line-height: 34px;
  right: 15px;
  top: 0;
  font-size: 12px;
  color: #666666;
}
.ys-layer-submit {
  width: 160px;
  height: 30px;
  border-radius: 15px;
  background: rgb(126, 198, 0);
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  margin: 30px auto 0;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px 1px rgb(126 198 0 / 40%);
  -moz-box-shadow: 0 2px 2px 1px rgba(126, 198, 0,0.4);
  box-shadow: 0 2px 2px 1px rgb(126 198 0 / 40%);
}

.ys-bottom-wrap {
  width: 100%;
  max-width: 750px;
  margin: auto auto;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 9;
  height: 50px;
  overflow: hidden;
  display: none;
}
.ys-zxwd-btn,.ys-sqjm-btn {
  width: 50%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  font-size: 15px;
  color: #7ec600;
  text-align: center;
}
.ys-sqjm-btn {
  color: #fff;
  background: #7ec600;
}


.fs-m-r-40 {
  margin-right: 40px;
}
.m-foot-fs-box {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.m-foot-fs {
  width: 170px;
}
.flex-1 {
  flex: 1;
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
}

@media screen and (max-width:321px){
  .link_icos .sina {
    width: 24px;
  }
  .link_icos .wechat {
    width: 24px;
  }
  .link_icos .douyin {
    width: 20px;
  }
  .footer_btm {
    width: 120px;
  }
  .foot_btm {
    min-width: 120px;
  }
}