@charset "utf-8";
a {
  color: #333;
  text-decoration: none;
}
.pflex{ display:flex;justify-content: space-between;align-items: center;}

.border_bottom {
  border-bottom: solid 1px #eaeaea;background: #fff;
}
.logotop{ text-align:center;padding: 30px 0 20px 0;}
.search_box { padding:0 20px;}
.search_box .search {
  height: 2.5rem;
  position: relative;
  background: #f5f5f5;
  display: block;
  border-radius: 2.5rem;
}
.search_box .search .text_box {
  margin-right: 3rem;
  padding-left: 1.25rem;
}
.search_box .search .text_box input {
  padding-left: 5px;
}
.search_box .search .text {
  width: 90%;
  border: none;
  height: 2.5rem;
  line-height: 2.5rem;
  outline: none;
  color: #656a73;
  background: #f5f5f5;
  display: block;
}
.search_box .search .submit {
  width: 3.5rem;
  height: 2.5rem;
  position: absolute;
  right: 0px;
  top: 0px;
  background-size: 30%;
  border: none;
  border-top-right-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #46A4E3;
  background-image: url(../images/search-btn.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.index_menu {
  margin-top: 8px;
  margin-right: 13px;
  margin-bottom: 8px;
  margin-left: 13px;
  display: flex;
  flex-flow: row;padding-top: 10px;padding-bottom: 10px;
}
.index_menu a {
  width: 20%;
  text-align: center;
  display: block;
  padding: 10px 0;
}
.index_menu a img {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.index_menu a span {
  font-size: 1rem;
  line-height: 34px;
  color: #333;
}
.notice {
  background: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.notice dt {
  float: left;
  color: #93a0ae;
}

.notice dt img {
  margin-right: 8px;display: block;
  margin-top: 8px;
}
.newst {
  margin: 0px auto;
  border: 0px solid #ccc;
  height: 28px;
  overflow: hidden;
  position: relative;
}
.list {
  background: #fff;
}
.list  a {
   color:#333;
   font-size: 0.95rem; line-height:40px;
  height: 40px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.banneradv{ width:100%; padding:10px; box-sizing:border-box;background-color: #fff;
  margin-top: 10px;}
.banneradv img{ width:100%; display:block; border-radius:5px}

.floor {
  margin-top: 10px;
  background: #fff;
  position: relative;
}
.floor .fbiaoti {
  height: 46px;
  line-height: 46px;
  font-size: 1.1rem;
  padding: 0 13px;
  color: #333;border-bottom: solid 1px #eaeaea;
}
.floor .fbiaoti i {
  display: inline-block;
  width: 4px;
  height: 16px;
  background: #46A4E3;
  border-radius: 4px;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  margin-right: 10px;
}
.indexmore {
  float: right;color: #333;
  font-size: 14px;
}

.homeplist {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;padding: 0 13px 13px 13px;
  box-sizing: border-box;
}
.cpsort {
  width: 32%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #ebf0ff;
  margin-top: 13px;
}
.cpsort:nth-child(3n) {
  margin-right: 0;
}
.cpsortpub {
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}
.cpsec1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.cpsec1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cpsec1::after {
  background: rgba(15,17,17,.03);
  border-radius: 4px;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;
}

.tuijianpro {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.cpsorttit {
  font-size: 0.9rem;
  color: #333;
  line-height: 36px;
  overflow: hidden;
  height: 36px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.text-top-c-gy li {
  padding-right: 0;
  overflow: hidden;
}
.text-top-c-gy li .tdiv {
  padding: 12px 15px 12px 65px;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #f8f8f8;
  background-color: #fff;
}
.text-top-c-gy li span.left {
  display: table-cell;
  position: absolute;
  left: 15px;
  top: 10px;
  width: 60px;
  height: 80px;
}
.text-top-c-gy li .tith3 {
  font-size: 1rem;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  max-height: 48px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.text-top-c-gy li dl.mies {
  display: block;
  overflow: hidden;
  font-size: 12px;padding-top: 6px;
}
.text-top-c-gy li dl.mies dt {
  float: left;
}
.text-top-c-gy li dl.mies dd {
  float: right;color: #999;
}
.text-top-c-gy li span.left b {
  background: #ff7700;
  border-radius: 10px;
  padding: 3px 6px;
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
}
.sjplist {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  box-sizing: border-box;
}
.sjsort {
  width: 32%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #ebf0ff;
  margin-top: 6px;
}
.sjsort:nth-child(3n) {
  margin-right: 0;
}
.sjpub {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  position: relative;
}
.lvse{ background: #059815!important;}

.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-bottom: 0px;
}
.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; border-radius:5px;
}
.shl-n-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rrnnew {
  width: 100%;
}
.rrnnewtit {
  font-size: 1rem;
  overflow: hidden;
  width: 100%;
  max-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;
}
.homepad{ padding:0 15px;}

.gqtpadding1 {
  padding: 0.95em 0px;border-bottom: 1px solid #EBEBEB;
}

.gqtpadding1:nth-last-child(1) {
  border-bottom: 0px;
}
.gqsecf1 {
  color: #fff;
  background-color: #ffbe4e;
  border-radius: 3px;
  padding: 1px 5px; font-size:12px;
}
.gqsecf2 {
  color: #333;
  font-size: 0.875em;
}
.gqsec2 {
  padding-top: 10px;display: flex;
  align-items: center;
}
.pflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gqsecf3 {
  color: #898989;
  font-size: 0.7em;
  border: 1px solid #DBDBDB;
  padding: 2px 5px;
  border-radius: 3px;margin-right: 10px;
}
.gqsecf4 {
  color: #898989;
  font-size: 0.7em;
  border: 1px solid #DBDBDB;
  padding: 2px 5px;
  border-radius: 3px;margin-right: 10px;
}
.gqsecf5 {
  color: #0877d3;
  font-size: 0.7em;
  border: 1px solid #0877d3;
  padding: 2px 5px;
  border-radius: 3px;
}
.gqsec1{ font-size:1rem;
  overflow: hidden;
  max-height: 2.8rem;
  line-height: 1.4rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
  
  .tbottom {
  height: 60px;
}
#BottomNav {
  background-color: #FFF;
  border-top: 1px solid #eaeaea;
  bottom: 0;
  height: 60px;
  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; padding-top:3px;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);background-size:auto 1.35em;
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);background-size:auto 1.35em;
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);background-size:auto 1.35em;
}
#BottomNav .d {
    background-image: url(../images/shl-d.png);background-size:auto 1.35em;
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);background-size:auto 1.35em;
}
#BottomNav .f {
    background-image: url(../images/shl-f.png);background-size:auto 1.35em;
}
#BottomNav .g {
    background-image: url(../images/shl-g.png);background-size:auto 1.35em;
}
#BottomNav .h {
    background-image: url(../images/shl-h.png);background-size:auto 1.35em;
}
#BottomNav .active a div {
    color: #0877d3;
}
#BottomNav .active .a {
    background-image: url(../images/shl-a1.png);background-size:auto 1.35em;
}
#BottomNav .active .b {
    background-image: url(../images/shl-b1.png);background-size:auto 1.35em;
}
#BottomNav .active .c {
    background-image: url(../images/shl-c1.png);background-size:auto 1.35em;
}
#BottomNav .active .d {
    background-image: url(../images/shl-d1.png);background-size:auto 1.35em;
}
#BottomNav .active .e {
    background-image: url(../images/shl-e1.png);background-size:auto 1.35em;
}
#BottomNav .active .f {
    background-image: url(../images/shl-f1.png);background-size:auto 1.35em;
}
#BottomNav .active .g {
    background-image: url(../images/shl-g1.png);background-size:auto 1.35em;
}
#BottomNav .active .h {
    background-image: url(../images/shl-h1.png);background-size:auto 1.35em;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.35em;
    margin: 0 auto;
    width: 1.35em;	
}
/*版权样式*/
a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #cecece;
}
a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cecece;
}
a.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cecece;
}
.copyrightbg {
  width: 100%;background-color: #222222; margin-top:10px;
}
.copyright {
  line-height: 22px;
  font-size: 12px;
  margin: 0 auto;
  color: #cecece;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center; 
}

/*手机版头部---------------------*/

.gghh{ display:block!important;}
.mbdh{ display:none;}

.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%; height:50px;}
.m-header {
    height: 49px;
	background-color: #fff;
    z-index: 60;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid #f5f5f5;align-items: center;	justify-content: space-between;	
}
.cd-logo { padding-left:16px; width:243px; box-sizing:border-box; min-width:243px;}
.cd-logo img { display:block;}
.search_openv1 {
width: 50px; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; 
}
.menu_openv1 {
width: 50px;
background-image:url(../images/wap_menu1.png);
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}
.menu_closev1 {
width: 50px;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}
#m-menu{ position:fixed; width:290px; height: calc(100vh - 50px); left:-290px; background:#fff; z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s;}
.m-list{width: 100%; padding-top:15px; padding-bottom:15px;background-color: #fff;}
.m-list ul{ display:flex;flex-wrap: wrap;padding: 0 10px;}
.m-list ul li { width:50%;padding: 5px;box-sizing: border-box;}

.m-list ul li>a{color: #333; display: block;  position: relative; text-decoration:none;font-size:15px; border:1px solid #eaeaea;
  box-sizing: border-box; padding:5px; border-radius:5px; text-align:center }
  



.mhuiyuanm{ background: linear-gradient(to right, #387bcb, #41abff);}  
.m-yuyan{  height:30px; line-height:30px; color:#fff; font-size:15px; text-align:center; }
.m-code{ padding-top:25px; text-align:center; width:100%;}
.m-code img{ width:80px; height:80px; margin:0 auto;}
.m-code1{  padding-bottom:25px; text-align:center; color:#fff;font-size:15px;}
.m-code1 a{color:#fff;font-size:15px;}

.m-sousuo{ padding:20px; width:100%; box-sizing:border-box; background-color:#fff; display:flex;border-top: 1px solid #f5f5f5; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;border-right: 0;
	background: #fff;
font-size:12px;
	z-index: 1001; box-sizing:border-box;border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0; background-color:#FFF;border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mos{padding-left: 35px;
  padding-right: 10px;
  background-color: #eaeaea;
  padding-top: 12px;
  padding-bottom: 12px; display:none;}
.mos p{
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;padding-bottom: 6px;
  padding-top: 6px;
} 
.mos .active{display:block!important;} 
.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 
.iiss{  background-image:url(../images/shl-up-openv1.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:auto 12px;}
.iisst{  background-image:url(../images/shl-down-openv1.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:auto 12px;}	
	


.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.3); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}
/*-----------------------------------------------企业旺铺--------------------------------------------------------*/
.mprolist {
  background-color: #f2f2f2;
  box-sizing: border-box;
  width: 100%;
  padding:0.8em;
}
.hcomsec {
  width: 100%;border-radius: 5px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #FFF;padding:20px 25px; 
}

.comp-name {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.comp-name h4 {
  font-size: 18px;
  color: #387bcb;
  font-weight: 700;
  line-height: 1.3;
  flex: 1;display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comp-location {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f4ff;
} 
.comp-location i {
  color: #333;
  font-size: 16px;
} 
.comp-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comp-links {
  display: flex;
  gap: 10px;
}
.comp-link  , .comp-link:visited {flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:#387bcb;text-decoration:none;font-size:13px;font-weight:500;padding:8px 12px;border-radius:80px;background-color:#f0f4ff;text-align:center;}
.mbt15 {
  margin-bottom: 15px;
} 
.mpnav-tab {
  border-bottom: 1px solid #f6f6f6;
  width: 100%;
  background-color: #FFF;
  padding: 0.5em 0.7em;
  box-sizing: border-box;
}
.pflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mpnavleft1 { width:50%;text-align: center;display: flex;
  justify-content: center;
  align-items: center;}
/*产品筛选菜单*/
.sx-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;
}

.sx-list {
  width: 100%; padding:0.7em 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;
}


.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{overflow-y: auto;}
.sx-animate{transition: all 0.8s ease 0s;bottom: 0px!important;} 
.sx-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.4); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}
/*产品列表结束*/

.menutflex{ display:flex;height: 100%;}
.menu-left{background: #F6F6F9;}
.menu-left ul li {
  padding: 0.8rem .5rem;
  box-sizing: border-box;
  font-size: 0.95rem;
  width: 6rem;
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
}
.menu-left ul li.active {
  background: #fff;
  position: relative;
  color:#387bcb;
}
.menu-left ul li.active::before {
  content: " ";
  position: absolute;
  display: block;
  width: 3px;
  height: 100%;
  background: #387bcb;
  top: 0;
  left: 0;
}
.murightn {
  padding: 15px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  background: #fff;
  z-index: 101;
  overflow-y: auto;max-height: 70vh;
}
.murightn .btit1 {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.pmenuse {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
.pmenuse a {
 font-size: 14px !important;
  line-height: 24px;
  display: block;
  width: fit-content !important;
  padding-right: 10px;
}
/*---------------------------------------旺铺内页----------------------------------*/
.ifrwp{ width:100%; border:0; height:100vh;display: block;}
/*---------------------------------------产品----------------------------------*/
.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.4em 0.8em 0;
}
.con_proitem:nth-child(even) {padding:0 0 0.8em 0.4em!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;
}
.mpnavleft2 {
  width: 33.33%;
  text-align: center;display: flex;
  justify-content: center;
  align-items: center;
}
.mshaix1{ display: flex;flex-wrap: wrap;align-content: center;padding-bottom: 1em;}
.mshaix1 li , .mshaix1 a{ display: block; background-color:#f2f2f2; font-size:1em;  padding:0.4em 0.1em; text-align:center; width:48.5%; border-radius:0.3em; overflow:hidden; color:#717171;box-sizing: border-box; margin-right:3%;margin-top: 2%;}
.mshaix1 li:nth-child(2n) { margin-right:0!important;}
.mshaix1 a:nth-child(2n) { margin-right:0!important;}
.stitn{ max-width:80%;line-height: 25px;
  height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;margin-right: 5px;}
.pinpain {
  width: 49%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #ebf0ff;
  margin-top: 13px;
}
.pinpain:nth-child(2n) {
  margin-right: 0;
} 
.xboxa {
  padding: 13px; background-color:#FFF;
} 
.xnewtitle {
  font-size: 1.4em;
  color: #000;
  font-weight: bold;
}
.xmcflex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.xmc-mt8 {
  margin-top: 8px;
}
.xmc-block1 {
  display: inline-block;
  max-height: 18px;
  line-height: 18px;
  padding: 0px 4px;
  margin: 0px 12px 0 0;
  font-size: 14px;
  background-color: rgb(228, 238, 255);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(38, 142, 255);
}
.xmti1 {
  font-size: 14px;
}
.mr-4 {
  margin-right: 1rem !important;
}
.xmti1 i {
  color: rgb(239, 89, 12);
  margin-right: 5px;
}
.downtext {
  color: #F00;
  text-decoration: underline;
}
.xmc-mt15 {
  margin-top: 15px;
}
.xmc-pt15 {
  margin-top: 15px;
  padding-top: 15px;
}
.h-16px {
  height: 16px;
  margin-right: 10px;
  background-color: rgb(10, 124, 245);
  width: 4px !important;
}
.font-16px {
  font-size: 16px;
  font-weight: 700;
}
.ant-descriptions-view {
  border: 1px solid rgba(5, 5, 5, 0.06);
  width: 100%;
  border-radius: 8px;
}
.ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
}
.ant-descriptions-row {
  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
  box-sizing: border-box;
}
.ant-descriptions-item-label {
  padding: 0 !important;
  color: rgba(4, 8, 20, 0.88);
  font-weight: normal;
  font-size: 14px;
  height: 38px;
  background: #f3f6fb !important;
  width: 150px;
  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
  text-align: center;
  box-sizing: border-box;
}
.ant-descriptions-item-content {
  padding: 4px 8px 4px 12px !important;
  box-sizing: border-box;
  height: 38px;
  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
  color: rgba(4, 8, 20, 0.88);
  font-size: 14px;
  word-break: break-word;
  overflow-wrap: break-word;
  width: 300px;
}
.ant-descriptions-item-content:last-child {
  border-inline-end: none;
}
.xmkuai {
  border: 1px solid rgb(233, 235, 242);
  padding: 16px 8px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
}
/*----------------------------------商机-------------------------------------------*/
.floor .sjtitflex {
  height: 46px;
  line-height: 46px;
  font-size: 1.1rem;
  padding: 0 13px;
  color: #333;
  border-bottom: solid 1px #eaeaea; display:flex;justify-content: space-between;
  align-items: center;
}
.floor .sjtitflex i {
  display: inline-block;
  width: 4px;
  height: 16px;
  background: #46A4E3;
  border-radius: 4px;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  margin-right: 10px;
}
.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;
}
.sjadv{ width:100%; padding:10px; box-sizing:border-box;background-color: #fff; height:160px;overflow: hidden;}
.sjadv img{ width:100%; display:block; border-radius:5px; height:100%; object-fit:cover;}

.sjadvdel{ width:100%;  box-sizing:border-box;background-color: #fff; }
.mprode {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.mpropic {
  width: 100%;
  height: 100%;
  position: absolute;background-color: #f6f6f6;
}
.mpropic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.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;}
.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
}
.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;
}
.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;
}
.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 p {
  padding-bottom: 0.3em;
}
.mprodes2 img {
  max-width: 100%;
  display: block;
  margin-top: 0.5em;
}
.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;
}
.jiancright {
  width: 100%;
}
.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;
}
.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;
}
.jiancright1 {
  width: 60%;
}
.jiancright2 {
  width: 38%;
  margin-left: 2%;
  height: 2.45em;
}
.jiancright2 img {
  height: 2.45em;
  display: block;
}
.xunjia {
  background: linear-gradient(to right, #0976d3, #41abff);
  color: #fff;
  padding: 0.5em !important;
  font-size: 1em;
  border-radius: 1.2em;display: block;
  text-align: center;
  margin-top: 13px;
}
/*--------------------协会-------------------------------*/
.xiehuisec {
  width: 100%;
  border: 1px solid #e7e7e7;
  margin-top: 15px;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
}
.xiehuipic {
  width: 100%;
  height: 113px;
}
.xiehuipic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.nflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xiehuitext {
  padding-top: 20px;
}
a.noticebtn , a.noticebtn:visited{
	color: #387bcb; width:47%;
	display:block; font-size:0.85rem; background-color:#f8f9ff; height:32px; line-height:32px; border-radius:16px; text-align:center;
}
.xhmt20{ margin-top:0.9em;}
.lingdao-pic {
  width: 6.15em;
  min-width: 6.15em;
  height: 6.4em;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  margin-right: 0.75em;
  border-radius: 5px;
}
.lingdao-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rrnnew .h5 {
  color: #387bcb;
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: bold;
}
/*--------------------展会-------------------------------*/
.zhantj_item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative; margin-top:15px;
}
.zhantj_item_top {
  width: 100%;
  height: 198px;
}
.zhantj_item_top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 198px;
  background: rgba(0,0,0,0.4);
  background: linear-gradient(to top,rgba(0,0,0,.4) 0% ,rgba(255,255,255, 0) 75%);
  z-index: 1;
  display: block;
  float: left;
}
.img_cover {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.zhantj_item_bottom {
  background: #FFFFFF;
  margin-top: -13px;
  position: relative;
  z-index: 2;
  border-radius: 15px 15px 0px 0px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
}
.zhanhui_box_item_bottom_top {
  padding: 15px 20px 10px;
}
.zhanhui_box_item_title {
  font-size: 18px;
  color: #566985;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 5px;
}
.zhanhui_box_item_address, .zhanhui_box_item_date2 {
  color: #7d93b2;
  line-height: 42px;
  font-size: 13px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zhborderbo {
  border-bottom: 1px solid #EEE;
}
.zhanhui_box_item_address .fzw, .zhanhui_box_item_date2 .fzw {
  color: #4db7fe;
  font-size: 14px;
  float: left;
  margin-right: 5px;
}
.tabwtit{width: 33.33%;
  text-align: center;}
.tactive{
  border-bottom: 1px solid #0877d3;
  font-weight: bold;
  color: #0877d3;
} 
.zhdecleft {
  width: 15%;
  color: #989898;
  margin-right: 5%;
  text-align: justify;
  text-justify: distribute-all-lines;
  webkit-text-align: justify;
  text-align-last: justify;
  -moz-text-aligm-last: justify;
  affx -webkit-text-align-last: justify;
  height: 1.5em;
  overflow: hidden;
}
.zhdecright {
  width: 80%;
  color: #0f0f0f;
}
/*--------------------头条-------------------------------*/
.de1-meta {
  color: #707070;
  font-size: 12px;
  padding-top: 12px;
}
.de1-time {
  margin-right: 15px;
}
.de1-source {
  margin-right: 15px;
}
.news-fj {
  font-size: 14px;
  color: #777;
  margin-top: 20px;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 5px;
}
/*--------------------名片-------------------------------*/
 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.wmp-hero {padding:60px 0;color:white;background:url('../images/s8a.jpg') no-repeat fixed center/cover;}
.wmp-hero-c {display:flex;align-items:center;gap:30px;flex-wrap: wrap;}
.wmp-hero-t { width:100%;}
.wmp-hero-i {display:flex;justify-content:center;margin: 0 auto;}
.wmp-cardprev2{width:100%;height:300px;background:linear-gradient(135deg, #fff 0%, #f0f4ff 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#333;font-size:18px;font-weight:bold;flex-flow: column;padding:20px;box-sizing: border-box;}
.wmp-cardprev2 span{font-size:14px;color:#666;margin-top:10px;display:block;}
.wmp-intro {padding:30px 0;background-color:#f8f9fa;}
.wmp-secttl {font-size:32px;color:#387bcb;margin-bottom:40px;position:relative;padding:15px 0;text-align: center;}
.wmp-secttl::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 3px;background-color: #387bcb;}
.wmp-secttl3{font-size:32px;color:#387bcb;margin-bottom:10px;position:relative;text-align: center;}

.wmp-secttl-p{color: #666;line-height: 1.6;font-size: 16px;text-align: center;margin-bottom:15px;}
.wmp-intro-c {display:block;}
.wmp-intro-t {width:100%;}
.wmp-intro-tt {font-size:24px;color:#5771be;margin-bottom:20px;text-align:center;}
.wmp-intro-desc {color:#666;line-height:1.7;margin-bottom:40px;font-size:18px;text-align:center;margin-left:auto;margin-right:auto;}
.wmp-probsol {display:flex;gap:50px;margin:30px 0;flex-wrap: wrap;}
.wmp-problem {background-color:white;border-radius:12px;padding:30px 40px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:4px solid #ff7a45;display:flex;flex-direction:column;align-items:center;text-align:center;}
.wmp-problem h3 {color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px;justify-content:center;}
.wmp-problem h3 i {color:#ff7a45;}
.wmp-probicon {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, #ff7a45 0%, #ff9a6e 100%);display:flex;align-items:center;justify-content:center;color:white;margin-bottom:20px;font-size:36px;}
.wmp-probcont {flex:1;}
.wmp-probcont p{color:#666;}
.wmp-solution {background-color:white;border-radius:12px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:4px solid #4caf50;display:flex;flex-direction:column;align-items:center;text-align:center;}
.wmp-solution h3 {color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px;justify-content:center;}
.wmp-solution h3 i {color:#4caf50;}
.wmp-solicon {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, #4caf50 0%, #81c784 100%);display:flex;align-items:center;justify-content:center;color:white;margin-bottom:20px;font-size:36px;}
.wmp-solcont {flex:1;}

.wmp-samples {padding:20px 0 20px;background-color:white;}
.wmp-sampleg {grid-template-columns:repeat(3, 1fr);gap:40px;margin-top:40px;}
.wmp-samplei {display: flex;flex-flow: column;justify-content: center;align-items: center;position: relative;margin-top: 30px;background: rgba(87, 113, 190, .05);}
.wmp-samplei2{width: 100%; text-align: center;}
.wmp-samplei2 h3 {font-size:20px;color:#333;margin-bottom:20px;background:rgba(87, 113, 190, .05);}
 .wmp-samplei2 {
  
  }
   .wmp-samplei2 h3 {
    padding: 10px;
    border-radius: 1rem;
  }
.wmp-cardsamp {height:auto;width: 260px}
.wmp-cardsamp img{width:100%;}
.wmp-cardsamp3{text-align: center;background:#fff;z-index:1;padding: 20px 40px;width: 100%;box-shadow: 0 10px 30px rgba(87, 113, 190, 0.1);border: 1px solid #e8ecf8;border-radius: 12px;box-sizing: border-box;}
.wmp-samplei p {color:#666;font-size:14px;}
.wmp-create {padding:30px 0;background:linear-gradient(135deg, #e8efff, #d5e1ff);}
.wmp-create-c {}
.wmp-create-t {flex:1;}
.wmp-cresteps {display:flex;flex-direction:column;}
.wmp-step {display:flex;align-items:flex-start;gap:20px;padding:20px;border-radius:12px;transition:var(--transition);}
.wmp-step:hover {background-color:#387bcb;}
.wmp-stepnum {width:40px;height:40px;background:#387bcb;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;flex-shrink:0;}
.wmp-stepinfo h4 {font-size:18px;color:#333;margin-bottom:10px;}
.wmp-stepinfo p {color:#666;line-height:1.6;font-size:15px;}
.wmp-create-i {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
.wmp-qrbox {background:white;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);text-align:center;width:100%;max-width:350px;margin:0 auto;border:1px solid #e0e0e0;box-sizing: border-box;}
.wmp-qrbox h4 {font-size:22px;color:#333;margin-bottom:25px;font-weight:bold;}
.wmp-qrcont {width:250px;height:250px;margin:0 auto 25px;background:#f9f9f9;display:flex;align-items:center;justify-content:center;border-radius:8px;}
.wmp-qrbox p {color:#666;font-size:16px;line-height:1.7;}
.wmp-icon {width:100%;height:100%;}
.wmp-picon {fill:#ffffff;}
.wmp-sicon {fill:#ffffff;}
.wmp-hero-t h1 {font-size:22px;margin-bottom:20px;line-height:1.5;animation:wmp-scalein 0.4s ease-out 0.1s both;}
.wmp-hero-t p {font-size:18px;opacity:0.9;line-height:1.6;min-height:80px;animation:wmp-scalein 0.4s ease-out 0.5s both;}
.wmp-hero-t .btn {animation:wmp-scalein 0.4s ease-out 0.9s both;}
@keyframes wmp-scalein {0%{transform:scale(1.5);opacity:0;}100%{transform:scale(1);opacity:1;}}
.wmp-hero-img {animation:wmp-fadeup 1s ease-out 0.4s both;}
@keyframes wmp-fadeup {0%{transform:translateY(30px);opacity:0;}100%{transform:translateY(0);opacity:1;}}
.wmp-step {position:relative;}
.wmp-step::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, var(--primary-color), var(--primary-light));border-radius:12px;opacity:0;transition:opacity 0.3s ease;z-index:-1;}
.wmp-step:hover::before {opacity:0.05;}
.wmp-stepnum {transition:all 0.3s ease;}
.wmp-step:hover .wmp-stepnum {transform:scale(1.1);box-shadow:0 5px 15px rgba(87,113,190,0.2);}
.wmp-cardsamp {transition:all 0.4s ease;}
.wmp-cardsamp:hover {transform:translateY(-10px);}
.wmp-probicon svg,.wmp-solicon svg {transition:transform 0.5s ease;}
.wmp-problem:hover .wmp-probicon svg {transform:rotate(10deg) scale(1.1);}
.wmp-solution:hover .wmp-solicon svg {transform:rotate(-10deg) scale(1.1);}
.wmp1 .footer{margin-top: 0;}
.wmp-cardbadge{position:absolute;top:0;right:0;background:#5771be;color:white;font-size:12px;padding:4px 10px;border-radius:30px;z-index:10;font-weight:600;margin: 150px 20px;}
.wmp-cardsteps{display:flex;justify-content:center;align-items:center;margin-top:15px;}
.wmp-cardstep{width:8px;height:8px;border-radius:50%;background:#e0e6ff;margin:0 5px;transition:all 0.3s ease;}
.wmp-cardstep.active{width:25px;border-radius:10px;background:#5771be;}
.wmp4-t{width:25px;height:25px;margin:0 5px;}


/*--------------------名片结束-------------------------------*/
.cg-sec-tt {
  font-size: 22px;
  color: #387bcb;
  text-align: center;
  position: relative;
  padding: 15px 0;
}
.cg-sup-intro {padding:20px 0;}
.cg-intro-c {}
.cg-intro-t {flex:1;}
.cg-intro-t ul{margin-left:20px;color:#387bcb;line-height:2;}
.cg-intro-t ul li{list-style-type: disc;}
.cg-intro-t h3 {font-size:28px;color:#666;margin-bottom:20px;}
.cg-intro-t p {font-size:16px;color:#666;line-height:1.7;margin-bottom:5px;}
.cg-intro-t .cg-tt{font-size:20px;color:#333;line-height:2;margin-bottom:20px;}
.cg-intro-i {}
.cg-intro-i img {width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.cg-bec-sup {padding:30px 0;background-color:#f0f4ff;}
.cg-steps-c {gap:30px;}
.cg-step-cd {background:white;border-radius:12px;padding:40px 30px;text-align:center;flex:1;box-shadow:0 5px 20px rgba(87,113,190,0.08);transition:var(--transition);position:relative;border:1px solid #e8ecf8; margin-top:30px;}
.cg-step-cd:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(87,113,190,0.15);}
.cg-sqan{text-align:center;margin-top:50px;}
.cg-sqan .btn.btn-primary{font-size:18px;padding:16px 45px;}
.cg-step-num {width:50px;height:50px;background:#387bcb;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 25px;box-shadow:0 5px 15px rgba(87,113,190,0.3);}
.cg-step-tt {font-size:22px;color:#387bcb;margin-bottom:15px;font-weight:700;}
.cg-step-desc {line-height:1.6;font-size:15px;}
.cg-step-arr {position:absolute;top:50%;right:-40px;transform:translateY(-50%);color:var(--primary-light);font-size:24px;}
.cg-exh-photos {padding:30px 0 40px 0;background-color: #f9fafd;}
.cg-photo-g {}
.cg-photo-item {border-radius:8px;overflow:hidden;position:relative;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:all 0.3s ease;background-color:white;border:1px solid #e8ecf8; margin-top:30px;}
.cg-photo-item:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(87,113,190,0.12);}
.cg-photo-item img {width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.95);transition:filter 0.3s ease;}
.cg-photo-item:hover img {filter:brightness(1.05);}
.cg-photo-cap {background:white;color:var(--text-color);padding:15px;font-size:14px;text-align:center;font-weight:500;border-top:1px solid #f0f0f0;}
.cg-photo-loc {display:block;font-size:12px;color:#666;margin-top:5px;}  

.cg-intro-t{padding-bottom:50px;}
.cg-intro-t:before{content: "Toocle Global";color:rgba(87, 113, 190, .05);font-size:6rem;font-weight: bold;position: absolute;margin: 100px 0 0 0;}  


/*---------------ChatGlobal结束-----------------*/ 
/*---------------学院-----------------*/   
.xyrel{position:relative;height: 100%;}
.xyabs{position: absolute;background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); color:#fff; bottom:0;padding: 15px;width: 100%;
  box-sizing: border-box;}
.xboxa {
  padding: 0 13px;
}
.xtnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: #fff;
}
.xtnavcover {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1), #fff);
  position: absolute;
  z-index: 1;
  width: 1.4rem;
  height: 100%;
  right: 10%;
}
.xtnav1 {
	position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
} 
.xtnav1 li {
  white-space: nowrap;
  position: relative;
  display: block;
  margin-right: 20px;
}
.xtnav1 li a {
  color: #333;
  font-size: 1.1rem;
  padding: 0em;
  margin: 0em;
}
.xcurs {
  color: #0877d3 !important;
  margin-right: 12px;
  left: 0px !important;
}
.xcurs a {
  color: #0877d3 !important;
}
.xcurs::after {
 content: "";
  position: absolute;
  top: 20px;
  left: 15%;
  height: 2px;
  background: #0877d3;
  width: 70%;
  display: block;
  margin-top: 13px;
}
.xtnright {
  width: 10%;
  min-width: 10%;
  display: flex;
  justify-content: flex-end;
}
.xtnright img {
  width: 50%;
  height: 50%;
} 
.toutjj {
  clear: both;
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
}
.toutjj li {
  width: 100%;
  margin-top: 15px;border-bottom: 1px solid #EBEBEB;
}
.toutjj li:nth-last-child(1){
 border-bottom: none;
}
.toutjj li .text {
  padding-bottom: 15px;
  overflow: hidden;
}
.toutjj li .text img.jimg {
  width: 81px;
  height: 81px;
  float: left;
  border-radius: 50%;
}
.toutjj li .text .tex {
  width: calc(100% - 100px);
  line-height: 24px;
  color: #303030;
  overflow: hidden;
  float: right;
  font-size: 16px;
}
.toutjj li .text .tex h5 {
  color: #387bcb;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}
.toutjj li .text .tex div {

  line-height: 24px;
  color: #303030;
  overflow: hidden;

  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xynavfixed{ width:100%; height:50px;position:fixed;z-index: 1;}
.xynavnn{ width:100%; height:50px; }
.xymt1px{ margin-top:1px!important;}

.xyjigoupic {
  width: 7.15em;
  min-width: 7.15em;
  height: 5.4em;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  margin-right: 0.75em; border-radius:5px; padding:5px; box-sizing:border-box;
}
.xyjigoupic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.xyjigoucon {
  font-size: 0.75em;
  color: #969696;
  margin-top: 1em;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.xyjgdepic{ width:100%; padding:30px; box-sizing:border-box;background-color: #fff;}
.xyjgdepic img{ width:100%; }
.texkk{ width:100%; padding:20px 30px; box-sizing:border-box;background-color: #f5f5f5;}
.texkk .h3{ font-weight:bold; padding-bottom:10px; font-size:1.1rem;color: #387bcb;}
.baikenav { padding:0 15px 20px 15px;
  display: flex;
  flex-wrap: wrap;background-color: #fff;
}
.baikenav a {
  font-size: 13px !important;
  line-height: 32px !important;
  display: block;
  text-align: center;
  background-color: #f0f1fb;
  border-radius: 16px;
  margin-right: 5px;
  width: fit-content !important;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}
.bkactive{background-color: #0877d3!important;color: #fff!important;}

.xyjigoupic {
  width: 7.15em;
  min-width: 7.15em;
  height: 5.4em;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  margin-right: 0.75em; border-radius:5px; padding:5px; box-sizing:border-box;
}
.xyjigoupic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popular-listing-box {
  border-bottom: 2px solid #0077b5;
  box-shadow: 1px -1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 12px;margin-bottom: 25px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
.col-md-12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.popular-listing-detail {
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 20px 20px 20px;
}
.nvbktit {
  line-height: 40px;
  height: 40px;
  color: #494848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 600;
}
.popular-listing-detail > p {
  color: #888888;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 15px;
  font-size: 14px;
}
.popular-listing-add {
  padding: 12px 20px;
  box-sizing: border-box;
}
.popular-listing-add > span {
  color: #888;
}
.xykp {
  padding: 0 15px 15px 15px;
}
.sjhjnav{width: calc(100% - 3em);
  display: flex;}