.container{
   clear:both;
   width:1180px;
   height:auto;
   margin:0 auto;
   font-family:"microsoft yahei";
}
/*---------------------------path---------------------------------*/
.path {
    clear:both
	width:auto;
    height:auto;
    overflow: hidden;
    margin: 0 auto;
    padding:10px 0px;
    font-size:12px;
    color: #ccc;
}
.path a{
 	font-size:12px;
 	color:#ccc;
}

.path a:hover{
  color:#f10180;
}

/*.path .report {
    font-size:12px;
	color:#aaa;
    display:block;
    float: right;
    cursor: pointer;
    padding-left: 25px;
    background: url(/images/bg/report.png) no-repeat left center;
}*/
/*---------------------------path----------------------------------*/

.container .content{
    width:auto;
	height:auto;
    overflow: hidden;
	margin-bottom:20px;
}
.container .content .leftSide{
    width:860px;
    height:auto;
    overflow:hidden;
	float:left;
	
}

.container .content .leftSide .proRelevant{
    clear:both;
    width:auto;
    height:auto;
    overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
.container .content .leftSide .proRelevant .report{
 display:block;
 cursor:pointer;
 padding-left:25px;
 background:url(/images/bg/report.png) no-repeat left center;
 font-size: 12px;
 color:#bbbbbb;
 font-family:"microsoft yahei";
 position:absolute;
 bottom:0px;
 right:0px;
 z-index:1;
}

.container .content .leftSide .proRelevant .zoom{
  width:328px;
  height:328px;
  overflow:hidden;
  border:1px solid #dcdcdc;
  position:absolute;
  top:0px;
  left:332px;
  z-index:100;
  display:none;
}
.container .content .leftSide .proImage{
  width:330px;
  height:auto;
  overflow:hidden;
  float:left;
}
.container .content .leftSide .proImage .bigImage{
  width:328px;
  height:328px;
  overflow:hidden;
  border:1px solid #dcdcdc;
  margin-bottom:16px;
  position:relative;
  cursor:pointer;
}
/*.container .content .leftSide .proImage .bigImage .bigBox{
  width: 100px;
  position:relative;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  z-index:1;
}*/
.container .content .leftSide .proImage .bigImage .bigPic{
   display:block;
   width:328px;
   height:328px;
   object-fit: cover;
	/*display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	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%);
	z-index:1;*/
}
.container .content .leftSide .proImage .bigImage .browser{
  width:164px;
  height:164px;
  display:none;
  position:absolute;
  background:url(/images/bg/bg-mask.png) repeat;
  top:0px;
  left:0px;
  z-index:2;
}

.container .content .leftSide .proImage .slide{
  clear:both;
  width:auto;
  height:42px;
  padding:0px 10px;
  margin-bottom:30px;
}
.container .content .leftSide .proImage .slide .prev,
.container .content .leftSide .proImage .slide .next{
  display:block;
  margin-top:6px;
  cursor:pointer;
}
.container .content .leftSide .proImage .slide .prev{
  float:left;
}
.container .content .leftSide .proImage .slide .next{
  float:right;
}
.container .content .leftSide .proImage .slide .bd{
  width:250px;
  height:42px;
  overflow:hidden;
  float:left;
  margin-left:14px;
}
.container .content .leftSide .proImage .slide .bd ul{
  width:auto;
  height:42px;
  overflow:hidden;
}
.container .content .leftSide .proImage .slide .bd ul li{
   width:40px;
   height:40px;
   border:1px solid #fff;
   overflow:hidden;
   float:left;
   margin-right:10px;
   cursor:pointer;
}
.container .content .leftSide .proImage .slide .bd ul li a{
   width:40px;
   height:40px;
   display:table-cell;
   vertical-align:middle;
   text-align:center;
}
.container .content .leftSide .proImage .slide .bd ul li:hover{
  border:1px solid #f10180;
}
.container .content .leftSide .proImage .slide .bd ul li:last-child{
  margin-right:0px;
}
.container .content .leftSide .proImage .slide .bd ul li img{
   display:block;
   width:100%;
   height:100%;
   object-fit: cover;
}

.container .content .leftSide .other{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .leftSide .other .read,
.container .content .leftSide .other .link{
  display:block;
  font-size:12px;
  color:#333;
  
}
.container .content .leftSide .other .read{
  float:left;
}
.container .content .leftSide .other .link{
  float:right;
}
.container .content .leftSide .other a:hover{
 color:#f10180;
}

.container .content .leftSide .proInfo{
  width:490px;
  height:auto;
  overflow:hidden;
  float:right;
  position:relative;
}
.container .content .leftSide .state{
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
 }
.container .content .leftSide .proInfo .tit{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
/*  text-overflow:ellipsis;
  white-space:nowrap;*/
  font-size:20px;
  color:#222;
  font-weight:400;
  text-align:justify;
  margin-bottom:30px;
}
.container .content .leftSide .proInfo .proPrice,
.container .content .leftSide .proInfo .proOther,
.container .content .leftSide .proInfo .tip,
.container .content .leftSide .proInfo .otherLink,
.container .content .leftSide .proInfo .product-down-load,
.container .content .leftSide .data-list,
.container .content .leftSide .data-list li
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .leftSide .proInfo .product-down-load{
 line-height:20px;
 margin-bottom:10px;
}
.container .content .leftSide .proInfo .product-down-load .down-load-price,
.container .content .leftSide .proInfo .product-down-load .down-load-data{
 display:block;
 float:left;
 font-size:16px;
 color:#f10180;
 font-family:"microsoft yahei";
 text-decoration:underline;
 cursor:pointer;
 margin-right:10px;
}
/*.container .content .leftSide .proInfo .product-down-load .down-load-price{
 margin-right:px;
}*/
.container .content .leftSide .proInfo .product-down-load .down-load-tip{
 font-size:14px;
 color:#666666;
 font-family:"microsoft yahei";
 display:block;
 float:left;
 cursor:pointer;
}




.container .content .leftSide .proInfo .proOther{
  margin-bottom:20px;
}
.container .content .leftSide .proInfo .proPrice li,
.container .content .leftSide .proInfo .proOther li,
.container .content .leftSide .proInfo .tip
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  color:#666;
  
}
.container .content .leftSide .proInfo .proPrice li{
  margin-bottom:8px;
}
.container .content .leftSide .proInfo .proOther li
{
  margin-bottom:8px;
}
.container .content .leftSide .proInfo .tip{
  display:block;
  margin-bottom:10px;
}
.container .content .leftSide .proInfo .proPrice li .price{
  display:inline;
  color:#f10180;
  font-size:12px;
  
}
.container .content .leftSide .proInfo .proPrice li .num{
  display:inline;
  color:#f10180;
  font-size:20px;
  
  font-weight:600;
}
.container .content .leftSide .proInfo .otherLink li{
  float:left;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:6px 16px;
  border:1px solid #f10180;
  margin-right:20px;
  margin-bottom:10px;
}
.container .content .leftSide .proInfo .otherLink li a{
  font-size:12px;
  color:#f10180;
}

.buylink{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.buylink li{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#f10180;
	padding:10px 20px;
	margin-right:20px;
	margin-bottom:10px;
	border-radius:5px;
}

.buylink li a{
  font-size:14px;
  color:#FFF;
}
.buylink li a span{
  font-size:12px;
  color:#FFF;
}

.container .content .leftSide .cross-border{
 clear:both;
 width:auto;
 height:auto;
 padding:10px 20px;
 border:1px solid #dddddd;
 border-bottom:none;
 font-size:12px;
 color:#333;
 background:#f2f2f2;
}

.container .content .leftSide .border-title{
	line-height:40px;
}

.container .content .leftSide .border-title .kua-pic{
	 display:inline-block;
	 vertical-align:middle;
	 margin-left:10px;
}

.container .content .leftSide .border-title .tip{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-weight:bold;
	color:#019fe8;
	font-size:14px;
}

.container .content .leftSide .cross-border ul{
 	margin-left:10px;
}

.container .content .leftSide .cross-border ul li{
	line-height:25px;
}


.container .content .leftSide .remarks{
 clear:both;
 width:auto;
 height:40px;
 padding:10px 20px;
 border:1px solid #dddddd;
 border-bottom:none;
 font-size:12px;
 color:#333;
 line-height:40px;
}
.container .content .leftSide .remarks .image{
 display:inline-block;
 width:40px;
 height:40px;
 vertical-align:middle;
 margin-left:10px;
} 
.container .content .leftSide .remarks .tip{
display:inline-block;
vertical-align:middle;
margin-left:15px;
}
.container .content .leftSide .remarks .red{
display:inline-block;
vertical-align:middle;
color:#f10180;
cursor:pointer;
position:relative;
margin-left:10px;
}
.container .content .leftSide .remarks .card{
 clear:both;
 width:550px;
 height:auto;
 overflow:hidden;
 position:absolute;
 top:27px;
 left:0px;
 z-index:1;
 background:#fff;
 padding-top:14px;
 display:none;
}
.container .content .leftSide .remarks .card .polygon{
 display:block;
 width:15px;
 height:13px;
 position:absolute;
 left:34px;
 top:3px;
}
.container .content .leftSide .remarks .card .cardImage{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 border:1px solid #dddddd;
 padding:30px;
 text-align:center;
}
.container .content .leftSide .remarks .card .cardImage img{
 display:inline-block;
 max-width:100%;
}
.container .content .leftSide .remarks .red:hover .card{
 display:block;
}

.container .content .leftSide .proConent{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 line-height:25px;
 margin-bottom:40px;
 border:1px solid #dddddd;
 padding:20px;
 font-size:16px;
}
.container .content .leftSide .proConent iframe,
.container .content .leftSide .proConent video
{
 display:block;
 width:384px;
 height:218px;
 margin:20px auto;
}

.container .content .leftSide .proConent .video-box{
 width:380px;
 height:214px;
 margin:0 auto;
 position:relative;
}
.container .content .leftSide .proConent .video-box .video-img{
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%);
}




.container .content .leftSide .proConent img{
 display:block;
 max-width:100%;
 height:auto;
 overflow:hidden;
 margin:0 auto;
}
.container .content .leftSide .comTit{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  font-size:12px;
  color:#000; 
  font-weight:600;
  margin-bottom:18px;
}

.container .content .leftSide .proRecomand,
.container .content .leftSide .proOther
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .leftSide .proRecomand{
  margin-bottom:20px;
}
.container .content .leftSide .proRecomand li,
.container .content .leftSide .proOther li
{
  float:left;
  width:160px;
  height:auto;
  overflow:hidden;
  margin-right:15px;
  margin-bottom:20px;
}
.container .content .leftSide .proRecomand li:nth-child(5n),
.container .content .leftSide .proOther li:nth-child(5n)
{
  margin-right:0px;
}
.container .content .leftSide .proRecomand li .image,
.container .content .leftSide .proOther li .image
{
  width:158px;
  height:158px;
  overflow:hidden;
  /* border: 1px solid #eee; */
  margin-bottom:8px;
 } 
 /*.container .content .leftSide .proRecomand li .image a,
 .container .content .leftSide .proOther li .image a{
   width:158px;
   height:158px;
   display:table-cell;
   vertical-align:middle;
   text-align:center;
   
 }*/
 .container .content .leftSide .proRecomand li .image img,
 .container .content .leftSide .proOther li .image img
 {
   display:block;
   width:156px;
   height:156px;
   object-fit: cover;
   border:1px solid #dddddd;
   border-radius: 8px;
 }
 .container .content .leftSide .proRecomand li .proName,
 .container .content .leftSide .proOther li .proName
 {
	clear:both;
	width:auto;
	height:40px;
	overflow:hidden;
	display:block;
	color:#333333;
	font-size:14px;
	line-height:20px;
	font-family:"microsoft yahei";
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
 }

 .container .content .leftSide .proRecomand li .company,
 .container .content .leftSide .proOther li .company
 {
   clear:both;
   width:auto;
   height:20px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   line-height:20px;
   overflow:hidden;
   display:block;
   color:#999;
   font-size:12px;
 }
.container .content .leftSide .proRecomand li a:hover,
.container .content .leftSide .proOther li a:hover
{
  color:#f10180;
}

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







/*-------------------------------------------------------------*/
.container .content .rightSide{
    width:300px;
	height:auto;
	overflow:hidden;
	float:right;
}

.container .content .newsHover{
    width:300px;
	height:auto;
	overflow:hidden;
	background:#fff;
	position:fixed;
	top:0px;
	right:50%;
	z-index:100;
	margin-right:-590px;
}
.container .content .rightSide .comanyInfo{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  border:1px solid #f10180;
  padding:15px 10px;
  margin-bottom:20px;
  background:#fffafd;
}
.container .content .rightSide .comanyInfo .member{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  text-align:center;
  margin-bottom:10px;
}
.container .content .rightSide .comanyInfo .member .tip{
  font-size:12px;
  color:#666666;
  
  display:inline;
}
.container .content .rightSide .comanyInfo .member .tip:first-child{
 padding-right:5px;
}
.container .content .rightSide .comanyInfo .company{
  clear:both;
  width:auto;
  height:17px;
  overflow:hidden;
  line-height:17px;
}
.container .content .rightSide .comanyInfo .company .tit{
  width:auto;
  max-width:260px;
  height:17px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:100;
  font-size:15px;
  color:#333;
  display:block;
  float:left;
}
.container .content .rightSide .comanyInfo .company .zheng2{
  display:block;
  float:left;
  margin-left:2px;
}
.container .content .rightSide .comanyInfo .text,
.container .content .rightSide .comanyInfo .cooperate
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .rightSide .comanyInfo .text li,
.container .content .rightSide .comanyInfo .cooperate li
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  line-height:20px;
  font-size:12px;
  color:#333;
  
  text-align:justify;
  margin-bottom:4px;
}
.container .content .rightSide .comanyInfo .cooperate li .tip{
  display:inline;
  color: #aaa;
  font-size:12px;
}
.container .content .rightSide .comanyInfo .cooperate li:last-child{
  margin-bottom:0px;
}
.container .content .rightSide .comanyInfo .contract,
.container .content .rightSide .comanyInfo .company-label
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .rightSide .comanyInfo .company-label{
 font-size:12px;
 color:#f10180;
 font-family:"microsoft yahei";
 overflow: hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-top:5px;
}
.container .content .rightSide .comanyInfo .contract{
  clear:both;
  width:auto;
  height:20px;
  line-height:20px;
  margin-bottom:30px;
}
.container .content .rightSide .comanyInfo .contract .telephone,
.container .content .rightSide .comanyInfo .contract .link{
  display:block;
  float:left;
  font-size:12px;
  
  background:#343233;
  padding:0  10px;
}

.container .content .rightSide .comanyInfo .contract .telephone{
  color:#fde20f;
}
.telLink{
color:#fff;
margin-left:10px;
	}

.container .content .rightSide .comanyInfo .contract .link{
  color:#fff;
}
.container .content .rightSide .comanyInfo .contract .QQ{
  display:block;
  float:right;
  cursor:pointer;
  margin-top:2px;
}
.container .content .rightSide .comanyInfo .contract a:hover{
 color:#f10180;
}
.container .content .rightSide .comanyInfo .hand,
.container .content .rightSide .comanyInfo .contact-method
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-top:20px;
  }

.container .content .rightSide .comanyInfo .hand .collect
{
  width:auto;
  float:right;
  cursor:pointer;
  padding-left:20px;
  margin:3px;
  background:url(/images/bg/collect.png) no-repeat left center;
/*  font-size:12px;
  color:#333;
  */
}

.container .content .rightSide .comanyInfo .hand .collectHover
{
  float:right;
  cursor:pointer;
  padding-left:20px;
  color:#f543a1;
  background:url(/images/bg/collectHover.png) no-repeat left center;
}
.container .content .rightSide .comanyInfo .loginContact{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-top:20px;
  display:block;
  text-align:center;
}
.container .content .rightSide .comanyInfo .loginContact a{
  display:inline;
  font-size:12px;
  color:#333;
  
  color:#f10180;
  text-decoration:underline;
}


.container .content .rightSide .comanyInfo .hand li{
  width:auto;
  height:auto;
  overflow:hidden;
  margin-right:14px;
  padding:6px 14px;
  border:1px solid #dcdcdc;
  float:left;
/*  cursor:pointer;*/
}


.container .content .rightSide .comanyInfo .hand li a{
 display:block;
 width:auto;
 height:auto;
 overflow:hidden;
}
.container .content .rightSide .comanyInfo .hand li a .ico,
.container .content .rightSide .comanyInfo .hand li .tit{
  display:inline-block;
  vertical-align:middle;
  font-size:12px;
  color:#333;
  
}
.container .content .rightSide .comanyInfo .hand li a .tit:hover{
  color:#f10180;
}
.container .content .rightSide .comanyInfo .hand li a .ico{
  margin-right:3px;
}


.container .content .rightSide .license{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  border:1px solid #dcdcdc;
  padding: 6px;
  margin-bottom:20px;
  text-align:center;
}
.container .content .rightSide .license .tit{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  font-weight:100;
  font-size: 12px;
  color:#333;
  margin-bottom: 4px;
}
.container .content .rightSide .license .tip{
  display:block;
  clear:both;
  width:100%;
  height:auto;
  overflow:hidden;
  color:#666;
  font-size:12px;
  margin-bottom: 6px;
}
.container .content .rightSide .license img{
  display:block;
  max-width: 150px;
  margin:0 auto;
  max-height: 70px;
}
.d05{ clear:both; height:150px; padding-bottom:30px }
.d05 ul li{ display:block; width:270px; line-height:24px; float:left; padding-right:15px;  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;color:#aaa  }
.d05 ul li a{ color:#aaaaaa }  

.contact-method li{ line-height:22px }
.contact-method img{ max-width:80px;  }
img.QQ {
    margin-left: 10px;
    vertical-align: middle;
    padding-bottom: 4px;
}
/*-------------------------------------------------------------*/

body .layer-bg{
 border-radius:5px;
}

.container .content .leftSide .data-list li{
	padding: 0 10px;
	border-bottom: 1px solid #eaeaea;
	line-height: 30px;
	font-size: 14px;
	font-family: "Microsoft Yahei";
	color: #333333;
}
.container .content .leftSide .data-list li .title {
    display: block;
    max-width: 600px;
    height: auto;
    color: #333333;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}
.container .content .leftSide .data-list li .down-load {
    display: block;
    float: right;
    color: #999999;
    text-decoration: none;
}
.container .content .leftSide .data-list li a:hover{
 color:#f10180;
}
.container .content .leftSide .data-list li:hover{
 background:#fff2f9;
}
/*----------------------page-----------------------*/
.page {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-family:"Microsoft Yahei";
	margin-top:20px;
}
.page a {
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    border:1px solid #ccc;
    margin: 0 2px;
    text-align: center;
    color:#676767;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.page .total,
.page .page-select,
.page .skip-page
{
 display:inline-block;
 color:#333333;
 line-height:38px;
 margin: 0 2px;
}

.page .page-select .select{
    text-align:center;
    border:1px solid #b5b5b5;
    padding:0 5px;
    height:36px;
    line-height:20px;
    margin: 0 2px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.page .page-prev,
.page .page-next
{
 width:62px;
}
.page a:hover,
.page .page-hover,
.page .skip-page
{
	text-decoration:none;
	color:#ffffff;
	border:1px solid #f10180;
	background:#f10180;
}
.page .skip-page{
 cursor:pointer;
}

/*.page .skip-page:hover{
    color:#333333;
	border:none;
	background:none;
}*/
.page .page-disabled,
.page .page-disabled:hover
{
    color:#9a9a9a;
    border:1px solid #ccc;
    text-align: center;
    background: #ebebeb;
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
/*----------------------page-----------------------*/


body .layer-bg2{
 border-radius:5px;
}