/*΅₯ΈφΗΠ»»*/


#homeshop { width:100%; height:auto; float:left; margin-top:30px; display:inline;}
#homeshop .content {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
#homeshop .content .sortname {
  font-size: 36px;
  color: #005ca1;
  font-weight: bold;
  text-align: center;
}
#homeshop .content .tips {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
}
#homeshop .content .text {
  font-size: 18px;
  line-height: 32px;
  color: #838383;
  text-align: center;
}
#homeshop .content .more {
  text-align: center;
  margin: 40px 0;
}
#homeshop .content .more a {
  display: inline-block;
  width: 175px;
  line-height: 45px;
  border: solid 1px #838383;
  text-align: left;
  text-indent: 38px;
  font-size: 14px;
  color: #909090;
  background-image: url(../img/index/z14.png);
  background-position: right 40px center;
  background-repeat: no-repeat;
}
#homeshop .content .group {
  width: 1280px;
  height: auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#homeshop .content .group .sbtn {
  top: 110px;
  cursor: pointer;
  position: absolute;
}
#homeshop .content .group .prev {
  left: 0;
}
#homeshop .content .group .next {
  right: 0;
}
#homeshop .content .group .list {
  width: 1200px;
  height: 290px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#homeshop .content .group .list ul {
  position: relative;
  height: 280px;
}
#homeshop .content .group .list ul li {
  width: 380px;
  height: 288px;
  margin: 0 10px;
  float: left;
  position: relative;
  background-image: url(../images/111_r3_c2.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}
#homeshop .content .group .list ul li .img {
  height: 264px;
  width:380px;
  overflow: hidden;
  position: relative;
  top: 8px;
}
#homeshop .content .group .list ul li .img a {
  display: block;
  height: 100%;
  background-size: cover;
  transition: all 0.3s;
}
#homeshop .content .group .list ul li .img a:hover {
  transform: scale(1.1);
}
#homeshop .content .group .list ul li span {
  width: 126px;
  line-height: 41px;
  position: absolute;
  left: 6px;
  top:0px;
  background-image: url(../images/q78.png);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}















/* flickerplate */





.flickerplate {	position:relative;width:100%;height:auto;overflow:hidden; float:left; }

.flickerplate ul.flicks {width:10000%;height:auto;padding:0px;margin:0px;list-style:none}

.flickerplate ul.flicks>li {float:left;width:1%;height:auto;background-position:center;background-size:cover;display:table}

.flickerplate ul.flicks>li .flick-inner {height:auto;color:#fff;}

.flickerplate ul.flicks>li .flick-inner .flick-content {width:100%;margin-left:auto;margin-right:auto;}

.flickerplate ul.flicks>li .flick-sub-text {padding:5px;font-weight:300;line-height:2.5em;color:rgba(255, 255, 255, 0.8);text-align:center}

.flickerplate .arrow-navigation {position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}

.flickerplate .arrow-navigation .arrow {

	display:block;height:100%;width:100%;

	-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;	-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {cursor:pointer}

.flickerplate .arrow-navigation.left {left:0%}

.flickerplate .arrow-navigation.left .arrow {opacity:0.5;background-image:url("../images/arrow-left-light.png");background-repeat:no-repeat;background-position:left}

.flickerplate .arrow-navigation.right {right:0%}

.flickerplate .arrow-navigation.right .arrow {

	opacity:0.5;background-image:url("../images/arrow-right-light.png");background-repeat:no-repeat;background-position:right}

.flickerplate .arrow-navigation.left.hover .arrow {opacity:1;}

.flickerplate .arrow-navigation.right.hover .arrow {opacity:1;}

.flickerplate .dot-navigation {display:none;}

.flickerplate .dot-navigation .dot {width:14px;height:14px;margin:0px 6px;background-color:rgba(255, 255, 255, 0.3);

	border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;	-webkit-border-radius:50%;

	-webkit-transition:background-color 0.2s ease-out;	-moz-transition:background-color 0.2s ease-out;	-o-transition:background-color 0.2s ease-out;

	-ms-transition:background-color 0.2s ease-out;	transition:background-color 0.2s ease-out}

.flickerplate .dot-navigation .dot:hover {	cursor:pointer;	background-color:rgba(255, 255, 255, 0.6)}

.flickerplate .dot-navigation .dot.active {	background-color:#fff}

.flickerplate.animate-transform-slide ul.flicks {

	-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);

	-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;

	-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;	transition:transform 0.6s}

.flickerplate.animate-transition-slide ul.flicks {position:relative;left:0%;-webkit-transition:left 0.4s ease-out;

	-moz-transition:left 0.4s ease-out;	-o-transition:left 0.4s ease-out;	-ms-transition:left 0.4s ease-out;	transition:left 0.4s ease-out}

.flickerplate.animate-jquery-slide ul.flicks {position:relative;left:0%}

.flickerplate.animate-scroller-slide {padding-bottom:0px;overflow:auto}

.flickerplate.animate-scroller-slide ul.flicks {position:auto}



.wap_zj { width:25%; height:auto; float:left;}

.wap_zj img{ width:100%; height:auto; float:left;opacity:1;}

.wap_zj img:hover{opacity:1;}

.wbj{ background:none;}