@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;border:0px;}
html{width:100%;font-size:16px;}
body{font-size: 100%!important;color: #333;background: #f0f1f2;width:100%;position:relative;line-height: 1.5;font-family: Arial,-apple-system-font,Helvetica Neue,sans-serif;}
img{border:0}
ol,ul,li{list-style:none}
input,textarea{outline:none}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote,{ 
 padding: 0;
 margin: 0;
}
ul, li, ol {list-style-type : none;}
:root {
  --primary-color: #387bcb; /* 定义颜色变量 */
}
/*动作过渡*/
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 
/*默认链接*/
a{
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: var(--primary-color);
}
/*版权样式*/
a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	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: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cecece;
}
.section {
  width:1360px;
  max-width:1360px;
  margin: 0 auto;
  clear: both;position: relative;
}
.nflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-wrap{flex-wrap: wrap;}
/*页面样式开始----------------------------------------------------------------*/

/*头部最上面一行*/
.tophead{ width:100%; background-color:#f2f2f2;}
.toleft a {
  margin-left: 5px;margin-right: 5px; font-size:14px;
  color: #387bcb;
}
.toleft , .toright{ height:40px; line-height:40px;font-size:14px; padding-left:15px;}
.forgetpw{ color: #fc7844!important;}
.toright a{ display:block; width:138px; line-height:24px; height:24px; border-radius:12px; margin-left:11px; margin-right:6px; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
.toright .a1{ background-color:#5f5f5f;}
.toright .a2{ background-color:#387bcb;}
.toright .a3{ background-color:#fc7844;}


/*页面上部logo+搜索一行*/
.wid100 {
  width: 100%;
  background-color: #FFF;
}


#logotop { display:flex;
 justify-content: space-between;}
.logosec { padding: 36px 0;display:flex;align-items: center;flex: 1 1 auto;height: 72px;}
.logosec a img {
  max-height: 72px; display:block;
  } 
.rflex{ display:flex;justify-content:right;
  align-items: center; }


.rpub{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;height: 100%;text-align: center;margin: 0 8px 0 27px;}
.rpub p{ padding-top:5px; font-size:12px; color:#606060;}  

.icopx{  margin:0 auto; font-size:1.4rem!important; color:#222b4c; line-height:1.28;}
.htopcenter {
  margin: 0 94px 0 64px;flex: 1;
 box-sizing: border-box;
  overflow:hidden;
}
.htopsec2 {
  display: flex;
  border: solid 2px var(--primary-color);
  border-radius: 5px;box-sizing: border-box;
  padding: 0 0 0 10px; overflow:hidden;
}
.hotkey { font-size:14px; padding-top:14px;}
.seclectop{background-color: #fff;
  border: none;
  font-size: 14px;
  color: #666;
  padding-left: 5px;
  padding-right: 10px;}
.marleft10{margin-left: 10px;
  border-left: 1px solid #eaeaea;
  padding-left: 10px;}
.htopsec2 .keyword{color: #3e3e3e;border:0; 
outline: 0;
-webkit-appearance: none;width: 100%;
padding: 0px 10px;height: 44px; line-height:44px;font-size: 15px;}
.htopsec2 .submit{background-color: var(--primary-color); cursor:pointer; color:#fff; font-size:16px;
  border-radius: 0 4px 4px 0;
height: 44px;
border: none;
width: 102px;min-width: 102px;}
.icoso{font-size:1.2rem!important;  color:#b7b7b7; line-height:44px;}

/*导航*/
.doleft{ color:#fff; height:54px; line-height:54px; width:250px;min-width:250px; background-color:#387bcb; border-radius:10px 10px 0 0; border-top:1px solid #e8ecf8;
border-left:1px solid #e8ecf8;border-right:1px solid #e8ecf8; box-sizing:border-box; padding-left:15px; font-weight:bold;}
.daohang{ width:100%; background-color:#fff;height: 54px; position:relative;}
.daohang_1{display: flex; width:100%; padding-left:35px; padding-right:10px; box-sizing:border-box;
  justify-content: space-around;;
  flex-wrap: wrap;}
.daohang_1 li{
	float: left;
	text-align: center;
	display: block;
	height: 54px; line-height:54px; box-sizing:border-box;position: relative;
}
.daohang_1 li a{
	position: relative;
}
.hoti {
  position: absolute;
  right: -20px;
  top: 5px;
  font-size: 10px;
  color: white;
  display: inline-block;
  background-color: red;
  height: 14px;
  line-height: 14px;
  padding: 3px;
  border-radius: 5px;
  transform: scale(.55);
  animation: abcA .6s linear 0s infinite alternate;
  font-style: normal;
  font-weight: bold;
}
@keyframes abcA {
	0% {background-color: red;}
	100% {background-color: orange;}
}

a.font_dh{
	color: #333;
	display:block; font-size:1rem;
}
a.font_dh:visited {
	color: #333;
	display:block;
}
a.font_dh:hover {
display:block;
box-sizing:border-box; color:var(--primary-color);
}
.banbg{ background-color:#f0f4ff; width:100%; padding-bottom:32px;}

/*导航结束*/

/*第一块banner+左侧产品导航+右侧公告*/
.sechome1{box-sizing:border-box;display:flex;}
.seleft{ width:250px;box-sizing:border-box;  }
.seleft .setit{ font-size:1.1rem; font-weight:bold;display: flex;align-items: center;color:#000; height:30px;}
.seleft .setit i{ margin-right:5px; color:#000; }

.secenter{width: 820px;
	overflow: hidden;
	height: 415px; padding-top:21px; margin-left:20px; margin-right:20px;}
.seright{width: 250px;
  border-radius:5px; border:1px solid #e8ecf8;
  box-sizing: border-box; background-color:#FFF;margin-top:21px;}
.seright .setit1 {
  font-size: 12px;
  color: #333; padding-top:28px; text-align:center;
}
.seright .notice{ padding:22px 28px 30px 28px; display:flex;justify-content: space-between;}
.seright .notice1{padding:14px 18px;}

.seright .notice2{ padding: 0 28px 20px 28px; display:flex;justify-content: space-between;}

a.noticebtn , a.noticebtn:visited{
	color: var(--primary-color); width:47%;
	display:block; font-size:0.85rem; background-color:#f8f9ff; height:32px; line-height:32px; border-radius:16px; text-align:center;
}
a.noticebtn:hover { background-color:#4ca8eb; color:#FFF;} 
a.zhbtn , a.zhbtn:visited{
	color: #fff; width:31%;
	display:block; font-size:0.85rem; background-color:#4DB7FE; height:32px; line-height:32px; border-radius:4px; text-align:center;cursor: pointer;
}
a.zhbtn:hover { background-color:#384F95; color:#FFF;} 

a.wyfb , a.wyfb:visited{
	color: #387bcb; width:110px;
	display:block; font-size:0.85rem; background-color:#f0f4ff; height:32px; line-height:32px; border-radius:16px; text-align:center;cursor: pointer;
}
a.wyfb:hover { background-color:#4ca8eb; color:#FFF;} 


a.notice3 , a.notice3:visited{
	color: #fff; width:47%;
	display:block; font-size:0.85rem; background-color:var(--primary-color); height:36px; line-height:36px; border-radius:3px; text-align:center;
}
a.notice3:hover { background-color:#4ca8eb;} 

a.notice4 , a.notice4:visited{
	color: var(--primary-color);width:47%;
	display:block; font-size:0.85rem;  height:36px; line-height:36px; border-radius:3px; text-align:center; border:1px solid var(--primary-color); box-sizing:border-box;
}
a.notice4:hover {color:#4ca8eb;border:1px solid #4ca8eb;} 
.setitflex{ display:flex; border-top:1px solid #eeeeee; padding-top:11px;} 
.setitflex .stit1{ width:18px;border-bottom:1px solid #eeeeee;} 
.setitflex .stit2{border-bottom:1px solid #387bcb;padding-bottom: 11px;} 
.setitflex .stit3{ flex:1;border-bottom:1px solid #eeeeee;} 
.setit_item {
  font-size: 14px; display:flex;  box-sizing:border-box;
  width: 100%;
  line-height: 30px;
}
.setit_item::before {
  content: '';
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 13px;
  margin-right: 6px;
  background-color: #333;
}
.setit_item a { flex:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
  
  

/*首页商品左侧导航---------------*/
.hpleftmenu{ width:100%; box-sizing:border-box; position:relative;background-color: #fff;
  border: 1px solid #e8ecf8;
  border-radius: 0 0 10px 10px;
  border-top: none;}
.hpleftmenu_1{display: flex;
  justify-content: center;
  flex-wrap: wrap;}
.hpleftmenu_1 li{
	width:100%;
	display: block;
	height: 54px; line-height:54px; box-sizing:border-box;padding-right:15px; padding-left:15px; border-bottom:1px solid #f5f5f5;
}
.hpleftmenu_1 li:hover{ background: linear-gradient(to right, #fff, #e6ecf2); }

.hpleftm{width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; color:#333; font-size:15px;}
.hpleftmenu_1 li a i {
  font-size: 0.75rem;color: #9a9a9a;
} 
.icon-fenlei{ color:#387bcb!important; margin-right:12px;font-size: 14px!important;} 
 
.pmm {
  width: 100%;
  display: block;
  height: 58px;
  line-height: 58px;
  box-sizing: border-box; text-align:center;
  background-color:#f9faff;
} 
  
.pmm a{
     color:var(--primary-color)!important; font-size:14px; 
}  
.pmenu_about{
	position:absolute; 
	left:248px;
	top:0;
	display:none;
	z-index:10000;min-width: 1112px; border-radius:10px;
	background-color:#fff; line-height: normal; border:1px solid #e8ecf8;height: 436px;
  box-sizing: border-box;
}
.pmenuse a{
 font-size:14px!important; line-height:32px!important; 
	display:block;text-align:center; background-color: #f8f9ff; border-radius:16px; margin-right:15px; width:fit-content!important; padding-left:15px; padding-right:15px; margin-top:10px;
}


.pmenuse a:hover{
	display:block;color:#fff!important;background-color: var(--primary-color);
}
.pmenu_about .boxs {
  min-width: 100%;padding: 30px;box-sizing:border-box;
  height:100%;
  position: relative;
  background: #fff;
  z-index: 101;overflow-y: auto;

}
.boxs .btit{font-size:18px; font-weight:bold;}
.boxs .btit1{font-size:16px; font-weight:bold; display: block;
  margin-top: 15px;color:var(--primary-color)!important;}
.pmenuse{ margin-top:10px; display:flex;  flex-wrap: wrap; }
.leftmenupic{ width:100%; margin-top:18px; border-radius:5px; overflow:hidden;}
.leftmenupic img{ width:100%; height:100%; object-fit:cover;display: block;}

.nosj{font-size: 14px !important;
  line-height: 32px !important;
  display: block;
  text-align: center;
  background-color: #f8f9ff;
  border-radius: 16px;
  margin-right: 15px;
  width: fit-content !important;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  float: left;}
/*导航结束*/

/*商机--------------------------*/
.shangji{ width:100%;display: flex;}
.shangjisec{ flex:1; margin-left:20px; margin-right:20px;border-radius: 5px;
  border: 1px solid #e8ecf8; background-color:#FFF; padding:20px; box-sizing:border-box;width: 820px;}
.shangjitit{ font-size:20px; font-weight:bold;}
.shangjiadv{ width:250px;}
.shangjipic{ width:100%; height:120px; overflow:hidden; border-radius:5px;}
.shangjipic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mt14{ margin-top:14px;}

/*广告*/
.adv{ box-sizing:border-box;  display:flex;align-items: center;justify-content: space-between; margin-top:22px;}
.advsec{ width:332px; height:93px; overflow:hidden;border-radius:5px;}
.advsec img{ width:100%; height:100%; display:block;object-fit: cover;}


/*栏目标题*/
.latestnew{background-color:#FFF; box-sizing:border-box;  display:flex;align-items: center;justify-content: space-between; padding:28px 32px;border: 1px solid #e6ecf2;}
.latestsec{ width:48%;}
.latesttit{ display:flex;align-items: center;justify-content: space-between; padding-top:30px; padding-bottom:20px; }

.latesttit1{ font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #387bcb; }
.latesttit1 i{ font-size: 30px; padding-right:10px;}
.latesttit2{  font-size:14px; color:#387bcb!important; }
.latesttit2 i{  font-size:14px;padding-left:5px; }
/*项目-----------------------*/
.xmover{overflow:hidden; width:100%;}
.xm-hero {
  padding: 80px 0;
  color: white;
  background: url('../images/banner1.jpg') no-repeat center/cover;
}
.xmadvtext {
  font-size: 50px;
  margin-bottom: 20px; color:#05427f;
  line-height: 1.5;
  animation: wmp-scalein 0.4s ease-out 0.1s both;font-weight: bold;text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
}
.xmadvtext span {
color:#1ab4ff;
}
.xmadvtext1 {
  font-size: 36px;color:#05427f;font-weight: bold;text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
  opacity: 0.9;
  line-height: 1;
  min-height: 80px;
  animation: wmp-scalein 0.4s ease-out 0.5s both;
  width: fit-content;
}
.xmbant{ padding-left:680px;}

.xiangmu{ flex:1;  margin-right:20px;border-radius: 5px;
  border: 1px solid #e8ecf8; background-color:#FFF; padding:16px 26px; box-sizing:border-box;}
  
.xmsear{background:#f9f9f9;border:#ececec 1px solid; padding:0 15px; width:84%; height:40px; color:#8c8c8c; font-size:14px; line-height:40px; float:left;box-sizing:border-box;border-radius:5px;}
.xmbtnform{ width:15%; margin-left:1%;float:left; box-sizing:border-box; height:40px; background-color:#fc7844;border:#fc7844 1px solid; border-radius:5px; font-size:16px; font-weight:bold; color:#FFF; cursor:pointer;}
.xmbform{ padding-bottom:15px;overflow: hidden; padding-top:10px;} 
  
  
.supply_center_table {
  width: 100%;
  margin-top: 10px;
}
.supply_center_table_th {
  background-color: #f5f7fa;
  width: 100%;
  height: 37px;
}
.supply_center_table_th .supply_center_table_td {
  float: left;
  line-height: 37px;
  color: #1c1c1c;
  font-weight: bold;
  padding: 0px 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.supply_center_table_th .supply_center_table_td:nth-of-type(1) {
  padding-left: 19px;
  width: 48%;
}
.supply_center_table_th .supply_center_table_td:nth-of-type(2) {
  width: 13%;
}

.supply_center_table_th .supply_center_table_td:nth-of-type(3) {
  width: 12%;
}

.supply_center_table_th .supply_center_table_td:nth-of-type(4) {
  width: 12%;
}
.supply_center_table_th .supply_center_table_td:nth-of-type(5) {
  width: 7%;
}
.supply_center_table_th .supply_center_table_td:nth-of-type(6) {
  width: 8%;text-align:center;
}

.supply_center_table_tbody{
	width: 100%;
	height:308px;
	overflow: hidden;
	position: relative;
}
.supply_center_table_tbody .swiper-slide{
	width: 100%;
	height: 44px!important;
	border-top: 1px solid #ebeef5;
	box-sizing: border-box;overflow: hidden;
}
.supply_center_table_tbody .supply_center_table_td{
	float: left;
	line-height: 43px;
	color: #494848;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.supply_center_table_tbody .supply_center_table_td a span{
	color: #fff; background-color:#ffbe4e; border-radius:3px; padding:1px 5px; font-size:12px; margin-left:10px;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(1){
	padding-left: 19px;
	width: 48%;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(2){
	width: 13%;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(3){
	width: 12%;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(4){
	width: 12%;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(5){
	width: 7%;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(6){
	width: 8%; text-align:center;
}
.supply_center_table_tbody .supply_center_table_td:nth-of-type(6) img{ padding-top: 10px;
  width: 24px;
}
.xmbtitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 10px;
}
.mtxm25{margin-top: 25px;}
.downtext{color:#F00;text-decoration: underline;}
.xmright {
  width: 325px;
  border-radius: 5px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
  background-color: #FFF; padding:22px;
}
.xmright .xmtitle1 {
  color: #387bcb; font-size:18px; font-weight:bold;
}
.xmright .xmtitle2 {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  color: #888;
  font-size: 12px;
  padding-left: 12px;
}
.xmtitle3 {
  font-size: 15px; display:flex;  box-sizing:border-box;
  width: 100%;
  line-height: 30px;
}
.xmtitle3::before {
  content: '';
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 14px;
  margin-right: 8px;
  background-color: #999;
}
.xmtitle3 a { flex:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xmtita { border-bottom: 1px solid #eeeeee;
  padding: 13px 0px 17px 0px;
}
a.ruzhubtn , a.ruzhubtn:visited{
	color: var(--primary-color); width:100%; margin-top:20px;
	display:block; font-size:0.85rem; background-color:#f0f4ff; height:32px; line-height:32px; border-radius:16px; text-align:center;
}
a.ruzhubtn:hover { background-color:#4ca8eb; color:#FFF;} 

.ruzhucompic{ width:100%; height:95px; overflow:hidden; border-radius:5px; margin-top:20px;}
.ruzhucompic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/*-----------------------------------------------*/

.sss_th {
  width: 100%;
  height: 37px;
}
.sss_th .sss_td {
  float: left;
  line-height: 37px;
  color: #1c1c1c;
  font-weight: bold;
  padding: 0px 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.sss_th .sss_td:nth-of-type(1) {
  padding-left: 19px;
  width: 32%;
}
.sss_th .sss_td:nth-of-type(2) {
  width: 40%;
}
.sss_th .sss_td:nth-of-type(3) {
  width: 18%;
}
.sss_th .sss_td:nth-of-type(4) {
  width: 10%;
}
.sss_inquiry{
	color: #387bcb!important;
	padding: 3px 8px;
	line-height: 18px;
	background-color: #f0f4ff;
	font-size: 12px;
	border-radius: 4px;
}
.sss_tbody{
	width: 100%;
	height:264px;
	overflow: hidden;
	position: relative;
}
.sss_tbody .swiper-slide{
	width: 100%;
	height: 44px!important;
	border-top: 1px solid #ebeef5;
	box-sizing: border-box;overflow: hidden;
}
.sss_tbody .sss_td{
	float: left;
	line-height: 43px;
	color: #494848;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.sss_tbody .sss_td:nth-of-type(1){
	padding-left: 19px;
	width: 32%;
}
.sss_tbody .sss_td:nth-of-type(2){
	width: 40%;
}
.sss_tbody .sss_td:nth-of-type(3){
	width: 18%;
}
.sss_tbody .sss_td:nth-of-type(4){
	width: 10%;
}
/*横幅广告-------------------*/
.hengfubg{border-radius: 5px; overflow:hidden; width:100%; background-image:url(../images/hfbg.jpg); background-repeat:no-repeat; height:128px; margin-top:23px;}
.hengfubg1{border-radius: 5px; overflow:hidden; width:100%; background-image:url(../images/60_23.jpg); background-repeat:no-repeat; height:117px; margin-top:23px;}
.hftit{ font-size:24px; font-weight:bold; color:#FFF; padding-top:22px; padding-left:68px;}
.hengfubg a {
  display: block;
  width: 132px;
  line-height: 34px;
  height: 34px;
  border-radius: 17px;
  margin-left: 68px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color:#ff7a45; margin-top:10px;
}
.hengfubg1 a {
  display: block;
  width: 132px;
  line-height: 34px;
  height: 34px;
  border-radius: 17px;
  margin-left: 68px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color:#ff7a45; margin-top:6px;
}

/*首页头条---------------------*/
.homett{ width:100%;
  border-radius: 5px;
  border: 1px solid #e8ecf8;
  background-color: #FFF;
  padding: 24px;
  box-sizing: border-box;display: flex;
  justify-content: space-between;}
.homettleft{ width:385px;} 
.homettcenter{flex: 1; margin-left:35px; margin-right:48px; max-width:562px; } 
.homettright{width:280px; }
.homettleft1{border-radius: 5px;overflow: hidden;}   
.homettleft1 a {
  width: 100%;
  height: 264px;
  position: relative;
  font-size: 14px;
  overflow: hidden;display: block;
}
.homettleft1 a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0) 50%);
  z-index: 1;
}
.homettleft1 .news_box {
  width: 100%;
  height: 100%;
}
.homettleft1 a .news_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;transition: 0.3s;
}
.homettleft1 a:hover img{
	transform: scale(1.1);
}
.homettlefttit {
  width: 100%;
  line-height: 24px;
  padding: 0px 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
  position: absolute;
  bottom: 20px;
  color: #FFFFFF;
  z-index: 2;box-sizing: border-box; font-size:16px;
}
.homettleft2{ font-size:16px; font-weight:bold; border-left:4px solid #387bcb; height:20px; line-height:20px; padding-left:20px; margin-top:25px;}
.homettleft3{width: 100%; margin-top:20px;}
.homettleft4{width: 47%; }
.homettleft6{line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: inherit;
  color: #666;
  box-sizing: border-box; font-size:12px; margin-top:10px;}
.homettleft5{ width:100%; height:130px; overflow:hidden;border-radius: 5px;
  overflow: hidden;}
.homettleft5 img{ width:100%; height:100%; display:block;object-fit: cover;}
.homettr{  font-size:14px; color:#999!important; }
.homettr i{  font-size:14px;padding-left:5px; }
.homettdt {
  font-size: 16px;
  font-weight: bold;
  border-left: 4px solid #387bcb;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
}
.homettdtpic{ width:100%; height:100px; overflow:hidden;border-radius: 5px;
  overflow: hidden;}
.homettdtpic img{ width:100%; height:100%; display:block;object-fit: cover;}
.homettdtcon {
  padding-top: 25px;
}
.homett_item {
  font-size: 15px; display:flex;  box-sizing:border-box;
  width: 100%;
  line-height: 36px;
}
.homett_item::before {
  content: '';
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 16px;
  margin-right: 15px;
  background-color: #999;
}
.homett_item a { flex:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homemainn span {
  font-size: 13px;
  color: #606060;
  width: 50px;
  height: 24px;
  line-height: 24px;
  margin: 7px 0px;
  text-align: center;
  border-radius: 3px;
  background-color: #f5f5f5;
}
.homett_sec {
  font-size: 16px; display:flex;  box-sizing:border-box;
  width: 100%; max-width:500px;
  line-height: 36px;
}
.homett_sec::before {
  content: '';
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 17px;
  margin-right: 15px;
  background-color: #999;
}
.homett_sec a { flex:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.homemainn:nth-child(1) .homett_sec { font-weight:bold;}
/*首页头条结束---------------------*/

/*首页产品模块推荐企业--------------------------------------------------------*/
.youzhiqy {
  width: 48%;margin-top: 12px;
}
.youzhiqypic{ width:100%; height:60px; overflow:hidden;border: 1px solid #eee;}
.youzhiqypic img{ width:100%; height:100%; display:block;object-fit: contain;}
.youzhiqysec {
  width: 100%;
  margin-top: 30px;
  flex-wrap: wrap; padding-bottom:20px; border-bottom: 1px solid #eeeeee;
}
.mt15{ margin-top:15px;}
.tjqylist .xmtita:nth-last-child(1){border-bottom: 0;}
a.tjqybtn , a.tjqybtn:visited{
	color: 333; padding-left:28px; padding-right:28px; margin-right:10px;
	display:block; font-size:16px; background-color:#f0f4ff; height:44px; line-height:44px; border-radius:22px; text-align:center;
}
a.tjqybtn:hover { background-color:#4ca8eb; color:#FFF;} 
.tjproflex{ display:flex;padding-top: 12px;}

/*首页产品-------------------------------------*/
.hprolist{
  background-color: #FFF;
  box-sizing: border-box;
  padding: 28px 32px 35px 32px;
  border: 1px solid #e6ecf2;
}
.homeplist {
  width: 100%;
  margin-top: 9px;
  display: flex;
  align-items: center;flex-wrap: wrap;
}
.cpsort {
  width: 18.4%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;border-radius: 5px; border:1px solid #ebf0ff;padding-bottom: 14px; margin-top:20px;
}
.cpsort:nth-child(5n)  { margin-right:0;}
.cpsortpub {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.cpsec1 {
    width: 100%;
height: 100%; overflow:hidden;position: absolute;
}
.cpsec1 img {
    width: 100%;height: 100%; object-fit: cover;
}
.piccover{object-fit: cover!important;}
.cpsec1:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.cpsec1::after {
  background: rgba(15,17,17,.03);
  border-radius: 4px;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;left: 0;
}
.cpsorttit{ font-size:15px; color:#333;line-height: 28px;margin-top: 12px;
overflow: hidden;
height: 28px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box;padding-left: 14px;padding-right: 14px;}
.cpsorttit1{ font-size:12px; color:#999;line-height: 20px;
overflow: hidden;
height: 20px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box;padding-left: 14px;padding-right: 14px;}

/*首页产品模块结束--------------------------------------------------------*/

/*旺铺--------------------------------------------------------*/

/*首页旺铺列表*/
.comlist {
  width: 100%;
  display: flex;
  flex-wrap:wrap;
}
.hcomsec {
  width: 23.8%;border-radius: 5px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 1.6%;
  background-color: #FFF;padding:25px; transition: all 0.3s ease;
}
.hcomsec:nth-child(4n)  { margin-right:0;}
.hcomsec:hover {transform:translateY(-5px);border-color:#387bcb;box-shadow:0 10px 25px rgba(87,113,190,0.1);}
.hcomsec::before {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:#387bcb;opacity:0;transition: all 0.3s ease;}
.hcomsec:hover::before {opacity:1;}

.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: 15px;
  padding-bottom: 15px;
  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: 20px;
  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;}
.comp-link:hover {background-color:#387bcb;color:#fff;}    
  
/*首页旺铺列表结束*/









/*友情链接*/

.hlink2{ width: 100%;
  border-radius: 5px;
  border: 1px solid #e8ecf8;
  background-color: #FFF;
  padding: 18px 24px;
  box-sizing: border-box;
  display: flex;
}
.hlink2 a{color:#666;font-size:14px; padding-right:35px;}
.hlink2 a:hover{color:#387bcb;}

/*版权*/
#footer{
	width: 100%; margin-top:52px;
	padding-top: 54px;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	background-color: #222222;
}
#footer .copy1{
	padding-bottom: 50px;
	 text-align:left;
}

#footer .copy1 .dilogo{
	width: 272px;
	float: left;  margin-left:15px; margin-right:120px;
}
#footer .copy1 .dilogo img{ margin-bottom:20px;}

.slogan-link  , .slogan-link:visited {color:#cecece;font-size:14px;border-radius:5px;background-color:#595959;text-align:center;display: block; width:175px; height:32px; line-height:32px; margin-left:18px; margin-top:13px;}
.slogan-link:hover {color:#fff;background-color: #787878;}    

#footer .copy1 .tubt{
	width: 175px;
	float: left; line-height:26px;  margin-right:25px;
}


#footer .copy1 .tub1{
	width: 142px; margin-left:12px; margin-right:12px;
	float: right; box-sizing:border-box;  background-color:#434343; border-radius:0 0 5px 5px;
}
#footer .copy1 .tub1 img{
	width: 100%; display:block;
}

.tubpp{ font-size:18px;  padding-bottom:25px; color:#fff;}
.gzh{ font-size:14px; text-align:center; color:#cecece; line-height:42px;}
a.font_top{
	font-size: 14px;
	text-decoration: none;
	color: #cecece;
}
a.font_top:visited {
	color: #cecece;
	text-decoration: none;font-size: 14px;
}
a.font_top:hover {
	text-decoration: underline;
	color: #fff;font-size: 14px;
}
.padbo8{ padding-bottom:10px;display: flex;align-items: center;}
.copyrightbg{ width:100%; border-top:1px solid #595959;}
.copyright{ line-height:26px;  font-size:14px; margin:0 auto;  color:#cecece;  padding:20px 0; box-sizing:border-box; padding-left:20px;text-align: left;}
/*------------------------------------内页导航-------------------------------------*/
.nydaohang {
  width: 100%;
  background-color:#387bcb;
  height: 54px;
  position: relative;
}
.nydaohang_1{display: flex; width:100%;  box-sizing:border-box;
  justify-content: space-around;;
  flex-wrap: wrap;}
.nydaohang_1 li{
	float: left;
	text-align: center;
	display: block;
	height: 54px; line-height:54px; box-sizing:border-box;position: relative;
}

a.font_ny{
	color: #fff;
	display:block; font-size:1.05rem;
}
a.font_ny:visited {
	color: #fff;
	display:block;
}
a.font_ny:hover {
display:block;
box-sizing:border-box; color:#e7f2ff;
}
.bianx{border: 1px solid #e8ecf8;border-radius: 5px;box-sizing: border-box;}
/*分页*/
.page-wrap{ padding-top:40px;
  text-align: center;}
  .jump {
  text-align: center;
  cursor: pointer;
  color: #333;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
 .page-wrap span {
  font-size: 20px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  background-color: #fff;
  padding: 0 6px;
  font-size: 14px;
  margin-right: 8px;box-sizing: border-box;
}
.page-wrap .active {
  cursor: default;
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.jump.disabled {
  cursor: not-allowed;
  color: #999;
}
.page-wrap .active a{color: #fff;}


.pagination{padding-bottom: 40px; padding-top:10px;
  text-align: center;}
  .pagination li{
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  background-color: #fff;
  padding: 0 6px;
  font-size: 14px;
  margin-right: 8px;box-sizing: border-box;border: 1px solid #d9d9d9;
  border-radius: 6px;text-align: center;}
.pagination .disabled {
  cursor: not-allowed;
  color: #999;
}
.pagination .active {
  cursor: default;
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
} 
.pagination .active a{color: #fff;} 

/*分页结束*/
.img_cover {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cpwpse {
  width: 15%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;border-radius: 5px; border:1px solid #ebf0ff;padding-bottom: 14px;
}
.cpwpse:nth-child(6n)  { margin-right:0;}
.nfany {
  padding-bottom: 0!important;
  padding-top: 25px!important;
}
.mbt30{margin-bottom: 25px;}
.xiangmuny {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.img_contain {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.pinpaiAll-list-content {
  display: flex;
  flex-wrap: wrap;padding: 20px 30px;
}
.pinpaiAll-list-content li {
  flex: 0 0 20%;
  width: 20%;padding-bottom: 25px;
  overflow: hidden;
  flex-wrap: wrap;
  align-content: flex-start;
  float: left\0;
}
.pinpaiAll-list-content .product-pic {
  flex: 0 0 165px;
  width: 165px;
  height: 110px;
  margin: 0px auto;
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid #DEEEE6;
  box-sizing: border-box;
  border-radius: 5px;
}
/*---------------名片开始-----------------*/
/* 电子名片页面 .wmp1*/
.container {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;box-sizing: border-box;
}
  .wmp-hero-t {
    min-width: 810px;
  }
.container .btn-primary {
  background-color: #ff7a45;line-height: initial;
  color: white;
}
.container .btn {
  display: inline-block;

  padding: 14px 35px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}  
  
.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:50px;padding-left: 40px;}
.wmp-hero-t {flex:1;}
.wmp-hero-i {flex:1;display:flex;justify-content:center;}
.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;}
.wmp-cardprev2 span{font-size:14px;color:#666;margin-top:10px;display:block;}
.wmp-intro {padding:80px 0;background-color:#f8f9fa;}
.wmp-secttl {font-size:32px;color:var(--primary-color);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: var(--primary-color);}
.wmp-secttl3{font-size:32px;color:var(--primary-color);margin-bottom:10px;position:relative;padding:15px 0 15px 25px;}
.wmp-secttl3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);margin:0 0 5px 25px;}
.wmp-secttl-p{color: #666;line-height: 1.6;font-size: 16px;padding-left:25px;margin-bottom:15px;}
.wmp-intro-c {display:block;margin-bottom:60px;}
.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;}
.wmp-problem {background-color:white;border-radius:12px;padding:30px 40px;flex:1;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;flex:1;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:60px 0 100px;background-color:white;}
.wmp-sampleg {display:grid;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;}
.wmp-samplei2{display: grid;width: 100%;grid-template-columns: 2fr 1fr; text-align: center;gap: 10px;}
.wmp-samplei2 h3 {font-size:20px;color:#333;margin-bottom:20px;background:rgba(87, 113, 190, .05);}
 .wmp-samplei2 {
    margin-bottom: -530px;
    height: 600px;
  }
   .wmp-samplei2 h3 {
    padding: 30px;
    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:80px 0;background:linear-gradient(135deg, #e8efff, #d5e1ff);}
.wmp-create-c {display:flex;align-items:flex-start;gap:50px;}
.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:var(--primary-bg);}
.wmp-stepnum {width:40px;height:40px;background:var(--primary-color);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;display: flex;}
.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:42px;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;}

/*---------------名片结束-----------------*/

.loginbottom{ line-height:26px;  font-size:14px; margin:0 auto;  color:#666;  padding:20px 0; box-sizing:border-box; padding-left:20px;text-align: left;}

/*版权样式*/
.loginbottom a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #666;
}
.loginbottom a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
}
.loginbottom a.zzb07link:hover {
	text-decoration: underline;
	color: #666;
}
.loginbottom .zzb07tail
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.loginlogo { padding: 25px 0;display:flex;align-items: center;flex: 1 1 auto;}
.loginlogo a img {
  max-height: 52px; display:block;
  } 
/*---------------ChatGlobal开始-----------------*/  

/* ChatGlobal供应商页面 */
.cg-hero {padding:60px 0;color:white;background:linear-gradient(rgba(0,21,90,0),rgba(164,188,255,0)),url('../images/s1a.jpg') center/cover no-repeat fixed}
.cg-hero-c {display:flex;align-items:center;gap:50px;}
.cg-hero-t {flex:1;}
.cg-hero-t h1 {font-size:42px;margin-bottom:20px;line-height:1.2;}
.cg-hero-t p {font-size:18px;margin-bottom:30px;opacity:0.9;line-height:1.6;min-height:80px;transition:opacity 0.3s ease;height:90px;}
.cg-hero-i {flex:1;display:flex;justify-content:center;height: 406px;padding: 0;border-radius:10px;}
.cg-hero-i img {max-width:100%;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.cg-langs {display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;}
.cg-lang-bd {background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:30px;padding:8px 20px;font-size:14px;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);position:relative;}
.cg-lang-bd:hover {background:rgba(255,255,255,0.25);}
.cg-lang-bd.active {background:rgba(255,255,255,0.35);box-shadow:0 0 0 2px rgba(255,255,255,0.8), 0 0 15px rgba(255,255,255,0.5);z-index:2;}
.cg-lang-bd.active::before {content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:32px;background:transparent;box-shadow:0 0 15px rgba(255,255,255,0.6);animation:cg-pulse 2s infinite;z-index:-1;}
@keyframes cg-pulse {0% {box-shadow:0 0 0 0 rgba(255,255,255,0.7);} 70% {box-shadow:0 0 0 10px rgba(255,255,255,0);} 100% {box-shadow:0 0 0 0 rgba(255,255,255,0);}}
.cg-sec-tt {font-size:32px;color:var(--primary-color);margin-bottom:40px;text-align:center;position:relative;padding:15px 0;}
.cg-sec-tt::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--primary-color);}
.cg-sup-intro {padding:60px 0;}
.cg-intro-c {display:flex;align-items:center;gap:50px;}
.cg-intro-t {flex:1;}
.cg-intro-t ul{margin-left:20px;color:var(--light-text);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 {flex:1;height: 385px;padding: 0;}
.cg-intro-i img {width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.cg-bec-sup {padding:60px 0;background-color:#f0f4ff;}
.cg-steps-c {display:flex;justify-content:space-between;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;}
.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:var(--primary-color);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:var(--primary-color);margin-bottom:15px;font-weight:700;}
.cg-step-desc {color:var(--light-text);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:60px 0 40px 0;}
.cg-photo-g {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.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;}
.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:120px;}
.cg-intro-t:before{content: "Toocle Global";color:rgba(87, 113, 190, .05);font-size:6rem;font-weight: bold;position: absolute;margin: 210px 0 0 0;}  


/*---------------ChatGlobal结束-----------------*/  

.sjadv {
  width: 100%;padding-bottom: 20px;
}
.sjadvsec {
  width: 48%;
}
.sjadvpic{ width:100%; height:160px; overflow:hidden;border-radius: 5px;
  overflow: hidden;}
.sjadvpic img{ width:100%; height:100%; display:block;object-fit: cover;}
.woyaofabu {
  margin-bottom: 20px;display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  color: var(--primary-color)!important;
  background-color: #f0f4ff;font-weight:bold;
} 
.woyaofabu i{ 
  font-size: 20px;

}
/*协会------------------------------------*/
.xxhhflex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xhuinp{width: 48%;margin-top: 30px;}
.xhuinpkuk {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 5px;
  overflow: hidden;border: 1px solid #eee;
  box-sizing: border-box;
}
.xhuinpkuk img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.xhuinpktit{padding: 15px 0;text-align: center;
  display: block;}
.xiehuisec{ width:31%;border: 1px solid #e7e7e7;margin-top: 32px;border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;margin-right: 3.5%;}
.xiehuisec:nth-child(2), .xiehuisec:nth-child(1), .xiehuisec:nth-child(3) {
  margin-top: 0;
} 
.xiehuisec:nth-child(3n) {
  margin-right: 0;
}  
  
.xiehuipic{ width:100%; height:113px;}
.xiehuipic img{ width:100%; height:100%; display:block;object-fit:contain;}
.xiehuitext{ padding-top:20px;}
.width30{ width:31%!important;}
.xiehuiflex {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  flex-wrap: wrap;
}
.xiehuitoptit {
  font-size: 32px;
  margin-left: 30px;
  line-height: 38px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  margin-right: 30px; font-weight:bold;
}
.height60{height: 60px!important;}
.xiehuild {
  width: 100%;
  padding: 20px 8px;
  overflow: hidden;box-sizing: border-box;border-bottom: 12px solid #f8f8f8;display: flex;
}
.xiehuild:nth-last-child(1) {
border-bottom: 0;
}
.xiehuild img.jimg {
  width: 90px;
  height: 90px;
  float: left;
  border-radius: 10px;
}
.xiehuild .kkrenw {
  width: 90px;
  height: 102px;
  float: left;
  border-radius: 10px;margin-right: 20px;
}
.xiehuild .kkrenw img {
  width: 100%;
  height: 100%; object-fit:cover; display:block;
}

.xiehuild .tex {

  line-height: 24px;
  color: #303030;
  overflow: hidden;
  float: right;
  font-size: 16px;flex: 1;
}
.xiehuild .tex .h5 {
  color: #387bcb;
  font-size: 20px;
  margin-bottom: 28px;
  font-weight: bold;
}
.xiehuild .tex .ldsiv {
  line-height: 24px;
  color: #303030;
  overflow: hidden;
  font-size: 16px;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.xiehuilogo {width:100%; text-align:center;padding-bottom: 10px;}
.xiehuilogo img { margin:0 auto; max-width:70%;}
.xiehui_box {
  width: 100%;
  background: #f9fcff;
  margin-top: 13px;
  border: 1px solid #c9e3f9;
  border-radius: 5px;
  padding: 28px;
  overflow: hidden;
  box-sizing: border-box; font-size:16px; line-height:1.8;
}
.xiehui_box p { padding-bottom:20px;
}
.xiehui_box p:nth-last-child(1) { padding-bottom:0;}
.xiehui_tuijian {
  font-size: 28px;
  color: #022d62;
  font-weight: bold;
 text-align:center; padding-bottom:30px;
}
.xiehuivip{ padding-top:30px;}

.xhuisec {
  width: 48%;border-radius: 5px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 4%;
  background-color: #FFF;padding:25px; transition: all 0.3s ease;
}
.xhuisec:nth-child(2n)  { margin-right:0;}
.xhuisec:hover {transform:translateY(-5px);border-color:#387bcb;box-shadow:0 10px 25px rgba(87,113,190,0.1);}
.xhuisec::before {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:#387bcb;opacity:0;transition: all 0.3s ease;}
.xhuisec:hover::before {opacity:1;}
.xhuisecpic{ width:60px; height:60px;border: 1px solid #ebebeb;
  border-radius: 5px; margin-right:15px;}
.xhuisecpic img{ width:100%; height:100%; display:block;object-fit:contain;}
.xhuitflex{display: flex;margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f4ff;}
.xhuitflex1{flex:1}

.xh-location {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;

} 
.xh-location i {
  color: #333;
  font-size: 16px;
} 
.zhtj{width: 100%;
  overflow: hidden;padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;}
.zhantj_item{
	width: 32%;
	float: left;
	border-radius: 8px;
	overflow: hidden;
	position: relative;margin-right: 2%;

}
.zhantj_item:nth-of-type(3n){
	margin-right: 0;
}
.zhantj_item a:hover img{
	transform: scale(1.1);
}
.zhantj_item a:hover .zhanhui_box_item_title{
	color: #0196fa;
} 

.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;
}
.zhantj_item img{
	transition: 0.3s;
}
.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;
} 
.zhantj_item_bottom_bottom {
  padding: 10px 20px 20px;
}
/*展商推荐------------------------*/
.zshangsec {
  width: 32%;border-radius: 5px;
  border: 1px solid #e8ecf8;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 2%;
  background-color: #FFF;padding:25px; transition: all 0.3s ease;
}
.zshangsec:nth-child(3n)  { margin-right:0;}
.zshangsec:hover {transform:translateY(-5px);border-color:#387bcb;box-shadow:0 10px 25px rgba(87,113,190,0.1);}
.zshangsec::before {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:#387bcb;opacity:0;transition: all 0.3s ease;}
.zshangsec:hover::before {opacity:1;}
.block-title {
  margin-bottom: 45px;text-align: center !important; margin-top:40px;
}

.block-title__tag-line {
  margin: 0;
  color: #a5a5a5;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  border-top: 2px solid #d99578;
  padding-top: 20px;
  display: inline-block;
}
.block-title__title {
  margin:0 auto;
  font-size: 34px;
  margin-top: 20px;
  font-weight: bold;
  color: #022d62;
}
.font14{ font-size:16px!important;}
.zhanhuiinfo_boxtj {
  width: 100%;
  background: #f9fcff;
  margin-top: 13px;
  border: 1px solid #c9e3f9;
  border-radius: 5px;
  padding: 25px;
  overflow: hidden;
  box-sizing: border-box; line-height:1.7;
}
.bg-overlay-black-30 {
  position: relative; width:100%;height: 500px;
  background-image: url("../images/04.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat:no-repeat;
}
.bg-overlay-black-30::before {
  background: rgba(2, 45, 98, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.containerbg {
   width:100%;height: 500px;display: flex;align-items: center;
  justify-content: center;z-index: 111;
  position: absolute;
  left: 0;
  top: 0;
}
.font-large {
  font-size: 52px;
  line-height: 40px;color: #ffffff;text-align:center;
}
.font-small {
  font-size: 20px; padding-top:50px;
  color: #ffffff; text-align:center;
}
.timer-section {
  position: relative;z-index: 9;margin-top: -4rem !important;
} 

.timer-section .inner-container {
  position: relative;
  border-radius: 10px;
  padding: 22px 20px 20px;
  box-shadow: 0px 10px 22px rgba(0,0,0,0.15);box-sizing: border-box;
  background: #ffffff url(../images/pattern-2.png) left top no-repeat;
} 
.rowflex {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.timer-section .inner-container .title-column {
  position: relative;flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.timer-section .inner-container .title-column .inner-column {
  position: relative;
  text-align: center;
  padding-top: 3px;
}
.timer-section .inner-container .title-column h2 {
  position: relative;
  color: #222222;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3em;
}
.timer-section .inner-container .title-column .text {
  position: relative;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: 4px;
  margin-top: 8px;
}
.timer-section .inner-container .time-column {
  position: relative;flex: 0 0 66.666667%;
    max-width: 66.666667%;
} 
.timer-section .inner-container .time-column .inner-column {
  position: relative;
  text-align: center;
}
.time-counter {
  position: relative;padding-top: 4px;
}
.time-counter .time-countdown {
  position: relative;text-align: center;box-sizing: border-box;
}
.time-counter .time-countdown .counter-column {
  position: relative;
  margin-right: 8px;
  width: 180px;
  text-align: center;
  display: inline-block;
  padding: 0px 0px 0px;
    padding-bottom: 0px;
  color: #ff006a;
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: 300;
  box-sizing: border-box;
} 

.time-counter .time-countdown .counter-column::before {
  position: absolute;
  content: '/';
  top: 10px;
  right: -10px;
  font-size: 56px;
  line-height: 1em;
  color: #cccccc;box-sizing: border-box;
} 
.time-counter .time-countdown .counter-column:last-child::before  {
  display:none;
}
.time-counter .time-countdown .counter-column .count {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 1em;
  padding: 0px 10px 0px;
  color: #222222;
  letter-spacing: 1px;
  font-weight: 300;font-family: initial;
}
.time-counter .time-countdown .counter-column .unit {

  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  text-transform: capitalize;
}
.mt50{ margin-top:50px;}


/*内页商机*/
.m-header {
  padding-bottom: 20px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.m-header .qui-btn-action {
  margin-right: 10px;
}
.m-header .qui-btn {
  margin: 9px 10px 0 0;
}

.qui-btn {
  padding: 6px 18px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  color: #333;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background-color: #f7f7f7;
  font-size: 14px;
}
.m-header .thread-count {
  float: left;
  margin: 20px 0 0 14px;
  padding-left: 14px;
  line-height: 14px;
  border-left: 1px solid #eee;
  display: inline-block;
  color: #999;
}
.m-header .thread-count .count {
  color: #0196fa;
  font-size: 18px;
  padding: 0 3px 0 4px;
}
.fd-left {
  float: left;
}
.qui-btn-action {
  background-color: #0196fa;
  color: #fff!important;
  border-color: #0196fa;
}
.thread-item {
  position: relative;
  padding: 22px 30px 0 0;
  margin-left: 65px;
  border-bottom: 1px solid #eee;
}
.thread-item .user-avatar {
  display: block;
  position: absolute;
  left: -64px;
  top: 16px;
  z-index: 11;
   width: 39px;
  height: 39px;
  border-radius: 50%; overflow:hidden; border: 1px solid #e8e8e8;
}
.thread-item .user-avatar img {
  display: inline;
  width: 100%;
  height: 100%; object-fit: contain;
}
.thread-item .thread-bar .titleclub {
  float: left;
  display: inline-block;
  font-size: 16px;
  width: 100%;
  overflow: hidden;
  line-height: 28px;
  margin-top: 0;
  margin-right: 4px;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 10px;
}
.img-c {
  width: 150px;height: 105px;
  float: left;
  padding-left: 0px;
  padding-right: 10px;
}
.img-cc {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;border: 1px solid #eee;
}
.fd-clr::after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}
.thread-item .thread-footer {
  color: #999;
  font-size: 12px;
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}







  








  








/*------------------------------------内页开始-------------------------------------*/

.selltit{ font-size: 1.1rem;
  font-weight: bold;
  color: #000; }
.catlog{background: #fff;}
.catlog .table {
  max-width: 100%;width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.catlog .table td {
  padding: 0 5px;
  height: 49px;
  text-align: center;
  color: #555;
  cursor: pointer;border: 1px solid #e6ecf2;word-wrap: break-word;
} 
.catlog .table td a { font-size:0.85rem;}
.dhnav{ font-size:0.85rem; color:#777;}
.dhnav a{color:#777;}
.dhnav .cur{color:var(--primary-color)!important;}
.dhnav i{ padding-left:8px; padding-right:8px; font-size:0.7rem;}

.cfind {
  display: flex;
  box-sizing: border-box;
 overflow:hidden;font-size: 0.85rem;
  align-items: center;
}
.cfind p { padding-right:5px; color:#777;}
.cfind .input1 {
  padding: 6px 3px 6px 8px;border-radius:3px;
  border: 1px solid #ddd;margin-right: 5px;
}
.cfind .se1{background-color: #fff;border: 1px solid #ddd;font-size: 0.85rem;color: #333;box-sizing: border-box;padding-left: 10px;margin-right: 5px;height: 30px;border-radius:3px;}
.cfind .btn{background-color: var(--primary-color); cursor:pointer; color:#fff;width: 100px;
height: 30px; border-radius:3px;
border: none;}
.sstop{background-color: #FFF;
  box-sizing: border-box;
  padding: 28px 32px;
  border: 1px solid #e6ecf2;}
.sstop1{ font-size:0.85rem;color: #333; padding-bottom:10px; font-weight:bold;}

.pdetaiflex {
  display: flex;
}
.sortleft {
  width: 284px;
  min-width: 284px;
  margin-right: 1.5%;
  position: relative;
 
}
.cdptitle {
  font-size: 1rem;
  font-weight: bold;
}

/*产品左侧菜单*/
.pr-list{width: 100%; padding-top:15px; padding-bottom:25px;}
.btline{border-bottom: 1px solid #e6e6e6;}
.ptoo{ padding-top:15px; padding-bottom:15px;}
.pr-list ul li a{color: var(--primary-color);padding-right: 20px; display: block;  position: relative; text-decoration:none;cursor: pointer; font-size: 1.1rem;}
.pactive{  background-image:url(../images/shl-up-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;}
.pactives{ background-image:url(../images/shl-down-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;} 
.pr-list ul li ul{display: none; padding:10px;background-color:#fafafa;margin-bottom: 10px;}
.pr-list ul li ul li {  }
/*.pr-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	*/
.pr-list ul li ul li a{ padding-left:10px;font-weight: lighter;padding-right: 15px;
font-size:1rem; color:var(--primary-color)!important;  line-height:1.3;padding-top: 10px;padding-bottom: 10px;}
.pr-list ul li ul li a span{padding-right: 5px;
}

.psjact{  background-image:url(../images/shl-up-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;}
.psjacts{ background-image:url(../images/shl-down-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;} 
.pr-sanji{display: none; padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;}
.pr-sanji a{ font-size:0.95rem!important;border-bottom: 1px solid #e8e8e8;}
.pr-sanji span{ color:#666!important; }
.flexend {
  align-items: flex-end;
}
.ppff{position: fixed!important; z-index: 111;width: 284px;}
.ppee{position: fixed!important; z-index: 111;width: 346px;}
#pdemenu{width: 284px;
  min-width: 284px;

  background-color: #FFF;
  box-sizing: border-box;
  padding: 15px 10px 25px 25px;
  border: 1px solid #e6ecf2;height: calc(100vh - 120px);}
  .pkk{height: 100%;overflow-y: auto; box-sizing: border-box; padding-right:15px;scrollbar-width: thin;}
/*产品左侧菜单结束*/
.seinput{width: 20px;
  height: 20px;
  cursor: pointer;}
 .addtolist{display: flex;
  align-items: center;
  justify-content: end;}
.addtolistbtn {
  display: block;
  width: 130px;
  height: 30px;
  border-radius: 3px;
  background:#f58122;
  color: #fff !important;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  box-sizing: border-box; margin-right:20px;
}

.sorflex {
  background-color: #FFF;
  box-sizing: border-box;
  padding: 13px 32px;
  border: 1px solid #e6ecf2;
  display: flex;
  align-items: center;
  justify-content: space-between;
 
}


   
.sortright {
  width: 78%;
  box-sizing: border-box;  
}
.sortright .mainli {
  background-color: #FFF;
  box-sizing: border-box;
  padding: 32px ;border: 1px solid #e6ecf2;
}
.sortright .mainli2 {
  font-size:1.1rem; font-weight:bold;
}
.sortright .mainli2 span { color:#888; font-size:0.75rem; font-weight: normal; padding-left:10px;
}
.pdecon {
  color: #666;
  line-height: 1.8;
}


.cdplist {
  width: 100%;
}
.cdpsec {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-top: 35px;
  transition: all .3s;
  overflow: hidden;display: flex;align-items: center;
}
.cdpsec:nth-child(1) {margin-top: 18px;
}
.cdpsecpub {
  width: 200px;
  height: 0;
  padding-bottom: 200px;
  position: relative;margin-right: 20px;border-radius: 5px;
  overflow: hidden;
}
.cdptext {
  padding: 13px 13px 20px 13px;flex: 1;
}
.cdptext1 {
  font-size: 1.3rem;
  line-height: 1.5rem;
  overflow: hidden;
  max-height: 3rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;color: #222; font-weight: 600;
}
.cdptext1 span{ color:#888;font-size: 0.85rem; font-weight:normal; padding-left:10px;}
.cdptext2 {
  font-size: 0.9rem;
  color: #888;
  line-height: 1.4rem;
  overflow: hidden;
  max-height: 2.8rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box; margin-top:10px;
}
.sortmores{ display:block;
width: 141px;
  height: 33px;
  border-radius: 17px;
  background: var(--primary-color);
  color: #fff!important;
  font-size: 14px;
  text-align: center;
  line-height: 33px;
  box-sizing: border-box;}
.sortmores:hover{
  background-color:#4ca8eb;
  color: #fff!important;
 }
.sortmores i{ font-size:0.85rem; margin-right:5px;} 
.tm-status-on {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  line-height: 33px;
  height: 33px; padding-left:20px; padding-right:20px;
  border-radius: 17px;
  border: 1px solid #e6ecf2; margin-left:20px;display: flex;
  align-items: center;
}
.tm-status-on img { margin-right:5px;}
.cpff{ display:flex; margin-top:20px;}

.refine-item { display:flex;flex-wrap: wrap;margin-top: 18px;} 
.refine-item .cur { color:var(--primary-color)!important; background-color:#e6ecf2;
}  
.refine-item a {
  box-sizing: border-box;display: inline-block;
  background-color: #f3f3f3;
  border: none;
  font-family: Roboto;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 32px;
  height: 32px;
  padding: 0 15px !important;
  color: #222;
  margin: 0 10px 13px 0;
}
.list-tab {
  padding-top: 0;
  border-bottom: none;
  height: 33px;
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.list-tab .tab {
  background: #e6ecf2;
  border-radius: 16px;
  display: flex;
  height: 33px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #e6ecf2;
} 
.list-tab .tab li {
  height: 31px;
  line-height: 31px;
  min-width: 130px;
  background: #e6ecf2; 
  border: none;
}
.list-tab .tab li a {
  height: 31px;
  line-height: 31px;
  text-align: center;
  cursor: pointer;display: block;padding: 0 20px;
  text-decoration: none; font-size: 13px;
}
.list-tab .tab li.selected {
  border: none;
  background-color: #fff;
  border-radius: 16px;
  margin-right: 0px;
}
.list-tab .tab li.selected a {
  font-weight: bold;
  color: var(--primary-color);
}

.list-tab .tab li:not(.selected) a {
  font-weight: 700;
  color: #555;
}

/*内页产品左侧菜单*/
.nr-list{width: 100%; padding-top:15px; padding-bottom:25px;}
.ntline{border-bottom: 1px solid #e6e6e6;}
.ntoo{ padding-top:10px; padding-bottom:10px;}
.nr-list ul li a{color:#222; font-weight:bold;padding-right: 20px; display: block;  position: relative; text-decoration:none;cursor: pointer; font-size: 0.95rem;}
.nactive{  background-image:url(../images/shl-up-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;}
.nactives{ background-image:url(../images/shl-down-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;} 
.nr-list ul li ul{display: none; }


.nr-list ul li ul li a{ font-weight: normal;padding-right: 15px;
font-size:0.85rem; color:#444; padding-top: 4px;padding-bottom: 4px;}
.nr-list ul li ul li a:hover{color:var(--primary-color);}
.nr-list ul li ul li span{padding-left: 3px;color:#999;
}

.nsjact{  background-image:url(../images/shl-up-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;}
.nsjacts{ background-image:url(../images/shl-down-openv1.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 12px;} 
.nr-sanji{display: none; padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;}
.nr-sanji a{ font-size:0.95rem!important;border-bottom: 1px solid #e8e8e8;}
.nr-sanji span{ color:#666!important; }
.nlexend {
  align-items: flex-end;
}
.npff{position: fixed!important; z-index: 111;max-width: 23%;}
/*内页产品左侧菜单结束*/
.cntitle {
  font-size: 1rem;
  font-weight: bold;border-top: 1px solid #e2e2e2; padding-top:13px;
}
.cnlform{width: 100%;
  box-sizing: border-box;
  margin-top: 13px;}
  .pt20{padding-top: 20px!important;}
  .cndes{padding-top: 13px;
  color: #777;line-height: 1.4;}
  
/*---------------------详细页----------------------*/

/*产品详细*/
.cpdetail {
  display: flex;box-sizing: border-box;
  padding-bottom: 50px;
}
.cpdetailleft{width: 650px;
  margin-right: 3%;  }
.cpdetailright{flex: 1;}
.zidt1{ color:#2c3e50; padding:25px 0 16px 0;}
.zidt1 a{ color:var(--primary-color);}
.zidt1 a:hover{ color:#2c3e50;}
.zidt2{color: #696969; line-height:1.8;border-bottom: 1px solid #e6e6e6; padding-bottom:30px; font-family:Roboto; font-size:0.96rem;}

/*banner*/

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; 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; overflow:hidden;height: 500px;}
#mprobanner img {
  width: 100%;
  height:100%;object-fit: contain;
  display: block;
}
.focus .bd li:after {
  background: rgba(15,17,17,.03);
  border-radius: 4px;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;top: 0;
}
.cpdetit1 {
  font-size: 1.9rem;font-weight: bold;
}
.pcp3 {
  background-color: #f8f8f8;
  background: linear-gradient(to right, #eaeff4, #f7f9fb);
  box-sizing: border-box;
  padding: 20px 30px;
  margin-top: 30px;
}
.pcp3flex {
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 22px;
}
.pcp3flex li {
  color: #696969;
}
.pcp3font1 {
  color: #222;
  font-weight: bold;
  padding-bottom: 10px;
}
.pcp3font2{font-size: 0.85rem;
  line-height: 1.4rem;
  overflow: hidden;
  height: 2.8rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}



.kortmores{ display:block;
width: 180px;
  height: 46px;
  border-radius: 23px;
  background: var(--primary-color);
  color: #fff!important;
  font-size: 1rem;
  text-align: center;
  line-height: 46px;
  box-sizing: border-box;}
.kortmores:hover{
  background-color:#4ca8eb;
  color: #fff!important;
 }
.kortmores i{ font-size:0.85rem; margin-right:5px;} 
.tm-status-on1 {
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: normal;
  line-height: 46px;
  height: 46px; padding-left:30px; padding-right:30px;
  border-radius: 23px;
  border: 1px solid #dde6ef; margin-left:20px;display: flex; color:var(--primary-color)!important;
  align-items: center;
}
.tm-status-on1 i { margin-right:5px;}
.cptt {
  display: flex;
  margin-top: 30px;
}

.cdplistflex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tuijlist {
  width: 15.6666%;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-top: 15px;transition: all .3s;border-radius: 6px;
  overflow: hidden; padding:8px;
}
.tuijlist:hover { background-color: #FFF;
  box-shadow: 0 0 20px 0 rgba(72,72,72,.2);
}
.tuijlist:hover .cdptext1 {color:var(--primary-color);}
.tuijpub {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;border-radius: 5px;
  overflow: hidden;
}
.tjtext {
  padding: 13px 0 15px 0;
}
.tjtext1 {
  font-size: 1rem;
  line-height: 1.3rem;
  overflow: hidden;
  max-height: 2.6rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box; font-weight: 600; 
}
.tjtext2 {
  font-size: 0.8rem;
  color: #666;
  line-height: 1.2rem;
  overflow: hidden;
  max-height: 2.4rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box; margin-top:15px;
}
.tjtextmores {

  color: #666;
  padding-top: 15px;
  position: relative;
   font-size:0.75rem;
}
.txt-title {
  font-size: 1.5rem; box-sizing:border-box; padding-left:15px;
  line-height: 30px;
  font-weight: 600;
  color: #222;border-top: 1px solid #ced3d9; padding-top:35px; 
}

.dedes{ display:flex; margin-top:40px;}
.dedesleft{ width:72%; margin-right:3%;}
.dedesright{ width:346px; }
.pcpmainl {
  width: 100%;
  margin-top: 50px;position: relative;
}
.pcpmt {
    width: 100%;


    overflow: hidden; box-sizing:border-box;background: #f5f7fa;
}
.pcpmt li{ float:left; width: 22%;}
.pcpactive{ height:45px; line-height:45px; text-align:center; font-size:16px; color:#555; cursor:pointer;}
.thistabsz .pcpactive { border-top:2px solid var(--primary-color); background-color:#FFF;
    text-align: center;
    font-size: 0.95rem;
    height: 45px;
    line-height: 45px; font-weight:bold;
}


.pcpcontent{ box-sizing:border-box; width:100%; padding:20px 0 40px 0; font-size:0.9rem; line-height:28px; color:#666;}
.pcpcontent p{ padding-bottom:5px;}
.pcpcontent img{ max-width:100%!important; height:auto!important;}
.sr-sendMsg {
  padding: 25px 0;
  background: #f5f7fa;
  border-radius: 3px; box-sizing:border-box; width:100%; margin-top:20px;
}
.sr-sendMsg-label {
  text-align: right;
  font-size: 14px;
  color: #333;
  padding: 6px 10px 6px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sr-sendMsg-label2 {
  font-size: 14px; padding-left:10px;color: #555; padding-right:60px;
}
.sr-sendMsg-label2 a {
  color: var(--primary-color);
}
.sr-sendMsg ::placeholder {
  color: #888;
}
.input-textarea {
  padding: 6px 10px; width:100%;
  border: 1px solid #ced3d9;
  border-radius: 3px;
  overflow: auto;
  box-sizing: border-box; margin-top:10px;margin-bottom: 10px; min-height:40px;
}
.input-tex {
  padding:
6px 10px;
  width: 30%;
  border:
1px solid #ced3d9;
  border-radius:
3px;
  overflow:
auto;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
}
.ordflex {
  display: flex;
  align-items: center;
}
.orderbtn {
  background-color: var(--primary-color);
  cursor: pointer;
  color: #fff;
  width: 160px;
  height: 40px;
  border-radius: 5px;
  border: none; margin-top:15px; font-size:1rem;
}
.com-place{box-shadow: 0px 4px 8px 0px rgba(214,219,232,.8);}
.com-place-one{background: linear-gradient(90deg, #E6ECF2 -16%, rgba(236, 241, 245, 0.09) 105%); box-sizing:border-box; padding:15px; display:flex;}
.com-place-one .logoleft{margin-right: 15px;
  width: 48px;min-width: 48px;
  height: 48px;
  line-height: 48px;
  background: #fff;
  overflow: hidden;}
.com-place-one .logoright{}

.com-place-two{ padding:30px;}
.com-place-two .addr{ padding-bottom:25px;font-size: 0.9rem; color: #555; display:flex}
.com-place-two .addr i{ padding-right:5px; color: var(--primary-color); font-size:1rem;}
.logoright .title-txt a {
  height: 24px;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 24px;
  display: flex;
}
.title-txt a .text-ellipsis {
  width: calc(100% - 20px);
  overflow: hidden;
  line-height: 1.3rem;
  max-height: 1.3rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  
  
}
.title-txt a .icon-xiayiye {
  font-weight: 600;
  line-height: unset;
}
.logoright2{ font-size:0.85rem; color: #666; margin-top:5px;}
.logoright2 span{color:var(--primary-color);}


.lianxbtn{ display:block;
width: 100%;
  height: 46px;
  border-radius: 23px;
  background: var(--primary-color);
  color: #fff!important;
  font-size: 1rem;
  text-align: center;
  line-height: 46px;
  box-sizing: border-box;}
.lianxbtn:hover{
  background-color:#4ca8eb;
  color: #fff!important;
 }
.lianxbtn i{ font-size:1rem; margin-right:5px;} 

/*BuyDetail详细页面样式-----------------------------*/
.Buydesfont{font-size: 0.85rem;
  line-height: 1.4rem;
  overflow: hidden;
  box-sizing: border-box;
}
.Buycontent{ box-sizing:border-box; width:100%; padding:20px 0 0 0; font-size:1rem; line-height:28px; color:#666;}
.Buypcontent p{ padding-bottom:5px;}
.Buycontent img{ max-width:100%!important; height:auto!important;}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color:#ffeeba;
  text-align: center !important;
  position: relative;
  padding:1.3rem 1.25rem;

}
.text-primary {
  color: #f8211c !important;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
/*登录页面样式-----------------------------*/
 .hmylogin {
  width: 1280px;
  margin: 0 auto;
  clear: both;
  position: relative;box-sizing: border-box; padding-top:30px;padding-bottom:30px;
}
.hmy1 {
  box-sizing: border-box;
}
.hmytext {
  font-size: 1.5rem; text-align: center;
  color: #232f3e;
}
.logocenttinput1 {
  margin-top: 40px;
}
.logocenttinputa {
  border: none;
  padding: 12px 20px;
  color: #757575;
  font-size: 16px;
  border-radius: 4px;
  background: #f5f5f5;
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.logoinputA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.logoinputB {
  height: 46px;
  width: 100%; background-color:#f8211c;
  color: #FFF;
  text-align: center;
  line-height: 46px;
  margin-top: 30px;font-size: 18px;
  border: none;
  cursor: pointer; border-radius:5px;
}
.hmyf1 {
  color: #666;
  padding-bottom: 10px;font-size: 0.9rem;
}
.hmyf1 a { text-decoration:underline;
}
.hmyf1 em {
  color: #f00;
}
.hmy2 {
  width: 100%;
  box-sizing: border-box; 
text-align: center;
}
.hmyf4 {
  padding-top: 15px;
  line-height: 26px;
  font-size: 0.9rem; text-align:left;
  color: #666;
}
.hsign_btn{
  width: 100%;

}
.hsign_btn a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #232f3e;
  border-color: #232f3e;
  margin: 30px 0;
  text-align: center;
  font-size: 0.9rem;
  color: #fff;
  text-decoration: none;border-radius:5px;
}
.hreturn {
  line-height: 26px;
  text-decoration: underline;
  font-size: 14px;
  color: #666;
}
.hreturn a {
  color: #666;
}


.Loginbg{  background-image:url(../images/log2025.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover; width:100%; }
	
.login-wrap {
  background:#fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,.1);
  position: relative;
  width: 500px;
  border-radius:5px;
  margin:0 10px 0  auto;
  padding:40px;
  box-sizing: border-box;
}
/*注册页面样式-----------------------------*/
.rig-wrap {
  background:#fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,.1);
  position: relative;
  width: 600px;
  border-radius:5px;
  margin:0 auto;
  padding:40px;
  box-sizing: border-box;
}
.rig-mr {
  margin:0 auto;
}
.rigmt20 {
  margin-top: 20px;
}
.rigflex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.regis{ font-size:0.9rem; color:#666;}
		
/*新闻页面样式-----------------------------*/
.Newflex{ display:flex;justify-content: space-between;}
.Newevsec{ width:49.4%;}
.Newevcon{padding:30px;
  background-color: #fff;}
  .Newevc {
  box-sizing: border-box;
  padding-bottom: 20px;
}
.Newevc:nth-last-child(1) {
  padding-bottom: 0px;
}
.Newevlin {
  font-size: 1.1rem;
  color: #222;
  line-height: 26px;
  overflow:hidden;
  max-height: 52px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
  box-sizing: border-box;
}
.Newevltime {
  font-size: 14px;
  color: #A0A0A0;
  line-height: 20px;
  overflow:hidden;
  height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient:vertical;
  box-sizing: border-box;
  margin-top: 5px;
}
.Newevpt{padding-bottom: 35px;
}
  .Newevptit1 {
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #000;
}
.Newevptit2{    font-size:0.9rem; color: #1470cc; }
.netpic{border: 1px solid #e6ecf2; box-sizing:border-box; padding:10px; background-color:#fff; position:relative;}
.nettext{position: absolute; z-index:11;left: 70px;
  top: 60px;
  color: #fff;
  font-size: 1.3rem;
  padding-right: 35%;}
.netpic img{ width:100%;display: block;}
.neptop30{padding-top:30px; font-size:1rem;}
.neptop30 a{text-decoration:underline; color:#fff!important;}
.neptop40{ display:flex; padding-top:50px;}


a.newpnav , a.newpnav:visited{
	color: #fff; padding:0 20px; margin-right:30px; background-color:var(--primary-color);
	display:block; font-size:1rem;  height:38px; line-height:38px; border-radius:5px; text-align:center; box-sizing:border-box;
}
a.newpnav:hover {color:#fff; background-color:#4ca8eb;} 
/*-----------------------------新闻列表---------------------------- */
.Newleft {
  width: 72%;
}
.Newright {
  width: 26.8%;
}
.Newt {
  font-size: 1rem;
  color: #222;
  line-height: 26px;
  overflow:hidden;
  max-height: 26px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient:vertical;
  box-sizing: border-box;
}

.nborder{border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;box-sizing: border-box;
  padding-bottom: 20px;}
.nborder:nth-last-child(2) {
  margin-bottom: 0;
}
.Newlistflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.nrseflex{display: flex;
  flex-wrap: wrap;
  justify-content: center;margin-top: 20px;}
.nrse{ padding:5px 0;}
/*-----------------------------新闻详细页---------------------------- */
.vvnew2 {
  font-size: 1rem;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  color: #888;
}
.infotit3 {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  line-height: 46px;
  padding-bottom: 20px;
}
.infotit2 {
  color: #555;
}
.infotit2 p {
  padding-bottom: 20px;
}
.infotit2 img{ max-width:100%!important;height: auto !important;}
.infotit2 table { width:100%!important;max-width:100%!important;
}
.infotit2 table td{table-layout:fixed; word-break: break-all; overflow:hidden; padding:10px; }
.vvnewfy {
  padding: 30px;
  background-color: #f7f7f7;
  margin-top: 40px;
}

/*-----------------------------Exhibitions---------------------------- */
.Extop1 {
  font-size: 1.3rem;
  color: #333;
  padding-bottom: 15px;padding-top: 20px;
  font-weight: bold;
}
.Exfind {
  display: flex;
  box-sizing: border-box;
 overflow:hidden;font-size: 1rem;
  align-items: center;
}

.Exfind .input1 {
 border-radius:3px;height: 50px; line-height:50px; box-sizing:border-box;
  border: 1px solid #ddd;margin-right: 5px;flex: 1;padding-left: 20px;padding-right: 20px;
}
.Exfind .se1{background-color: #fff;border: 1px solid #ddd;font-size: 0.85rem;color: #333;box-sizing: border-box;padding-left: 20px;margin-right: 5px;height: 50px;border-radius:3px;flex: 1;}
.Exfind .btn{background-color: var(--primary-color); cursor:pointer; color:#fff;width: 100px;
height: 50px; border-radius:3px;font-size: 1rem;
border: none;}
.exbg{background-color:#0F6;background: #f5f7fa;overflow: hidden; padding-top:50px; padding-bottom:30px; margin-top:20px;}
.exbpic {
  width: 100%;
  height: 0;
  padding-bottom: 400px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  transition: all 1s ease 0s;
}
.exbpic:hover .cpsec1 img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) } 
.exadvsec{ width:50%; height:60px; }
.exadvsec img{ width:100%; height:100%; display:block;}
.mt40{
  margin-top: 40px;
}
.expad30{ padding:0 20px 20px 20px;}
.exzhsort {
  width: 24%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 1.333%;
  background-color: #FFF; margin-bottom:25px;
}
.exzhsort:nth-child(4n) {
  margin-right: 0;
}
.exrse {
  padding: 5px 0; width:100%;
}
.exrse img {
   width:100%;
}
.exsinfo {
  background-color: #f8f8f8;
  background: linear-gradient(to right, #eaeff4, #f7f9fb);
  box-sizing: border-box;
  padding: 20px 30px;
  margin-bottom: 30px;font-size: 0.95rem;
  line-height: 1.4rem;
}





@media screen and (max-width: 1280px) {




}
@media screen and (max-width: 1136px) {	


}
@media screen and (max-width: 1024px) {	

}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {


}