body {
	font-size: 12px;
	color:#333;
	min-width:1200px;
	font-family:"microsoft yahei","simsun";
	background:#ffffff;
}

* {
	margin:0px;
	padding:0px;
	outline:none;
}
ul,li,a,input,p,h1,span,i,img,header,nav,textarea{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	border:0px;
}

a{ color:#666;}
a:hover{ color:#f10180; text-decoration:none}




.container{
  width:1180px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}
.header{
 background:none;
}
.container .banner,
.container .content,
.container .content .leftSide .text,
.container .content .leftSide .product
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content{
 margin-bottom:34px;
}
.container .banner{
 margin-bottom:20px;
}
/*.container .header .menu,*/
.container .header .member
{
  width:auto;
  height:auto;
  overflow:hidden;
  padding:10px 0px;
  float:left;
}

.container .banner{
  padding:30px;
  background:#f10180;
}

.container .banner .title,
.container .banner .browse,
.container .banner .company-label
{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  float:left;
  color:#fff;
  line-height:36px;
  font-size:12px;
}
.container .banner .title
{
  max-width:620px;
  font-size:36px;
  font-weight:100;
}
.container .banner .company-label{
  max-width:325px;
  margin-left:30px;
  text-shadow:1px 1px 1px #cccccc;
  /* box-shadow: 1px 1px 50px rgba(0,0,0,.3)*/
}
.container .banner .title,
.container .banner .company-label
{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.container .banner .browse{
  padding-left:18px;
  background:url(/images/bg/browse.png) no-repeat 0px 13px;
  opacity:0.7;
  margin-left:15px;
}
.container .banner .report{
 display:block;
 float:right;
 cursor:pointer;
 padding-left:30px;
 background:url(/images/bg/reportWhite.png) no-repeat left center;
 font-size:14px;
 color:#ffffff;
 font-family:"microsoft yahei";
 line-height:36px;
 margin-left:20px;
}

.container .banner .phone{
  padding-left:45px;
  width:215px; 
  float:right;
  background:url(/images/bg/phone.png) no-repeat left center;
  font-size:24px;
}


.container .content .leftSide{
  width:850px;
  height:auto;
  overflow: hidden;
  float:left;
}
.container .content .leftSide .tip{
  clear:both;
  width:auto;
  height:35px;
  background:url(/images/bg/tip.png) no-repeat  left center;
  margin-top:20px;
}
.container .content .leftSide .tip .tit{
  display:block;
  font-size:16px;
  color:#fff;
  width:80px;
  font-weight:700;
  float:left;
  margin-top:5px;
  line-height:30px;
  margin-left:6px;
  text-align:center;
}
.container .content .leftSide .tip .more-other{
    display:block;
    float:right;
    font-size:12px;
    color:#333333;
    font-family: "Microsoft Yahei";
	margin-top:5px;
   line-height:30px;
}
.container .content .leftSide .tip .more-other:hover{
  color:#f10180;
}
.container .content .rightSide{
  width:300px;
  height:auto;
  overflow: hidden;
  float:right;
  position:relative;
}

.container .content .rightSide .state{
  display:block;
  position:absolute;
  left:50px;
  top:80px;
  z-index:1;
}




.container .content .leftSide .text{
  font-size:14px;
  color:#666;
  text-align:justify;
  line-height:24px;
  overflow:hidden;
  margin-top:10px;
/*  margin-bottom:28px;*/
}

.container .content .leftSide .text img{
 max-width:200px;
 display:block; 
 float:left;
 margin-right:20px;
}
.container .content .leftSide .more{
	clear: both;
	display:block;
	width:78px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font-size: 14px;
	color: #333;
/*	margin-bottom: 20px;*/
	cursor: pointer;
	margin-top:28px;
}
.container .content .leftSide .more .arrow ,
.container .content .leftSide .more .tip2
{
    display: inline;
    vertical-align: middle;
}


.container .content .leftSide .other{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-top:20px;
 /* margin-bottom:20px;*/

}

.telephone{ font-size:16px }
.container .content .leftSide .other li{
  float:left;
  width:50%;
  height:auto;
  overflow:hidden;
  margin-bottom:26px;
  float:left;
}
.container .content .leftSide .other li .label,
.container .content .leftSide .other li .txt
{
  width:auto;
  height:auto;
  overflow:hidden;
  color:#666;
  display:block;  
  font-size:16px;
  float:left;
}
.container .content .leftSide .other li .label{
  color:#999999;
  margin-left:20px;
}
.container .content .leftSide .other li .txt{
 width:320px;
 /*text-overflow:ellipsis;
 white-space:nowrap*/
}
.container .content .leftSide .product{
/*  margin-bottom:20px;*/
margin-top:20px;
}
.container .content .leftSide .product li{
   width:auto;
   height:auto;
   overflow:hidden;
   margin-right:14px;
   margin-bottom:10px;
   float:left;
}
.container .content .leftSide .product li:nth-child(3n){
 margin-right:0px;
}
.container .content .leftSide .product li .image{
   width: 268px;
   height: 268px;
   overflow:hidden;
}
.container .content .leftSide .product li .image a{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.container .content .leftSide .product li .image a img{
   display:inline-block;
   vertical-align:middle;
   width: 268px;
   height: 268px;
   object-fit:cover;
}
.container .content .leftSide .product li .tit{
 clear:both;
 /* width:182px; */
 height:auto;
 overflow:hidden;
 padding:10px;
}
.container .content .leftSide .product li .tit a{
 display:block;
 font-size:12px;
 width:auto;
 text-align:center;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 
 color:#333;
}
.container .content .leftSide .product li .tit a:hover{
 color:#f10180;
}


.content .video-list li .video-infor .video-title,
.content .video-list li .video-infor .company,
.container .content .leftSide .expo-review,
.container .content .leftSide .expo-past
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content .video-list{
 clear:both;
 width:auto;
 height:auto;
/* min-height:548px;*/
/* padding-bottom:30px;*/
}
.content .video-list li .video-infor{
 clear:both;
 width:auto;
 height:92px;
}

.content .video-list li .video-infor .video-contact{
 clear:both;
 width:auto;
 height:30px;
 position:relative;
}
.content .video-list li{
 float:left;
 width:270px;
 height:222px;
 margin-right:20px;
 margin-top:20px;
 background:#ffffff;
}
.content .video-list li .contact-manufacturer{
width:270px;
height:auto;
position:absolute;
top:24px;
left:0px;
z-index:1;
display:none;
}
.content .video-list li .contact-manufacturer .triangle-up{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid  white;
	filter:drop-shadow(0 0 9px #000);
	margin-left:35px;
}
.content .video-list li .contact-infor{
background:#fff;
clear:both;
width:250px;
height:auto;
min-height:100px;
padding:10px 10px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
overflow:hidden;
border-radius:5px;
}

.video{
 -webkit-filter: grayscale(20%);
}
.content .video-list li .contact-infor .contact-wechat{
 display:block;
 width:72px;
/* height:px;*/
 padding:6px;
 border:1px solid #eaeaea;
 position:absolute;
 top:50%;
 right:10px;
 z-index:1;
  transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}


.content .video-list li .contact-infor .table-contact{
 min-width:174px;
}
.content .video-list li .contact-infor .table-contact tr td{
 padding:3px 0px;
 text-align:left;
}
.content .video-list li .contact-infor .table-contact tr td,
.content .video-list li .contact-infor .table-contact tr td a
{
 font-size:12px;
 color:#333333;
 font-family:"Microsoft Yahei";
}
.content .video-list li .contact-infor .table-contact tr .td-tip{
 color:#999999;
 text-align:justify;
 width:60px;
}
.content .video-list li .contact-infor .table-contact tr .td-code{
 color:#999999;
}


.content .video-list li:nth-child(3n){
 margin-right:0px;
}
.content .video-list li iframe,
.content .video-list li .video-box,
.content .video-list li .video-box img
{
 display:block;
 width:270px;
 height:152px;
}
.content .video-list li .video-box img{
object-fit:cover;
}
.content .video-list li .video-box{
	position: relative;
}
.content .video-list li .video-box .video-img,
.content .video-list li .video-box video
{
	position: absolute;
    width:50px;
	height:50px;
    background:url(/images/live/play.png) no-repeat center;
	background-size:50px auto;
	cursor:pointer;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

.content .video-list li video,
.content .video-list li .video-box video
{
  display:block;
  width:100%;
  height:152px;
}


.content .video-list li .video-box{
	background:#eee;
}




.content .video-list li .video-infor,
.content .video-list li .video-infor .video-contact
{
 margin-top:10px;
}
.content .video-list li .video-infor .video-title .title{
 font-weight:normal;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
 float:left;
 max-width:200px;
 line-height:20px;
}
.content .video-list li .video-infor .video-title .title,
.content .video-list li .video-infor .company .name
{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.content .video-list li .video-infor .video-title .company-profile{
 display:block;
 float:right;
 font-size:14px;
 font-family:"Microsoft Yahei";
 color:#999999;
 line-height:20px;
 background:#eaeaea;
 padding:0 6px;
 border-radius:4px;
}
.content .video-list li .video-infor .company{
 display:block;
 font-size:14px;
 font-family:"Microsoft Yahei";
 color:#666666;
 margin-top:8px;
}
.content .video-list li .video-infor .company .company-logo{
 display:block;
 width:24px;
 height:24px;
 object-fit:cover;
 float:left;
 border-radius:12px;
 margin-right:10px;
}
.content .video-list li .video-infor .company .name{
 display:block;
 font-size:12px;
 font-family:"Microsoft Yahei";
 color:#666666;
 float:left;
 max-width:190px;
 line-height:24px;
}
.content .video-list li .video-infor .company .name:hover{
 color:#f10180;
}
.content .video-list li .video-infor .company .gold{
 display:block;
 float:right;
 margin-top:3px;
}
.content .video-list li .video-infor .video-contact .contact{
 display:block;
 float:left;
 color:#f10180;
 font-size:12px;
 font-family:"Microsoft Yahei";
 padding-left:24px;
 background:url(/images/company/14.png) no-repeat left center;
 line-height:30px;
 cursor:pointer;
 width:56px;
}

.content .video-list li .video-infor .video-contact .contactnews{
 display:block;
 float:left;
 color:#f10180;
 font-size:12px;
 font-family:"Microsoft Yahei";
 padding-left:24px;
 background:url(/images/company/newsmore.png) no-repeat left center;
 line-height:30px;
 cursor:pointer;
 width:56px;
}


.content .video-list li .video-infor .video-contact .detail-product{
 display:block;
 float:right;
 padding:0 5px;
 line-height:28px;
 border:1px solid #f10180;
 color:#f10180;
 font-size:12px;
 font-family:"Microsoft Yahei";
 border-radius:4px;
}
.content .video-list li .video-infor .video-contact .detail-product:hover{
 background:#f10180;
 color:#ffffff;
}


.container .content .leftSide .expo-past li{
  width:270px;
  height:auto;
  overflow:hidden;
  float:left;
  margin-right:20px;
  margin-top:20px;
}
.container .content .leftSide .expo-past li:nth-child(3n){
 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:270px;
 height:270px;
 object-fit:cover;
}
.container .content .leftSide .expo-past li .expo-about{
 padding:10px;
}
.container .content .leftSide .expo-past li .expo-about .expo-brief{
 font-size:12px;
 color:#666666;
 margin-top:8px;
}


.container .content .leftSide .more-expo-past{
 display:block;
 margin:0 auto;
 width:200px;
 line-height:40px;
 background:#f10180;
 font-size:14px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 border-radius:5px;
 text-align:center;
 margin-top:30px;
}




.container .content .leftSide .notice{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  background:#ffecf8;
  border:1px solid #fcc1df;
  color:#999999;
  font-size:12px;
  text-align:justify;
  padding:15px 50px;
  line-height:20px;
  margin-top:30px;
}
.container .content .leftSide .notice .tip2{
  display:inline;
  color:#ff0500;
  
  font-size:12px;
}
.container .content .leftSide .notice a{
text-decoration:underline;
}




.container .content .rightSide .comanyInfo,
.container .content .rightSide .comanyDynamics
{
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    border: 1px solid #f10180;
    padding: 20px;
    margin-bottom: 20px;
	background:#fffafd;
}
.container .content .rightSide .comanyDynamics .commonDynamics{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:20px;
}
.container .content .rightSide .comanyDynamics .commonDynamics .tit{
 display:block;
 float:left;
 font-size:18px;
 color:#333;
 
}
.container .content .rightSide .comanyDynamics .commonDynamics .more{
 display:block;
 float:right;
 font-size:14px;
 color:#b4b4b4;
 
}
.container .content .rightSide .comanyDynamics .commonDynamics .more:hover{
 color:#f10180;
}
.container .content .rightSide .comanyDynamics .listDynamics,
.container .content .rightSide .comanyDynamics
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.container .content .rightSide .comanyDynamics{
 text-align:center;
 font-size:14px;
 color:#666;
 
}
.container .content .rightSide .comanyDynamics .publish{
color:#ff0305;
text-decoration:underline;
display:inline
}
.container .content .rightSide .comanyDynamics .listDynamics li {
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:15px;
}
.container .content .rightSide .comanyDynamics .listDynamics li:last-child{
 margin-bottom:0px;
}
.container .content .rightSide .comanyDynamics .listDynamics li .dot{
 display:block;
 width:3px;
 height:3px;
 background:#333;
 float:left;
 margin-right:10px;
 margin-top:8px;
}
.container .content .rightSide .comanyDynamics .listDynamics li .tit{
 display:block;
 float:left;
 font-size:14px;
 color:#333;
 
 width:auto;
 max-width:245px;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.container .content .rightSide .comanyDynamics .listDynamics li .tit:hover{
 color:#f10180;
}


.container .content .rightSide .comanyInfo .member,
.container .content .rightSide .comanyInfo .company,
.container .content .rightSide .comanyInfo .contact-method,
.container .content .rightSide .comanyInfo .contact-method li,
.container .content .rightSide .comanyInfo .contact-tip,
.container .content .rightSide .comanyInfo .collect,
.container .content .rightSide .comanyInfo .loginContact,
.container .content .rightSide .comanyInfo .contactWay,
.container .content .rightSide .comanyInfo .contactWay .product-down-load
{display:block;clear:both;width:auto;height:auto;overflow:hidden;}
.container .content .rightSide .comanyInfo .contactWay .product-down-load{
 margin-top:15px;
}
.container .content .rightSide .comanyInfo .contactWay .product-down-load .down-load-price,
.container .content .rightSide .comanyInfo .contactWay .product-down-load .down-load-data{
 display:block;
 float:left;
 font-size: 12px;
 color:#f10180;
 font-family:"microsoft yahei";
 text-decoration:underline;
 margin-right: 7px;
 cursor:pointer;
}
.container .content .rightSide .comanyInfo .contactWay .product-down-load .down-load-price{
 margin-right: 10px;
}



.container .content .rightSide .comanyInfo .contact-method{
 margin-top:20px;
}
.container .content .rightSide .comanyInfo .member {
text-align:center;
font-size:12px;
color:#f10180;
font-family:"Microsoft Yahei"; 
}
.container .content .rightSide .comanyInfo .company {
font-size:18px;
color:#333333;
font-family:"Microsoft Yahei";
margin-top:5px; 
}
.container .content .rightSide .comanyInfo .contact-method li{
font-size:12px;
color:#333333;
font-family:"Microsoft Yahei";
line-height:22px;
}
.container .content .rightSide .comanyInfo .contact-method li .qq-link{
font-size:12px;
color:#333333;
font-family:"Microsoft Yahei";
}
.container .content .rightSide .comanyInfo .contact-method li .QQ{
vertical-align:middle;
}
.container .content .rightSide .comanyInfo .contact-method li .code-image{
 display:block;
 max-width:150px;
 max-height:150px;
 margin:0 auto;
}

.container .content .rightSide .comanyInfo .contact-tip{ 
font-size:12px;
color:#666666;
font-family:"Microsoft Yahei";
margin-top:10px;
}

.container .content .rightSide .comanyInfo .loginContact{
 text-align:center;
 margin-top:20px;
}
.container .content .rightSide .comanyInfo .loginContact a{
display:inline;
font-size:12px;
font-family:"Microsoft Yahei";
color: #f10180;
text-decoration: underline;
}

.container .content .rightSide .comanyInfo .collect{
 width:80px;
 line-height:28px;
 border:1px solid #c2c2c2;
 cursor:pointer;
 color:#666666;
 font-size:12px;
 font-family:"Microsoft Yahei";
 text-align:center;
 margin:0 auto;
 margin-top:30px;
}
.container .content .rightSide .comanyInfo .collect .image{
 vertical-align:middle;
 margin-right:5px;
}
.container .content .rightSide .comanyInfo .collect-hover{
 color:#f10180;
}

.container .content .newsHover {
    width: 300px;
    height: auto;
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 0px;
    right: 50%;
    z-index: 100;
    margin-right: -590px;
}
body .layer-bg,
body .layer-data
{
 border-radius:10px;
}

.imageIsShow{
	cursor:pointer;
}


	/*body .layer-data{
	top:20px;
	}
*/

/*.data-load{
display:none;
width:400px;
height:auto;
overflow:hidden;
padding:50px;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
z-index:2;
background:#ffffff;
border-radius:10px;
}
.data-load .load-list,
.data-load .load-list li
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.data-load .data-close{
 display:block;
 cursor:pointer;
 position:absolute;
 top:18px;
 right:18px;
 z-index:3;
}
.data-load .load-list{
 max-height:500px;
 overflow-y:auto;
}

.data-load .load-list::-webkit-scrollbar{
   width:5px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   -webkit-border-radius:5px;
   border-radius:5px;
}

.data-load .load-list::-webkit-scrollbar-thumb 
{
    -webkit-border-radius:5px;
    border-radius:5px;
    background: rgba(210,210,210,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.data-load .load-list::-webkit-scrollbar-thumb:window-inactive
{
	background: rgba(210,210,210,0.4); 
}

.data-load .load-list li{
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
 padding:15px 15px;
 border-bottom:1px solid #eaeaea;
}
.data-load .load-list li .title{
 float:left;
 font-weight:normal;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
 max-width:328px;
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}
.data-load .load-list li .load{
display:block;
float:right;
cursor:pointer;
color:#999999;
}
.data-load .load-list li:hover{
background:#fff2f9;
}
.data-load .load-list li:hover .load{
 color:#f10180;
}
.shadow{
display:none;
width:100%;
height:100%;
background-color:#000000;
opacity:0.35;
position:fixed;
top:0px;
left:0px;
z-index:1;
}*/