P{ margin:0px; padding:0px;}
.container{
   clear:both;
   width:100%;
   height:100%;   
   font-family:"Microsoft Yahei";
}

.container .content{
    clear:both;
    width:1180px;
	height:auto;
	margin:0 auto;
	position:relative;
	background:#fff;
	padding-top:20px;
}
.container .content .leftMenu{
	width:180px;
	height:auto;
	overflow:hidden;
	float:left;
	background-color:#f2f2f2;
}
.container .content .leftMenu .type-menu{
 display:block;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:26.5px 20px;
 background:url(/images/CrossShop/15.png) no-repeat;
 background-position: center right 20px;
}
.container .content .leftMenu .line{
 clear:both;
 width:140px;
 height:1px;
 background:#dcdcdc ;
 margin:0 auto;
}
.container .content .leftMenu .type-menu .title{
 display:block;
 font-size:16px;
 color:#333333;
 font-weight:600;
 font-family:"Microsoft Yahei";
}
.container .content .leftMenu .type-menu .tip{
 display:block;
 width:130px;
 height:auto;
 overflow:hidden;
 color:#666666;
 font-family:"Microsoft Yahei";
 font-size:12px;
 margin-top:4px;
}
.container .content .leftMenu .type-menu:hover{
 background:#eaeaea url(/images/CrossShop/15.png) no-repeat;
 background-position: center right 20px;
}


.container .content .center{
	width:732px;
	height:318px;
	overflow:hidden;
	float:left;
	margin-left:18px;
}


/***ÂÖ²¥Í¼***/
.container .content .center .banner,
.container .content .center .banner .bd
{
   clear:both;
   width:auto;
   height:317px;
   overflow:hidden;
}
.container .content .center .banner{
  position:relative;
}
.container .content .center .banner .hd{
 width:100%;
 height:auto;
 position:absolute;
 bottom:15px;
 left:0px;
 text-align:right;
}
.container .content .center .banner .hd span{
 display:inline-block;
 width:20px;
 height:2px;
 opacity: 0.8;
 background:#ffffff;
 margin-right:8px;
 cursor:pointer;
}
.container .content .center .banner .hd .on{
  background:#f10180;
}
.container .content .center .banner .bd ul
{
   height:auto;
   overflow:hidden;
}
/*.container .content .center .banner .change{
 width:732px;
 height:66px;
 position:absolute;
 left:0px;
 z-index:50;
 display:none;
}*/
.container .content .center .banner .prev,
.container .content .center .banner .next{
 width:36px;
 height:66px;
 cursor:pointer;
 opacity:0.3;
 z-index:50;
 position:absolute;
 display:none;
}
.container .content .center .banner .prev{
  background: #000 url(/images/bg/prevWhite.png) no-repeat center;
  left:0px;
}
.container .content .center .banner .next{
  background: #000 url(/images/bg/nextWhite.png) no-repeat center;
  right:0px;
}
.container .content .center .banner .prev:hover,
.container .content .center .banner .next:hover{
 opacity:0.5;
}
.container .content .center .banner .bd li{
   width:732px;
   height:317px;
   overflow:hidden;
   float:left;
}
.container .content .center .banner .bd li a img{
  display:block;
  width:100%;
  height:317px;
}


/***ÂÖ²¥Í¼½áÊø***/

.container .content .rightSide{
	width:230px;
	height:318px;
	overflow:hidden;
	float:right;
	margin-left:18px;
	background:#f2f2f2;	
}
.container .content .rightSide .rightSideTop{
	font-size:16px;
	font-weight:bold;
	color:#f10180;
	margin-left:15px;
	margin-top:15px;
}
.container .content .rightSide .rightSideRuZhu{
	margin-left:15px;
	margin-top:0px;
	margin-right:5px;
}
.container .content .rightSide .rightSideRuZhu h3{
	width:auto;
	margin:0px;
	padding:5px 0px;
	font-weight:normal;
}

.container .content .rightSide .rightSideRuZhu span{
	width:100%;
	color:#666666;
}
.container .content .rightSide .RuZhuLink{
	 display:block;
	 width:auto;
	 margin-top:5px;
	 margin-right:15px;
	 margin-bottom:10px;
	 line-height:30px;
	 background:#f10180;
	 font-size:14px;
	 font-family:"Microsoft Yahei";
	 color:#ffffff;
	 text-align:center;
	 cursor:pointer;
	 border-radius:5px;
}

.container .content .rightSide .rightSideFoot{
	width:auto;
	margin-left:15px;
}
.container .content .rightSide .rightSideFoot h3{
	margin:0px;
	display:inline;
}

.container .content .rightSide .rightSideFoot .more{
	float:right;
	margin-right:15px;
}
.container .content .rightSide .rightSideFoot li{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	margin-right:5px;
	margin-top:5px;
}
.container .product-type{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-top:30px;
}
.container .product-type .prouct-menu{
 display:block;
 width:188px;
 height:150px;
 background:#f2f2f2;
 float:left;
 margin-right:10px;
}
.container .product-type .prouct-menu:last-child{
 margin-right:0px;
}
.container .product-type .prouct-menu .product-image{
 width:auto;
 height:80px;
 overflow:hidden;
 position:relative;
 margin-top:20px;
}
.container .product-type .prouct-menu .tit{
 font-size:16px;
 color:#333333;
 font-family:"Microsoft YaHei";
 text-align:center;
 margin-top:5px;
}
.container .product-type .prouct-menu:hover img,
.container .product-type .prouct-menu:hover p
{
opacity: 0.8;
} 



.cross-border{
 clear:both;
 width:1180px;
 height:auto;
 overflow:hidden;
 margin:0 auto;
} 
 .online-retailers-common,
 .strength-factory,
 .latest-online
 {
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
 }
 .online-retailers-common{
  margin-top:25px;
 }
 .strength-factory{
  margin-top:15px;
 }
 .latest-online{
  margin-top:10px;
 }
 .online-retailers-common .title{
  display:block;
  float:left;
  font-size:18px;
  color:#333333;
  font-family:"Microsoft YaHei";
  font-weight:600;
 }
 .online-retailers-common .tip,
 .online-retailers-common .more
 {
  display:block;
  float:left;
  font-size:12px;
  font-family:"Microsoft YaHei";
  color:#999999;
  margin-top:5px;
  margin-left:20px;
 }
.online-retailers-common .more{
  float:right;
  }
.strength-factory .company{ 
 display:block;
 float:left;
 width:260px;
 height:auto;
 overflow:hidden;
 padding:15px;
 background:#f2f2f2;
 margin-top:4px;
 margin-right:4px;
}
.strength-factory .company:hover{
 background:#eaeaea;
}
.strength-factory .company:nth-child(4n){
 margin-right:0px;
}
.strength-factory .company .company-text{
 float:left;
 width:195px;
 height:auto;
 overflow:hidden;
}
.strength-factory .company .company-text .title{
 display:block;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft YaHei";
}
.strength-factory .company .company-text .title:hover
{
 color:#f10180;
}
.strength-factory .company .company-text .brief{
 font-size:12px;
 color:#666666;
 font-family:"Microsoft YaHei";
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;
  height:40px;
 overflow: hidden;
 line-height:20px;
 margin-top:8px;
}
.strength-factory .company .company-image{
 display:block;
 float:right;
 width:54px;
 height:54px;
 overflow:hidden;
 float:right;
 position:relative;
 margin-top:10px;
}
.strength-factory .company .company-image .image,
.container .product-type .prouct-menu .product-image .image

{
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;
}
.strength-factory .company .company-image .image{
 border-radius:27px;
}
.latest-online .product{
  display:block;
  float:left;
  background:#f2f2f2;
  padding:15px;
  width:198px;
  height:auto;
  overflow:hidden;
  margin-right:10px;
  margin-top:10px;
}
.latest-online .product:nth-child(5n){
 margin-right:0px;
}
.latest-online .product .product-image{
 clear:both;
 width:198px;
 height:198px;
}

.latest-online .product .product-image .image{
 display:block;
 width:198px;
 height:198px;
 object-fit:cover;
}

.latest-online .product .title{
 font-weight:normal;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft YaHei";
  margin-top:8px;
}
.latest-online .product .title:hover{
 color:#f10180;
}
.latest-online .product .brief{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 font-size:12px;
 color:#666666;
 font-family:"Microsoft YaHei";
 margin-top:4px;
}
.latest-online{
 margin-bottom:30px;
}