﻿@charset "utf-8";
.op {
  width: 100%;
  max-width: 640px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.pflex{ display:flex;justify-content: space-between;align-items: center;}

.jjban {
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-image: url(../images/bbbg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.sousuo{ display:flex;align-items: center;justify-content: space-between;}
.sousuo1{ width: 41%; margin-right:1.45em; }
.sousuo3{ width:6.3em; min-width:6.3em; margin-left:0.375em;margin-right:1.45em;  }
.sousuo31{ font-size:1.125em; font-weight:bold;color:#FFF; line-height: 1.3em;height: 1.3em;width:100%; display: flex;
justify-content: space-between;
}
	

.sousuo32{ color:#c9d8eb;line-height:1em;text-align: justify;
text-align-last: justify;}
.sousuo32 img{width:100%;display: block;height: auto!important;}
.sousuo1 img{ width:100%;display: block;
height: auto!important;
}
.sousuo2{ width:59%;}
.top_so1 {
  width: 100%;
  background-color: #fff;
  height: 2rem;
  border-radius: 1rem;
  box-sizing: border-box;
  padding-left: 2.2rem;
  padding-right: 1rem;
  background-image: url(../images/sousuo.png);
  background-repeat: no-repeat;
  background-position: 0.875em center;
  background-size: auto 0.875em;
}
.topbutton1 {
  width: 100%;
  border: 0px; font-size:0.875em;line-height: 2rem;
  background: none;color: #89898b

}
.topbutton1::placeholder {
        color: #89898b !important;
    }
.topbutton1::-webkit-input-placeholder{
        color: #89898b !important;
}
.topbutton1::-moz-placeholder{  
        color: #89898b !important;      
}
.topbutton1:-ms-input-placeholder{  
        color: #89898b !important;       
}
.tnav{display: flex;
justify-content: space-between;
align-items: center; position: relative;}
.tnav1{ display:flex; overflow:hidden; overflow-x: auto;width: 100%;padding-top: 0.75em;
padding-bottom: 0.75em;}
.tnav1 li{ line-height: 1em;min-width: 16%;}
.tnav1 li a{ color:#FFF;font-size:0.95em;}
.tnavcover{background-image: linear-gradient(to right, rgba(8,119,211,0.1), #0877d3); position:absolute; z-index:1; width:1.4rem; height:100%; right:15%;}
.tnright{ width:15%; min-width:15%; display:flex;justify-content: flex-end;}
.tnav2{font-size:0.875em;background-image: url(../images/mulu.png);
background-repeat: no-repeat; background-position:left center; background-size:auto 0.625rem;  color:#FFF; padding-left:1.1em;}
#banner {width: 100%;overflow: hidden;}
.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:13px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; height:11.25em;border-radius: 0.3em; overflow:hidden;}
.focus .bd li img{ width:100%; height:100%; object-fit:cover; display:block;}
.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; top:0; padding: 0.85em;  color:#FFF; font-size:1em;
overflow:hidden;  box-sizing:border-box;background-image: url(../images/shl-vdi.png);
background-repeat: repeat-x; background-position:center top; background-size:auto 100%;}
.fpp{max-height: 2.5em; line-height: 1.25em; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; 
-webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-weight:bold;}
.focriqi{ font-size:0.55em; padding-top:0.375em;}
/*知名企业*/
.zhiming{ background-color:#FFF; padding-bottom:0.625em;}
.zhiming1{ display:flex;justify-content: space-between;align-items: center; padding:0 0.5em;}
.zhiname{ font-size:1em; color:#333; font-weight:bold;background-image: url(../images/jiangbei.png); background-size:auto 2.25em; background-repeat:no-repeat;padding-left:2.25em;height: 2.25em;
padding-top: 0.75em;
box-sizing: border-box;}
.zhimore{font-size:0.75em; color:#a8a8a8;background-image: url(../images/jianr.jpg); background-size:auto 0.75em; background-repeat:no-repeat; background-position:right center; padding-right:0.6em;margin-top: 0.8em;}
.zhimsec{ width:20%; padding-top:0.375em;}
.zhimsec a{ display:block;}
.zhimsec1{ width:2.75em; height:2.75em; border-radius:50%; overflow:hidden; border:1px solid #d8d8d8; margin:0 auto;}
.zhimsec1 img{ width:100%; height:100%; object-fit:contain; display:block;}
.zhimsec2{ font-size:0.875em; color:#333; text-align:center; line-height: 1em;height: 1em;  padding-left:0.05em; padding-right:0.05em;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; margin-top:0.4em; margin-bottom:0.55em;
}

.flexwrap{flex-wrap: wrap;}



.mainbg{ background-color:#f2f2f2; box-sizing:border-box; width:100%; padding:0.375em 0.5em;}
.gongqiu{  background-color:#FFF;}
.gongqiu1{ height:0.375em;background: linear-gradient(to right, #0976d3, #41abff);}

.gqfont1{ color:#333; font-weight:bold; font-size:1em;background-image: url(../images/sico1.png); background-size:auto 1.125em; background-repeat:no-repeat; background-position:left center; padding-left:1.4em; }
.gqfont2{color:#fff; font-weight:bold; background-image: url(../images/sico2.png); background-size:auto 0.9em; background-repeat:no-repeat; background-position:left 1em center; background-color:#0877d3; height:2.2em; border-radius:1.1em; padding-left:2.2em; padding-right:1.2em;font-size: 0.8rem; display: flex;align-items: center;}
.gqfont2 span{line-height: 1em; }
.gqtpadding{ padding:0.5em 0.75em }
.gqtpadding1{ padding:0 1em 0.5em 1em }

.gqsec{}
.gqsec:nth-last-child(1) .gqsec2 {
  border:0
}
.gqsec1{}
.gqsec2{ padding-top:0.15em; border-bottom:1px solid #d6d6d6; padding-bottom:0.55em; }
.gqsecf1{ color:#0877d3; font-size:0.875em;}
.gqsecf2{color:#333;font-size:0.875em;}
.gqsecf3{color:#898989; font-size:0.7em;width: 55%; padding-right:0.7em;}
.gqsecf4{color:#898989;font-size:0.7em;width: 25%; padding-right:0.7em;}
.gqsecf5{color:#0877d3;font-size:0.7em; padding-right:0.5em;}

.lmnav{ padding:0.375em 0;}
.lmnavsec {
  width: 32.33%;
  height: 5em;
  box-sizing: border-box;
  position: relative;
  border-radius: 0.375em;
  overflow: hidden;
  cursor: pointer;
}
.lmnavsec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lmnavtxt {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
  padding: 0.625em 0.875em;
  color: #FFF;
  font-size: 0.875em; font-weight:bold;
  overflow: hidden;
  box-sizing: border-box;
  background-image: url(../images/shl-vdi2.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: auto 100%;
}
.hqfont1{ color:#333; font-weight:bold; font-size:1em;background-image: url(../images/ic_stock.png); background-size:auto 1em; background-repeat:no-repeat; background-position:left center; padding-left:1.45em; }
.hqfont2{ color:#878787; font-size:0.875em;background-image: url(../images/jianr.jpg); background-size:auto 0.625em; background-repeat:no-repeat; background-position:right center; padding-right:0.75em;}
.hqpadding{ padding:0.75em 0.625em; background-color:#FFF; border-bottom:1px solid #dfdfdf;  }
.hqlist{ background-color:#FFF; padding:0 0.5em;}
.hqsec1{ display:flex;align-items: center; border-bottom:1px solid #f2f2f2; padding:0.625em 0;}
.hqsec2{ padding:0.625em 0 0.625em 0.55em; border-bottom:3px solid #f4f4f4;}
.hqsec11{  color:#343434; padding-left:0.6em;}
.hqsec11 span{ font-size:0.875em;}	
.hqsec12{font-size:0.625em; color:#0877d3; border-radius:0.4em; border:1px solid #0877d3; padding:0.2em 0.45em;margin-left:0.875em;line-height: initial;}
.hqsec22{color:#fd0000; font-size:1.15em;}
.hqsec22t{color:#6faa00; font-size:1.15em;}
.hqsec23{ color:#989898;font-size:0.75em;padding-top: 0.4em;}
.hqsec24{ color:#000000; font-size:0.95em;}
.hqsec24 span{font-size:0.6em;padding-left: 0.2em;}
.hqsec211{ width:34%;}
.hqsec212{ width:31%;margin-right: 0.3em;}
.hqsec213{width: 34%; }
.hqsec:nth-last-child(1) .hqsec2 {
  border:0
}
.fbangnum{ height:1.5em; width:1.5em; background-color:#E7E6E6;display: flex;
justify-content: center;
align-items: center;
font-size: 0.8em;
margin-left: 0.3em;
border-radius: 50%;}
.fbangico1{ height:1.5em; width:1.5em;background-image: url(../images/wap_bang_07.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 1.5em;}
.fbangico2{ height:1.5em; width:1.5em;background-image: url(../images/wap_bang_11.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 1.5em;}
.fbangico3{ height:1.5em; width:1.5em;background-image: url(../images/wap_bang_15.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 1.5em;}

.hnewspa{padding: 0em 0.55em 0.55em 0.55em;
background-color: #FFF;
margin-top: 0.375em;}
.ncon_item {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 0.95em 0px;
  background-color: #fff;
  border-bottom: 1px solid #EBEBEB;
  align-items: center;
}
.ncon_item:nth-last-child(1)
{ border:0; padding-bottom:0.4em;}
.shl-n-pic {
    width: 6.15em;
    min-width: 6.15em;
    height: 4.4em;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 0.75em;
  
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.nsort {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  color: #FFF;
  padding: 0.15em 0.45em;
  font-size: 0.75em;
  border-bottom-right-radius: 0.3em;
  overflow: hidden;background-color: #7e4ec9;
}
.rrnnew {
  width: 100%;
}
.rrnnewtit {
 font-size:0.875em;
 overflow:hidden;
 width:100%;
 height:2.4rem;
 line-height:1.2rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; color:#000;
}
.rrnnewtime {
 font-size:0.75em;
 color:#969696;
 margin-top:1em;

}
.new_more {
  text-align: center;
  font-size: 0.9em;
  height: 2.45em;
  line-height: 2.35em;
  border: 1px solid #0877d3;
  border-radius: 0.3em;
  color: #0877d3;
  margin-top: 0.95em;
}

/*公司*/
.gongsi{ padding:0.25em 0.55em 0.55em 0.55em; background-color:#FFF; margin-top:0.375em;}
.gongsisec1{display: flex;
  align-items: center;
  box-sizing: border-box; padding-top:0.575em; padding-bottom:0.375em;
}
.yongpic {
    width: 2.45em;
    min-width: 2.45em;
    height: 2.45em;
    overflow: hidden;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    margin-right: 0.4em; border:1px solid #d7d7d7;
}
.yongpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	display:block;
}
.gsright {
  width: 100%;
}
.gstit1 {
  font-size: 0.875em;
  color: #161616;  font-weight:bold;
}
.gstit2 {
  font-size: 0.55rem;
  color: #7c7c7c;
  line-height: 0.9rem;
  height: 0.9rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gongsisec2 {
  font-size: 0.875em;
  color: #161616;
  line-height: 1.5em;
  height: 4.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gongsisec3 { width:100%; height:12em; overflow:hidden;padding-top: 0.45em;padding-bottom: 0.45em;}
.gongsisec3 img{ width:100%; height:100%; display:block; object-fit:cover;}
.gongsisec3 video{ width:100%; height:100%; display:block; object-fit:cover;}

.profont1{ color:#333; font-weight:bold; font-size:1em;background-image: url(../images/proico.png); background-size:auto 1em; background-repeat:no-repeat; background-position:left center; padding-left:1.45em; }
.prolist{ margin-top:0.55em;}
.protit{ background-color:#FFF;padding: 0.7em;}
.prosorttit{ color:#878787; font-size:0.875em; padding-right:0.375em;}
.shl_pro {
 width:100%; box-sizing:border-box;
 display:flex;
 flex-wrap:wrap
}
.con_proitem {
  width: 50%;
  position: relative;
  box-sizing: border-box; padding:0 0.1875em 0.375em 0;
}
.con_proitem:nth-child(even) {padding:0 0 0.375em 0.1875em!important;}

.shl-pro-pic {
 width:100%;
 height:0;
 overflow:hidden;
 padding-bottom:100%;
 position:relative;
}
.proimage{width: 100%;
height: 100%;
position: absolute;}
.proimage img {
 width:100%;
 height:100%;object-fit: cover;
}
.con_proti{ background-color:#FFF; padding:0.3em 0.55em 0.5em 0.55em; box-sizing:border-box;}
.con_proti1{ font-size: 0.875em; font-weight:bold;
  color: #333;
  line-height: 2em;
  height: 2em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.con_proti2{ font-size: 0.625em;
  color: #0877d3;
  line-height: 1.5em;
  height: 1.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.con_proti3{ font-size: 0.625em;
  color: #be3f51;
  line-height: 1.5em;
  height: 1.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background-image: url(../images/pico.png); background-size:auto 1.1em; background-repeat:no-repeat; background-position:right center; padding-right:2em;
}
.firsttit{color: #f07421!important;}
.shl-pro-pic1 {
 width:100%;
 height:0;
 overflow:hidden;
 padding-bottom:65%;
 position:relative;
}
.con_proitemi {
  width: 50%;
  position: relative;
  box-sizing: border-box; padding:0 0.1875em 0 0;
}
.con_proitemi:nth-child(even) {padding:0 0 0 0.1875em!important;}

/*产品分类开始*/
.mprosort{ background-color:#090; display:flex;height: calc(100vh - 6.125em);}
.mpsortleft{ width:20%;}
.mpsortleft li{ width:100%; box-sizing:border-box; text-align:center;}
.mpsortright{width:80%; background-color: #09C; box-sizing:border-box; padding:30px;}
.mpsortsec{width:100%;background-color: #fff; box-sizing:border-box; padding: 1em;margin-top: 1em;border-radius: 0.5em; }
.mpsortsec:nth-child(1) { margin-top:0!important;}
.mpsect1{ font-size:1em; color:#333; font-weight:bold;padding-bottom: 0.5em;}
.mpsect2{ display: flex;flex-wrap: wrap;align-content: center;}
.mpsect2 a{ display: block; background-color:#f2f2f2; font-size:0.8em;  padding:0.2em; text-align:center; width:32%; border-radius:0.3em; overflow:hidden; color:#717171;box-sizing: border-box; margin-right:2%;margin-top: 2%;}
.mpsect2 a:nth-child(3n) { margin-right:0!important;}
/*产品分类结束*/

/*产品列表开始*/
.mprolist {
  background-color: #f2f2f2;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5em 0.5em 0.375em 0.5em;
}
.mpnav-tab {
  border-bottom: 1px solid #f6f6f6;
  width: 100%;
  background-color: #FFF;
padding: 0.5em 0.7em;box-sizing: border-box;
}
.mpnavleft {display: flex;align-items: center;}
.mpnavleft1 {color: #0877d3;font-size: 0.875em;background-image: url(../images/down1.png);
  background-size: auto 0.8em;
  background-position: right center ;
  background-repeat: no-repeat; padding-right:1.1em;}
.mpnavleft2 {color: #414141;font-size: 0.875em; padding-left:1em;}
.nav-tab2 {
  width: 3em;
  min-width: 3em;
  font-size: 0.875em;
  background-image: url(../images/shl-shaixuan.png);
  background-size: auto 1em;
  background-position: right center ;
  background-repeat: no-repeat;
  color: #414141;
  text-align: right;
  padding-right:1.1em;
}
.ggff {
  position: fixed !important;
  top: 0px;
  z-index: 11;
}
/*产品筛选菜单*/
#m-menu {
  position: fixed;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 20000;
  bottom: -100%;
  transition: all 0.8s ease 0s;
  border-radius: 0.5em 0.5em 0 0;
}
.mzinav{ width:100%; height:100%; position:relative;}
.m-twel {
  font-size: 1em;
  line-height: 3em;
  border-bottom: 1px solid #E9E9E9; text-align:center; color:#131313; position:relative;
}
.mguanbi {
  width: 3em;
  height: 3em;
  background-image: url(../images/wap_close1.png);
  background-size: auto 1em;
  background-position: center center ;
  background-repeat: no-repeat; position:absolute; top:0; right:0;
}

.m-list {
  width: 100%; padding:1em;
  box-sizing: border-box;
}
.mpwancheng{ padding:0.5em 1em; box-sizing:border-box; width:100%;}
.mquxiao {
  text-align: center;
  font-size: 1em;
height: 2.4em;
line-height: 2.4em; width:100%; color:#FFF;background: linear-gradient(to right, #0976d3, #41abff); border-radius:1.2em;
}
.mshaix1{ font-size:0.95em; color:#333; font-weight:bold;padding-bottom: 0.5em;}
.mshaix2{ display: flex;flex-wrap: wrap;align-content: center;padding-bottom: 1em;}
.mshaix2 li{ display: block; background-color:#f2f2f2; font-size:1em;  padding:0.4em 0.1em; text-align:center; width:32%; border-radius:0.3em; overflow:hidden; color:#717171;box-sizing: border-box; margin-right:2%;margin-top: 2%;}
.mshaix2 li:nth-child(3n) { margin-right:0!important;}

.mshaix3{ display: flex;flex-wrap: wrap;align-content: center;padding-bottom: 1em;}
.mshaix3 li , .mshaix3 a{ display: block; background-color:#f2f2f2; font-size:1em;  padding:0.4em 0.1em; text-align:center; width:23%; border-radius:0.3em; overflow:hidden; color:#717171;box-sizing: border-box; margin-right:2.666%;margin-top: 2%;}
.mshaix3 li:nth-child(4n) { margin-right:0!important;}
.mshaix3 a:nth-child(4n) { margin-right:0!important;}
.scurrent{ background: linear-gradient(to right, #0976d3, #41abff)!important; color:#FFF!important;}
.mleibie{max-height: 60vh;overflow-y: auto;}
.m-animate{transition: all 0.8s ease 0s;bottom: 0px!important;} 
#m-msk {
  position: fixed;
  width: 100%;
  background-color: rgba(0,0,0,0.5);
  top: 0px;
  left: 0;
  z-index: 5000;
  height: 100vh;
  display: none;
}
/*产品列表结束*/
/*产品详细页*/
.focus .bdk{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bdk li{ margin:0px; padding:0px;position:relative; overflow:hidden; }
.focus .bdk li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.mprode {
 width:100%;
 height:0;
 overflow:hidden;
 padding-bottom:100%;
 position:relative;
}
.mpropic{width: 100%;
height: 100%;
position: absolute;}
.mpropic img {
 width:100%;
 height:100%;object-fit: cover;
}
.mprodebg {
  background-color: #f2f2f2;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5em;
}
.mprotit1{ background-color:#FFF; border-radius:0.375em; font-size:1em; padding:0.9em;margin-top: 0.5em;}
.mprotit1:nth-child(1) { margin-top:0!important;}
.mprofont1{  font-size:1em; font-weight:bold;}
.gqcolor1{ color:#0196fa; margin-right:0.2em;}
.gqcolor2{ color:#eea431; margin-right:0.2em;}
.mproname{ display:flex;justify-content: space-between;align-items: center;}

.mpshare{ color:#b3b3b3; font-size:0.75em; background-image: url(../images/shareico.png);
  background-size: auto 1em;
  background-position: right 1.8rem center ;
  background-repeat: no-repeat;
padding-left: 1rem; min-width:2.5rem; text-align:right; }
.mprotitd{ display:flex; font-size:1em; padding-top:0.3em; padding-bottom:0.3em;}
.mprotitd1{ width:21%; color:#989898; margin-right:5%;
text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	webkit-text-align:justify;
	text-align-last:justify;/* ie9*/
	-moz-text-aligm-last:justify;/affx
	-webkit-text-align-last:justify;/*chrome 20+*/
	height:1.5em; overflow:hidden
}
.mprotitd1:after{
		content:"" ;
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
.mprotitd2{  width:74%;color:#0f0f0f;}

.shl-diflex{ display:flex;align-items: center;}
.shl-dipic {
  width: 3em;
  min-width: 3em;
  height: 3em;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 50%;
  margin-right: 1em;
}
.shl-dipic img {
  width: 100%;
  height: 100%; display:block; object-fit:contain;
}
.shl-left {
  width: 100%;
}
.shl-ditit {
  color: #0f0f0f;
}
.shl-ditime {
  font-size: 0.75em;
  color: #969696; padding-top:0.2em;
}
.mprodes1{color: #333;font-weight: bold;border-bottom: 1px solid #f6f6f6; line-height:1em;padding-bottom: 0.75em;}
.mprodes2{color: #333; padding-top:0.75em; font-size:1em;}
.mprodes2 img{ max-width:100%; display:block; margin-top:0.5em;}
.mprodes2 p {
  padding-bottom: 0.3em;
}
.mpdianpu{ display:flex;justify-content: center;align-items: center;padding-top: 0.8em;}
.mpdianpu1{border: 1px solid #0877d3;
height: 2em;
line-height: 2em; color:#0877d3;border-radius: 1em;
padding-left: 2em;
padding-right: 2em;font-size: 0.875em;margin-right: 0.5em;}
.mpdianpu2{border: 1px solid #0877d3; background-color:#0877d3;
height: 2em;
line-height: 2em; color:#fff;border-radius: 1em;
padding-left: 2em;
padding-right: 2em;font-size: 0.875em;margin-left: 0.5em;}
.xunjia{background: linear-gradient(to right, #0976d3, #41abff);
color: #fff; padding:0.5em!important;font-size: 0.875em;border-radius: 1.2em;}
.qiugou{background: #eea431;
color: #fff; padding:0.5em!important;font-size: 0.875em;border-radius: 1.2em;}
.mpwp{padding: 0 0.5em;min-width: 60%;}

.addjc {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
 color: #333; padding-top:0.8em; font-size:1em;
  align-items: center;
}
.qbfabut1 span {
  color: #e36676;
}
.qbfabut1 {
  min-width: 22%;
  font-size: 0.95em;
  color: #666; margin-right:5%;text-align-last: justify;
text-align: justify;
}
/*.qbfabut1:after{
  content: '';
  width: 100%;
  display: inline-block;
}
.qbfabut1:before{
  content: '';
  width: 100%;
  display: inline-block;
}*/
.jiancright {
  width: 100%;
}
.jiancright1 {
  width: 60%;
}
.jiancright2 {
  width: 38%; margin-left:2%;height: 2.45em;
}
.jiancright2 img {
  height: 2.45em;
display: block;
}
button, input, select {
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
            }
.djinput {
  height:2.45em;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 0.375em;
  padding-left:0.625em;
  box-sizing: border-box;
  color: #757575; font-size:1em;
}
.jiancright textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 0.375em;
  padding: 0.625em;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5em;
  color: #757575;
  height: 8em;
  font-family: -apple-system-font,Helvetica Neue,sans-serif;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
/*询盘结束*/
/*旺铺开始*/
.wpbt02em{bottom: 0.2em!important;}
.wpban{ height:auto!important;}
.focus .bdwp{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bdwp li{ margin:0px; padding:0px;position:relative; border-radius: 0.3em;overflow:hidden;}
.focus .bdwp li img{ width:100%;display:block;}
.focus .bdwp li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}
.wpmt06{margin-top: 0.6em;}
.wangputop {
  padding: 1.2em 0.8em;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  overflow: hidden;
  border-radius: 0.3em;
  position: relative;
  box-shadow: 0px 0px 0.625em rgba(0,0,0,0.1);margin-top: 0.6em;
}
.dn_xx {
    width: 1.3em;
    height: 1.3em;
    background: url(../images/zwd_icon_xx.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 0.625em;
    top: -3px;
}
.dn-diflex {
  display: flex;
  align-items: center;
  position: relative;
}
.dn-zjiav {
    position: absolute;
    left: 3.4em;
    top: 3.4em;
    width: 1em;
    height: 1em;
    z-index: 99;
}
.dn-zjiav img {
   width: 100%;
    height: 100%;
    object-fit: cover;display: block;
}
.dn-dipic {
    width: 4.4em;
    min-width: 4.4em;
    height: 4.4em;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%;
    margin: 0 auto;
    margin-right: 0.9em;
}
.dn-dipic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.dn-left {
  width: 100%;
}
.dn-ptit1 {
  font-size: 1em;
  font-weight: bold;
  color: #000;padding-bottom: 0.25em;
}
.dn-ptit2 {
 font-size:0.8em;margin-top: 0.3em;
 color:#737272;
 line-height:1.4em;
 height:1.4em;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;
 overflow:hidden
}


.dn-ptit3 {
  font-size: 0.625em;line-height: 1;
  padding: 0.3em 0.6em;
  color: white;
  border-radius: 0.3em;
  position: relative; display:table;
}
.ckshang {
  background-color: #ff9000;
}
.fztong {
  background-color: #d007a0;
}



.dn-shuflex {
  display: flex;
  align-items: center;
  padding-top: 0.8em;
}
.dn-shusec {
  width: 100%;
  text-align: center;border-right: 1px solid #f2f2f2;
}
.dn-shusec a {
  width: 100%; display:block;
}
.dn-shusec:nth-last-child(1) {border-right:0;}
.dn-pheight {
  height: 1.6em;
  line-height: 1.6em;
  font-size: 1.1em;
}

.dn-dianhua {
  height: 1.6em;
  font-size: 1.1em;
  background-image: url(../images/bwp4.png);
  background-position:center center;
  background-repeat:no-repeat;
background-size: auto 1.25em;
}

.dn-pheight1 {
  font-size: 0.937em;
  color: #868686;
}
.wptbg{background-position: center top -3.5em!important;}
/*旺铺里的供求*/
.wpqytit {color: #414141;font-size: 0.875em;padding-right:1.5em; }
.gqactive{color: #0877d3; font-weight:bold; font-size:1em;}
/*旺铺里的关于我们*/
.wpinfo{ padding-top:0.75em; font-size:1em;}
.wpinfo img{ max-width:100%; display:block; margin-top:0.5em;}
.wpinfo p {
  padding-bottom: 0.3em;
}


/*首页关于我们*/
.whometit {
  margin-top: 0.5em;
  background-color: #FFF;
padding: 0.7em;
display: flex;
justify-content: space-between;
align-items: center;border-bottom: 1px solid #f6f6f6;
}
.mt875em{margin-top: 0.875em;}
.wphomecompany {
  background-color: #FFF;
  padding: 0.9em;
  color: #333;
font-size: 1em;
}

/*供求排版开始*/
.gongsec {
  padding: 0.75em;
  border-bottom: 1px solid #EBEBEB;
  box-sizing: border-box;
  width: 100%; display:flex;
}
.gonglist {
  width: 100%;
  box-sizing: border-box;background-color: #fff;
}
.gongsecleft {
  width: 6.15em;
min-width: 6.15em;
height: 0;
overflow: hidden;
position: relative;
margin-right: 0.75em;
padding-bottom: 6.15em;
}
.gongsecright{ width:100%;}
.gongsecright1 {
  font-size: 0.95em;
  font-weight: bold;
  color: #333;
  line-height: 2em;
  height: 2em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gongsecright2 {
  font-size: 0.875em;
  color: #969696;margin-top: 0.3em;

}
.gongsecright3 {
  font-size: 0.875em;
  color: #969696;
}
.gongsecright3 a {
  font-size: 1em;
  color: #0877d3;
}
.gongsecright4 {
  font-size: 0.875em;
  color: #969696;
}
/*招聘列表*/
.slds-show {
  display: block;
  padding: 0.75em;
border-bottom: 1px solid #EBEBEB;

}
.slds-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3em;
}
.slfont1 {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
}
.slfont2 {
  font-size: 0.9em;
  color: #fc6c38;
}
.slfont3 {
  font-size: 0.7em;
  color: #b0adab;
}
.slfont3 span{ padding-left:0.6em; padding-right:0.6em;}
.slfont4 {
  font-size: 0.7em;
  color: #b0adab;
}
.wpcontact{ padding-top:0.5em;}
.wpcontact a{ color:#0f0f0f;}
.jobname{
border-bottom: 1px solid #f6f6f6;
padding-bottom: 0.8em;}

.jobname1{color: #333;font-weight: bold; font-size:1.4em;}
.jobname2{color: #989898;
font-size: 1rem;
padding-top: 0.4rem;}
.jobname2x {
  padding-left: 0.8rem;
  padding-right: 0.8rem; color:#d6d6d6;
}
.jobname2v {
  font-size: 1rem;
  color: #fc6c38;
}

.mt05em{margin-top: 0.5em;}
.gqselect{ background-color:#FFF; padding:0.5em 1em; font-size:0.75em; display:none; margin-bottom:0.5em;}
.gqselect a{ color:#0877d3;padding: 0px 0.3em;}
/*行情价格样式开始*/
.jgntit {
  padding:0.625em 0.8em;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  color: #1b1b1b;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jgntitr {
  font-size: 0.75em;
  color: #7e7e7e;
  text-align: right;
}
.vhjiagelist {
  width: 100%;
  position: relative;margin-top: 0.6em;font-size: 1em;
}
.vhjiagelist table {
  width: 100% !important;
  max-width: 100% !important;
}
.vhjiagelist table tr:nth-of-type(2n+2) td {background: #F5F7FA!important;}
.vhjiagelist table td{table-layout:fixed; word-break: break-all; overflow:hidden; }
.vhjiatit1 {
  padding:0 0.1rem 0 0.8rem;
  border-bottom: 1px solid #e2e2e2;
  font-size: 1em;
  box-sizing: border-box;
  background-color: #FFF;
  color: #0B388C;
}
.vhjiatit2 {
  padding: 0.5rem 1px 0.5rem 1px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 0.875em;
  box-sizing: border-box;
  background-color: #FFF;
  color: #505050;
}
.jiatit3 {
  padding: 0.5rem 0.2rem 0.5rem 0.1rem;
  border-bottom: 1px solid #e2e2e2;
  font-size: 0.875em;
  box-sizing: border-box;
  background-color: #FFF;
  color: #505050;
}
.vhjiapdate {
  font-size: 0.7em;
  color: #b7b7b7;
}
.vhjiaitem1 {
  padding: 0.75rem 0.1rem 0.75rem 0.8rem;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
  background-color: #FFF;
}
.vhjiaitem2 {
  padding: 0.5rem 1px 0.5rem 1px;
  border-bottom: 1px solid #f3f3f3;
  font-size: 0.875em;
  box-sizing: border-box;
  background-color: #FFF;
  color: #d5582b;
}
.vhjiaitem3 {
  padding: 0.5rem 0.1rem 0.5rem 0.1rem;
  border-bottom: 1px solid #f3f3f3;
  font-size: 0.875em;
  box-sizing: border-box;
  background-color: #FFF;
  color: #222222; 
}
.vhjiap2 {
  font-size: 1.1em;
  color: #222222;
}
.jiap1 {
  font-size: 0.75em;
  color: #7e7e7e;
}
/*搜索列表*/
.searchtop{ background-color:#ededed; box-sizing:border-box; width:100%; padding:0.3125em 0.5em;position: fixed;
top: 0;
left: 0;
z-index: 10;}
.searchma{ background-color:#fff; height:2.5em; box-sizing:border-box; padding:0.15625em; border-radius:1.25em;display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 1.95em;
background-image: url(../images/soso.png);
background-repeat: no-repeat;
background-position: 0.55em center;
background-size: auto 0.95em;
 }
 .searselect {
  height: 2em;
  line-height: 2em;
  border:0;
  box-sizing: border-box;
  font-size: 1em;
  background-color: #fff;
  color: #2f2e2e;
  background-image: url(../images/sdown.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 0.375em;
  padding-right: 1em;
  outline: none;
  appearance: none;
-webkit-appearance: none;
-moz-appearance: none;margin-right: 0.8em;
}
.searinput {
  width: 100%;
  border: 0px;
  font-size: 1em;
  line-height: 2em;
  background: none;
  color: #939393;
  box-sizing:border-box;
}

.searinput::placeholder {
        color: #939393 !important;
    }
.searinput::-webkit-input-placeholder{
        color:#939393 !important;
}
.searinput::-moz-placeholder{  
        color: #939393 !important;      
}
.searinput:-ms-input-placeholder{  
        color: #939393 !important;       
}
.searbtn {
	font-size:1em;
	color:#FFF;
	background-color:#0196fa;
	height: 2.1875em;
	border-radius:1.1em;
  box-sizing:border-box;
  border:0;
  width:4em;
  min-width:4em;
}
.lishi{ display:flex;align-items: center;justify-content: space-between; padding:1.125em 0.625em 0.5em 0.625em; box-sizing:border-box;}
.lishilist{ display:flex;flex-wrap: wrap; padding:0 0.3125em 0.3125em 0.3125em; box-sizing:border-box;width: 100%;}
.lishi1{ font-size:1em; color:#333;}
.lishiico{ width:1.5em; height:1.5em;
background-image: url(../images/delico.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 1em;}
  .lishisec{ margin:0.3125rem; color:#747474; font-size:0.95em; background-color:#f5f5f5; text-align:center; 
  height:2rem; line-height:2rem; border-radius:1rem; padding-left:1.05rem; padding-right:1.05rem;}
.soresult{ font-size:0.95em; padding:0.625rem; box-sizing:border-box; color:#747474; }
.soresult span{color:#0196fa; padding-left:0.3em; padding-right:0.3em; }
.soreslist {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0.625em 0.625em 0.625em;
}
.soresitem {
  width: 50%;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.25em 0.5em 0;
}
.soresitem:nth-child(even) {padding:0 0 0.5em 0.25em!important;}
.soresborder{ border:1px solid #e6e6e6;}
.rcompanypic {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #efefef;
  box-sizing: border-box;
}
.rcompanypic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rcomptit1 {
  font-size: 1em;
  font-weight: bold;
  color: #0196fa;
  line-height: 1.6em;
  height: 1.6em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rcomptit2 {
  font-size: 0.875em;
  color: #969696;
  line-height: 1.3em;
  height: 2.6em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0.3rem;
}
.rcomptit3 {
  font-size: 0.875em;
  color: #636363;
}
.rmtop02{margin-top: 0.3rem;}
.rcomsort{display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.4em;}

.xiaobiaoti {
  color: #1E5EC3;
  font-weight: bold;
  border-bottom: 2px solid #C2CBD9;
  border-top: 2px solid #1E5EC3;
  padding: 0.3em 0.6px;
  font-size: 1em;
  background-color: #F8FAFF;
}
.xinn { margin-top: 1.6em;
padding-top:1px;
border-top: 1px solid #96A2B4;
padding-bottom:0.9em;
            }
.xinn:nth-of-type(1) {
margin-top: 0;
}











.tbottom{ height:3.125em;}
#BottomNav { background-color:#FFF; border-top:1px solid #d0d0d0;
    bottom: 0;
    height: 3.125em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; 
}
#BottomNav ul{ display:flex;align-items: center;height: 100%;}
#BottomNav ul li {
   
    box-sizing:border-box;
    text-align: center;
    width: 100%; 
}



#BottomNav ul li a {
    display: block;padding-top: 0.15rem;
}


#BottomNav ul li a div {
    font-size: 0.75em; color: #333333;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);background-size:auto 1.25em;
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);background-size:auto 1.25em;
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);background-size:auto 1.25em;
}
#BottomNav .d {
    background-image: url(../images/shl-d.png);background-size:auto 1.25em;
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);background-size:auto 1.25em;
}
#BottomNav .f {
    background-image: url(../images/shl-f.png);background-size:auto 1.25em;
}
#BottomNav .g {
    background-image: url(../images/shl-g.png);background-size:auto 1.25em;
}
#BottomNav .h {
    background-image: url(../images/shl-h.png);background-size:auto 1.25em;
}
#BottomNav .active a div {
    color: #0877d3;
}
#BottomNav .active .a {
    background-image: url(../images/shl-a1.png);background-size:auto 1.25em;
}
#BottomNav .active .b {
    background-image: url(../images/shl-b1.png);background-size:auto 1.25em;
}
#BottomNav .active .c {
    background-image: url(../images/shl-c1.png);background-size:auto 1.25em;
}
#BottomNav .active .d {
    background-image: url(../images/shl-d1.png);background-size:auto 1.25em;
}
#BottomNav .active .e {
    background-image: url(../images/shl-e1.png);background-size:auto 1.25em;
}
#BottomNav .active .f {
    background-image: url(../images/shl-f1.png);background-size:auto 1.25em;
}
#BottomNav .active .g {
    background-image: url(../images/shl-g1.png);background-size:auto 1.25em;
}
#BottomNav .active .h {
    background-image: url(../images/shl-h1.png);background-size:auto 1.25em;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.25em;
    margin: 0 auto;
    width: 1.25em;	
}
/*旺铺下面的导航开始*/
#BottomNav .bwp {background-image: url(../images/bwp1.png);background-size:auto 1.25em;}
#BottomNav .cwp {background-image: url(../images/bwp2.png);background-size:auto 1.25em;}
#BottomNav .dwp {background-image: url(../images/shl-c.png);background-size:auto 1.25em;}
#BottomNav .ewp {background-image: url(../images/bwp3.png);background-size:auto 1.25em;}
#BottomNav .fwp {background-image: url(../images/bwp4.png);background-size:auto 1.25em;}

#BottomNav .active .bwp {background-image: url(../images/bwp11.png);background-size:auto 1.25em;}
#BottomNav .active .cwp {background-image: url(../images/bwp21.png);background-size:auto 1.25em;}
#BottomNav .active .dwp {background-image: url(../images/shl-c1.png);background-size:auto 1.25em;}
#BottomNav .active .ewp {background-image: url(../images/bwp31.png);background-size:auto 1.25em;}
#BottomNav .active .fwp {background-image: url(../images/bwp41.png);background-size:auto 1.25em;}
/*旺铺下面的导航结束*/