body,a{font-family:"Microsoft YaHei","simsun";}
.container{
   clear:both;
   width:1180px;
   height:auto;
   margin:0 auto;
   
}
*{ margin:0px; padding:0px;}
.head{
width:100%;
min-width:1180px;
height:330px;clear:both;text-align: center;line-height:330px;color: #fff;font-size:64px;}
/*---------------------------path----------------------------------*/
.path {
    clear:both;
	width:auto;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
    padding:10px 0px;
	font-size:12px;
	color:#aaa;
	 
}
.path a{
 	font-size: 12px;
	color:#aaa;
}
.path a:hover{
  color:#f10180;
}
.path .sub{
 display:block;
 float:right;
 cursor:pointer;
}
.path .transform{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari  Chrome */
-o-transform:rotate(180deg); /* Opera */
transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-webkit-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
}
.path .transformY{
transform:rotate(-360deg);
-ms-transform:rotate(-360deg); /* Internet Explorer */
-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari  Chrome */
-o-transform:rotate(-360deg); /* Opera */
transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-webkit-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
}
/*---------------------------path----------------------------------*/

.container .special{
 clear:both;
 width:1180px;
 height:200px;
 background:url(/images/bg/special.jpg);
 margin-bottom:30px;
}
.container .special .show{
  clear:both;
  padding:15px;
  width:auto;
  height:auto;
  overflow: hidden;
  line-height:20px;
}
.container .special .show .tit{
  display:block;
  float:left;
  color:#333;
  font-size:18px;
  font-weight:bold;
  float:left;
}
.container .special .show .more{
  display:block;
  float:right;
  color:#333;
   
  font-size:12px;
  float:right;
}
.container .special .show a:hover{
  color:#f10180;
}

.container .special .topic2{
  clear:both;
  width:auto;
  height:138px;
  overflow:hidden;
  padding:0 15px;
  margin-bottom:10px;
}
.container .special .topic2 li{
  float:left;
  width:276px;
  height:auto;
  overflow:hidden;
  margin-right:15px;
  margin-bottom:10px;
}
.container .special .topic2 li:nth-child(4n){
 margin-right:0px;
}
.container .special .topic2 li .image{
 clear:both;
 width:276px;
 height:104px;
 overflow:hidden;
 margin-bottom:10px;
 position:relative;
}

.container .special .topic2 li .image a img{
  display:block;
  width:100%;
}
.container .special .topic2 li .image a .news{
 display:block;
 position:absolute;
 top:0px;
 left:0px;
 width:42px;
 height:42px;
}
.container .special .topic2 li .tit{
  display:block;
  width:276px;
  height:auto;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:12px;
  color:#000;
   
 }
.container .special .topic2 li .tit:hover{
 color:#f0027c;
}
.container .special .more2{
 clear:both;
 display:block;
 width:118px;
 height:34px;
 margin:0 auto;
 text-align:center;
 line-height:34px;
 font-size:12px;
 color:#000;
 font-family:"SimSun"
 border-radius:5px;
 border:1px solid #000;
}
.container .special .more2:hover{
 color:#f0027c;
 border:1px solid #f0027c;
}

.container .content{
    width:auto;
	height:auto;
    overflow: hidden;
	margin-bottom:20px;
}
.container .content .leftSide{
    width:840px;
    height:auto;
    overflow:hidden;
	float:left;
}
.container .content .leftSide .news{
     width:auto;
	 height:auto;
     overflow: hidden;
}
.container .content .leftSide .news li{
     width:auto;
	 height:auto;
     overflow: hidden;
	 padding-bottom:15px;
	 margin-bottom:15px;
}
.container .content .leftSide .news li .image,
.container .content .leftSide .news li .image a
{
    display:block;
    width:200px;
	height:124px;
	float:left;
	border:1px solid #dcdcdc;
}

.container .content .leftSide .news li .image a img{
  display:block;
  width:200px;
  height:124px;
  object-fit:cover;
}
.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:14px;
}
.container .content .leftSide .news li .text a:hover{
  color:#f10180;
}
.container .content .leftSide .news li .photo{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:5px;
}
.container .content .leftSide .news li .photo .image2,
.container .content .leftSide .news li .photo .image2 a
{
    width:200px;
	height:124px;
	float:left;
	border:1px solid #dcdcdc;
	margin-right:10px;
}
.container .content .leftSide .news li .photo .image2:last-child{
 margin-right:0px;
}

.container .content .leftSide .news li .photo .image2 a img{
  display:block;
  width:200px;
  height:124px;
  object-fit:cover;
}
.container .content .leftSide .news li .text .brief{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   font-size:12px;
   color:#999999;
   text-align:justify;
   line-height:20px;
   max-height:40px;
   margin-bottom:18px;
}
.container .content .leftSide .news li  .info{
   clear:both;
   width:auto;
   height:26px;
   overflow:hidden;
   line-height:26px;
}

.container .content .leftSide .news li .info .headPic{
 width:26px;
 height:26px;
 overflow:hidden;
 float:left;
 position:relative;
 border-radius:13px;
 background:#f2f2f2;
 margin-right:10px;
}

.container .content .leftSide .news li .info .headPic a{
 display:block;
 width:26px;
 position: absolute;
 top:50%;
 transform: translate(0, -50%);
 -ms-transform:translate(0, -50%);
}

.container .content .leftSide .news li .info .headPic a img{
 display:block;
 max-width:26px;
 min-height:26px;
 border-radius:13px;
 margin:0 auto;
}
.container .content .leftSide .news li .info .company{
 display:block;
 float:left;
 font-size:12px;  
 color:#666666;
 width:300px;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.container .content .leftSide .news li .info .company a{ color:#999999 }
.container .content .leftSide .news li .info .date{
   font-size:12px;
   color:#888;
    
   display:block;
   float:right;
}


.container .content .leftSide .news li .info .label{
   font-size:12px;
   color:#888;
    
   display:block;
   float:left;
   width:auto;
   height:auto;
   overflow:hidden;
   max-width:402px;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.container .content .leftSide .news li .info .label a{
   display:inline;
   font-size:12px;
   color:#888;
    
}
.container .content .leftSide .news li .text .info .label a:hover{
  color:#f10180;
}
.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 .companyInfor{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 text-align:center;
 margin-bottom:30px;
}*/
.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;
 max-width:60px;
 max-height:60px;
 border-radius:30px;
 border:1px solid #dcdcdc;
 margin-bottom:28px;
}
.container .content .rightSide .companyInfor .name{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 font-size:18px;
 color:#000;
 
 font-weight:normal;
 margin-bottom:28px;
}
.container .content .rightSide .companyInfor .record{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:30px;
}
.container .content .rightSide .companyInfor .record li{
 width:100px;
 height:auto;
 overflow:hidden;
 float:left;
}
.container .content .rightSide .companyInfor .record li .number{
 display:block;
 font-size:18px;
 font-family:"Arial";
 color:#333;
 margin-bottom:8px;
 }
 
.container .content .rightSide .SexRecomment{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:10px;
}
.container .content .rightSide .SexRecomment li{
 clear:both;
 width:auto;
 height:60px;
 overflow:hidden;
 margin-bottom:20px;
}
.container .content .rightSide .SexRecomment li .headPic{
 width:60px;
 height:60px;
 overflow:hidden;
/* position:relative;*/
 border-radius:30px;
 float:left;
}
/*.container .content .rightSide .SexRecomment li .headPic a{
display: block;
width: 60px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}*/
.container .content .rightSide .SexRecomment li .headPic a .image{
 display:block;
 width:60px;
 height:60px;
 object-fit: cover;
}
.container .content .rightSide .SexRecomment li .text{
 width:234px;
 height:auto;
 overflow:hidden;
 float:right;
}
.container .content .rightSide .SexRecomment li .text .tit{
 display:block;
 font-size:14px;
  
 color:#333;
 width:auto;
 height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.container .content .rightSide .SexRecomment li .text .txt{
clear:both;
width:auto;
height:40px;
line-height:20px;
overflow:hidden;
text-align:justify;
font-size:12px;
color:#999;
 
}
.container .content .rightSide .companyInfor .record li .tip{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 font-size:14px;
 color:#666666;
  
}
.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 .titCom{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:20px;
   line-height:25px;
}
.container .content .rightSide .titCom .tit{
  display:block;
  font-size:20px;
  color:#666;   
  float:left;
}
.container .content .rightSide .titCom .more{
  display:block;
  font-size:12px;
  color:#bbb;
   
  float:right;
}
.container .content .rightSide .titCom a:hover{
  color:#f10180;
}
.container .content .rightSide .titCom .top10{
  display:block;
  float:right;
  margin-top:6px
}
.container .content .rightSide .list{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:15px;
}
.container .content .rightSide .list li{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:14px;
}
.container .content .rightSide .list li .num{
   display:block;
   font-size:12px;
   color:#989898;
    
   float:left;
   font-style:normal;
   margin-right:8px;
   font-weight:700;
   text-align:center;
   width:14px;
}

.container .content .rightSide .list li:nth-child(1) .num,
.container .content .rightSide .list li:nth-child(2) .num,
.container .content .rightSide .list li:nth-child(3) .num{
  color:#f10180;
  font-style:italic;
}
.container .content .rightSide .list li .tit{
   display:block;
   font-size:14px;
   color:#333;    
   float:left;
   width:230px;
   height:auto;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.container .content .rightSide .list li a:hover{
   color:#f10180;
}
.container .content .rightSide .list li .count{
   display:block;
   font-size:12px;
   color:#aaa;
    
   float:right;
}
.container .content .rightSide .imageList{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:15px;
}
.container .content .rightSide .imageList li{
   width:142px;
   height:auto;
   overflow:hidden;
   margin-bottom:12px;
   float:left;
   margin-right:16px;
   
}
.container .content .rightSide .imageList li .num{
  display:block;
  position:absolute;
  right:10px;
  bottom:10px;
  background:#000;
  color:#fff;
  font-size:12px;
   
  padding:2px 8px 2px 6px;
  opacity:0.7;
  border-radius:10px;
}
.container .content .rightSide .imageList li .num a{  color:#fff; }
.container .content .rightSide .imageList li .num a:hover{  color:#ff0; }
.container .content .rightSide .imageList li:nth-child(2n){
  margin-right:0px;
}
.container .content .rightSide .imageList li .image{
  width:142px;
  height:88px;
  overflow:hidden;
  margin-bottom:9px;
  position:relative;
}
.container .content .rightSide .imageList li .image img{
  display:block;
  width:100%;
}
.container .content .rightSide .imageList li .title{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
}
.container .content .rightSide .imageList li .title a{
   display:block;
   font-size:12px;
   color:#333;
   font-family:"SimSun"
   line-height:20px;
   height:40px;
   overflow:hidden;
   text-align:justify;
}
.container .content .rightSide .imageList li .title a:hover{
  color:#f10180;
}
.container .content .rightSide .expo{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:30px;
}
.container .content .rightSide .expo li{
  clear:both;
  width:auto;
  height:32px;
  overflow:hidden;
  background:url(/images/bg/culture.png) no-repeat 2px 1px;
  padding-left:14px;
  line-height:14px;
}
.container .content .rightSide .expo .hover{
 background:url(/images/bg/cultureHover.png) no-repeat 2px 1px;
}
.container .content .rightSide .expo li .month{
   display:block;
   float:left;
   font-size:14px;    
   color:#f10180;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-left:10px;
}

.container .content .rightSide .expo li .tit{
   display:block;
   float:left;
   font-size:14px;    
   color:#333;
   width:auto;
   max-width:156px;
   height:auto;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   margin-left:10px;
}

.container .content .rightSide .expo li a:hover{
 color:#f10180;
}
.container .content .rightSide .expo li .tip,
.container .content .rightSide .expo li .tip .report
{  
   font-size:14px;    
   color:#f10180;   
}
.container .content .rightSide .expo li .tip{
  width:auto;
   height:auto;
   overflow:hidden;
  display:block;
   float:left;
  margin-left:6px;
}
.container .content .rightSide .expo li:last-child{
  height:13px;
  overflow:hidden;
}
.container .content .rightSide .news2{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:10px;
}
.container .content .rightSide .news2 li{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   margin-bottom:14px;
}
.container .content .rightSide .news2 li .dot{
   display:block;
   float:left;
   width:2px;
   height:2px;
   background:#333;
   margin-top:8px;
   margin-right:8px;
}
.container .content .rightSide .news2 li a{
   display:block;
   font-size:12px;   
   color:#aaaaaa;
   height:auto;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   padding-left:10px;
   background:url(/images/dot03.gif) no-repeat left center;
}
.container .content .rightSide .news2 li a:hover{
 color:#f10180;
}

.container .content .rightSide .newsImage{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .rightSide .newsHover{
  width:300px;
  background:#fff;
  position:fixed;
  top:0px;
}
.container .content .rightSide .newsImage li{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:30px;
  position:relative;
}
.container .content .rightSide .title-common,
.container .content .rightSide .company-product,
.container .content .rightSide .company-product li,
.container .content .rightSide .company-product li .company-name,
.container .content .rightSide .company-product li .product .title
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .rightSide .company-product li{
 margin-top:30px;
}
.container .content .rightSide .title-common,
.container .content .rightSide .company-product li .company-name .company
{
 color:#333333;
 font-family:"microsoft yahei";
 font-size:18px;
 font-weight:normal;
}
.container .content .rightSide .company-product li .company-name .company,
.container .content .rightSide .company-product li .company-name img
{
 display:inline-block;
 vertical-align:middle;
}
.container .content .rightSide .company-product li .product{
 display:block;
 width:120px;
 height:auto;
 overflow:hidden;
 margin-left:20px;
 text-align:center;
 float:left;
 margin-top:20px;
}
.container .content .rightSide .company-product li .product .image{
 display:inline-block;
 width:90px;
 height:90px;
 object-fit:cover
}
.container .content .rightSide .company-product li .product .title{
 color:#333333;
 font-family:"microsoft yahei";
 font-size:12px;
 color:#999999;
 margin-top:10px;
}
.container .content .rightSide .company-product li .company-name .company{
 max-width:250px;
}
.container .content .rightSide .company-product li .company-name .company,
.container .content .rightSide .company-product li .product .title
{
   overflow:hidden;
   white-space: nowrap;
   text-overflow: ellipsis
}


.container .adico {
	width: 24px;
	height: 14px;
	background: url(/images/bg/ad_new.png);
	position: absolute;
	right:3px;
	bottom:3px;
	z-index:50;
}

.container .content .rightSide .newsImage li:last-child{
  margin-bottom:10px;
}
.container .content .rightSide .newsImage img{
  display:block;
   width:100%;
}

body .layer-bg
{
border-radius:10px;
overflow-y:auto;
}
/*-------------------------------------------------------------*/

.view{ font-size:12px; margin-left:20px; color:#999999; display:none}

