body{ font-family:"Microsoft YaHei",PingFang SC,STHeitiSC-Light,simsun;}
.container{
   clear:both;
   width:1180px;
   height:auto;
   margin:0 auto;
}
/*---------------------------path----------------------------------*/
.path {
    clear:both
	width:auto;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
    padding:10px 0px;
	font-size:12px;
	color:#aaa;
	margin-bottom:20px;
}
.path a{
 	font-size: 12px;
	color:#aaa;
	}
.path a:hover{
  color:#f10180;
}

/*---------------------------path----------------------------------*/

.container .content{
    width:auto;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}
.container .content .leftSide{
    width:850px;
    height:auto;
	float:left;
}
.container .content .leftSide .typeNews{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .leftSide .typeNews li{
/* width:60px;*/
 height:auto;
 overflow:hidden;
 float:left;
 margin-right:10px;
 font-family:"Microsoft Yahei";
 font-size:14px;
 color:#333;
 border-radius:15px;
 text-align:center;
 line-height:30px;
 cursor:pointer;
 padding:0 15px;
}
.container .content .leftSide .typeNews li a{
color:#333;
}
.container .content .leftSide .typeNews .hover{
 background:#f10180;
 color:#fff;
}
.container .content .leftSide .typeNews .hover a{
 color:#fff;
}
.container .content .leftSide .news,
.container .content .leftSide .expo-past,
.container .content .leftSide .expo-past li .product-image
.container .content .leftSide .expo-past li .expo-about,
.container .content .leftSide .expo-past li .expo-about .expo-title,
.container .content .leftSide .expo-past li .expo-about .expo-brief
{
     clear:both;
     width:auto;
	 height:auto;
     overflow: hidden;
}
.container .content .leftSide .news,
.container .content .leftSide .expo-past{
 margin-top:20px;
}

.container .content .leftSide .expo-past li{
  width:204px;
  height:auto;
  overflow:hidden;
  float:left;
  border:1px solid #eaeaea;
  margin-right:8px;
  margin-bottom:10px;
}
.container .content .leftSide .expo-past li:nth-child(4n){
 margin-right:0px;
}
.container .content .leftSide .expo-past li .product-image,
.container .content .leftSide .expo-past li .expo-about .expo-title,
.container .content .leftSide .expo-past li .expo-about .expo-brief{
 display:block;
 text-align:center;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 font-size:14px;
 color:#000;
 font-family:"Microsoft Yahei";
}

.container .content .leftSide .expo-past li .product-image img{
 display:block;
 width:204px;
 height:204px;
 object-fit:cover;
}
.container .content .leftSide .expo-past li .expo-about{
 padding:10px;
 height:48px;
}
.container .content .leftSide .expo-past li .expo-about .expo-brief{
 font-size:12px;
 color:#aaa;
 margin-top:8px;
}



.container .content .leftSide .news li{
     width:auto;
	 height:auto;
     overflow: hidden;
	 padding-bottom:15px;
	 margin-bottom:15px;
}
.container .content .leftSide .news .Hottest,
.container .content .leftSide .news .Newest
{
 display:none;
}
.container .content .leftSide .news li .image{
    width:202px;
	height:126px;
	overflow:hidden;
	float:left;
	position:relative;
	background:#eeeeee;
}
.container .content .leftSide .news li .image a{
/*   display: block;
   width:100%;
   height:auto;
   overflow:hidden;*/
   width: 202px;
   display: block;
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
   -o-transform: translate(0, -50%);
}
.container .content .leftSide .news li .image img{
display:block;
width:202px;
height:126px;
object-fit:cover;
margin:0 auto;
}
.container .content .leftSide .news li .text{
    width:625px;
	height:126px;
	float:right;
}
.container .content .leftSide .news li .tit{
  display:block;
  font-size:24px;
  font-weight:400;
  color:#000;
    width:auto;
  height:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-bottom:15px;
}
.container .content .leftSide .news li .text a:hover{
  color:#f10180;
}

.container .content .leftSide .news li .text .brief{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   font-size:12px;
   color:#bbb;
      text-align:justify;
   line-height:20px;
   max-height:40px;
   margin-bottom:20px;
}
.container .content .leftSide .news li  .info{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
}
.container .content .leftSide .news li .info .date{
   font-size:12px;
   color:#888;
      display:block;
   float:left;
}
.container .content .leftSide .news li .info .browse{
 display:block;
 float:right;
 padding-left:26px;
 color:#999;
  font-size:12px;
 background:url(/images/bg/lrIco_03.gif) no-repeat left center;
 background-size:22px auto;
 
}
.container .content .leftSide .news li .photo{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:20px;
}
.container .content .leftSide .news li .photo .image2{
  width:202px;
  height:126px;
  overflow:hidden;
  margin-right:10px;
  float:left;
  background:#000;
  position:relative;
}
.container .content .leftSide .news li .photo .image2:last-child{
 margin-right:0px;
}
.container .content .leftSide .news li .photo .image2 a{
  display: block;
   width:100%;
   /* height:100%;*/

   overflow:hidden;
    position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.container .content .leftSide .news li .photo .image2 a img{
 /* display:inline-block;
  vertical-align:middle;*/
  display:block;
  max-width:202px;
/*  max-height:126px;*/
  margin:0 auto;
}
.container .content .leftSide .hot{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:20px;
}
.container .content .leftSide .hot li{
   width:auto;
   height:auto;
   overflow:hidden;
   float:left;
   border:1px solid #bbb;
   padding:3px 12px;
   margin-right:10px;
   margin-bottom:10px;
   border-radius:11.5px;
}
.container .content .leftSide .hot li:first-child{
 border:none;
}
.container .content .leftSide .hot li:first-child a{
 color:#f10180;
}
.container .content .leftSide .hot li .label{
  display:block;
  font-size:12px;
  color:#333;
  }
.container .content .leftSide .hot li a:hover{
  color:#f10180;
}

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


/*----------------------page-----------------------*/
.page {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
}
.thepgv {
	width:100%;
	height:auto;
	overflow:hidden;
}
.thepgv tr td {
	text-align:center;
}
.thepgv a {
	display:inline-block;
	padding:7px 10px 6px 10px;
	font-size:16px;
	margin:3px
}
.thepgv a:link,.thepgv a:visited {
	text-decoration:none;
	color:#333;
	background:#fff;
	border:#999 1px solid;
}
.thepgv a:active,.thepgv a:hover {
	text-decoration:none;
	color:#fff;
	background:#333;
	border:#ffffff 1px solid;
}
.thepgv a.show:link,.thepgv a.show:visited,.thepgv a.show:active,.thepgv a.show:hover {
	text-decoration:none;
	color:#fff;
	background:#999;
	border:#ffffff 1px solid;
	font-weight:bold;
}
/*----------------------page-----------------------*/





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

.container .content .rightSide{
    width:300px;
	height:auto;
	overflow:hidden;
	float:right;
}
.container .content .rightSide .otherInfor {
  clear:both;
  width:300px;
  height:auto;
  overflow:hidden;
  background:#fff;
}
.container .content .otherInforHover{
  position:fixed;
  top:2px;
  z-index:100;
  width:300px;
  background:#fff;
}
.container .content .rightSide .companyInfor{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 text-align:center;
 margin-bottom:30px;
 position:relative;
}


.container .content .rightSide .contribute-news{
 width:auto;
 height:auto;
 overflow:hidden;
 line-height:40px;
 text-align:center;
 font-size:18px;
 color:#ffffff;
 background:#68a200;
 margin-bottom:30px;
 cursor:pointer;
 }
.container .content .rightSide .contribute-news .contribute-news-image,
.container .content .rightSide .contribute-news .contribute-news-tip
{
  display:inline-block;
  vertical-align:middle;
 }


.container .content .rightSide .companyInfor .headPic{
 display:inline-block;
 width:80px;
 height:80px;
 object-fit:cover;
 border-radius:40px;
 border:1px solid #e4e4e4;
 margin-bottom:10px;
}


.container .content .rightSide .companyInfor .autoBrief{
 display:block;
 font-size:12px;
 color:#f10180;

 width:54px;
 height:18px;
 line-height:18px;
 text-align:center;
 position:absolute;
 top:98px;
 right:46px;
 border:1px solid #f10180;
 }



.container .content .rightSide .companyInfor .name{
 display:block;
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 font-size:24px;
 color:#000;
  font-weight:700;
 margin-bottom:28px;
}

.container .content .rightSide .companyInfor .NewsColumnIntro{
display:block;text-align:left;padding:0 20px 20px 30px;color:#999999;line-height:18px; word-break:break-word
}

.container .content .rightSide .companyInfor .record{
 clear:both;
 width:200px;
 height:auto;
 overflow:hidden;
 margin:auto;
 margin-bottom:30px;
}
.container .content .rightSide .companyInfor .record li{
 width:100px;
 height:auto;
 overflow:hidden;
 float:left;
}
.container .content .rightSide .companyInfor .record li .tip{
 color:#aaa;
}
.container .content .rightSide .companyInfor .record li .number{
 display:block;
 font-size:20px;
 font-family:"Arial";
 color:#444;
 margin-bottom:0px;
 }
 .container .content .rightSide .companyInfor .publish{
 display:inline-block;
 width:200px;
 height:36px;
 line-height:36px;
 background:#f10180;
 text-align:center;
 color:#fff;
 font-size:18px;
 }
.container .content .rightSide .UserInfor{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:20px 20px;
  border:1px solid #dcdcdc;
 }
.container .content .rightSide .UserInfor li{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:10px;
 font-size:14px;
 color:#666;
 line-height:24px;
 }
.container .content .rightSide .UserInfor li:last-child{
 margin-bottom:0px;
}
.container .content .rightSide .UserInfor li .dot{
 display:block;
 width:6px;
 height:6px;
 background:#9a9a9a;
 border-radius:3px;
 float:left;
 margin-right:10px;
 margin-top:9px;
}
.container .content .rightSide .UserInfor li .tit{
 display:block;
 float:left;
 width:236px;
}
.container .content .rightSide .UserInfor li .more-shop{
 background:#f10180;
 display:block;
 float:left;
 color:#ffffff;
 padding:0 10px;
 border-radius:12px;
 margin-left:5px;
 font-size:12px;
}
.productLink{
 color:#f10180;
 display:block;
 float:left;
}

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

.picTip{
	cursor:pointer;
}