@import url("flexslider.css");
/* CSS Document */

.box {
	position: relative;
	z-index: 100;
	background: none;
	padding-top: 0.46rem;
	background: #fff;
}

h1 {
	font-size: 0.32rem;
	color: #333;
	text-align: center;
	position:relative;
}
h1 a{
	position: absolute;
	right: 0.25rem;
	top: 0.2rem;
	color: #e1391a;
	font-size: 0.19rem;
}
.block1 .content{
	width: 13.9rem;
	margin: 0 auto;
	padding-bottom: 0.9rem;
}
.block2{
	background: #f7f7f7;
}
.block3{
	background: #f7f7f7;
	position: relative;
}
.block4{
	background: #f7f7f7;
}
.block2 .content{
	width: 12.01rem;
	margin: 0 auto;
	padding-top: 0.7rem;
}
.block3 .content{
	width: 12.01rem;
	margin: 0 auto;
}
.block4 .content{
	width: 12.01rem;
	margin: 0 auto;
	padding-top: 0.67rem;
	padding-bottom: 0.75rem;
}
.hot-z1{
	display: none;
}
.hot-z2{
	height: 4.16rem;
	margin-top: -0.13rem;
	display: none;
}

.hot-con{
	/* margin-top: 0.52rem; */
	position: relative;
}
.hot-con .pic-con{
	width: 12.12rem;
	margin: 0 auto;
	padding-top: 0.4rem;
	height: 4.5rem!important;
	overflow: hidden;
}
.hot-con .swiper-slide{
	width: 3.93rem!important;
	background: #f7f7f7;
	/* float: left; */
	height: 3.9rem!important;
	position: relative;
	margin: 0 0 0 0.109rem;
	cursor: pointer;
	display: block;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.hot-con .swiper-slide:hover{
	margin-top: -0.13rem;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.hot-con .swiper-slide:hover .buy01,.hot-con .swiper-slide:hover .buy02{
	filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.hot-con .prev{
	float: left;
	/*margin-top: 1.65rem;*/
}
.hot-con .next{
	float: right;
	/*margin-top: 1.65rem;*/
}
.hot-con .hot-pic{
	width: 3.93rem;
}
.hot-pic img{
	width: 100%;
}
.hot-titleText{
	position: absolute;
    top: 0.8rem;
    font-weight: 600;
    font-size: 0.24rem;
    left: 0.38rem;
	width: 3.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hot-introduceText{
	position: absolute;
    top: 1.14rem;
    font-weight: 600;
    font-size: 0.19rem;
    left: 0.38rem;
}
.hot-tu{
	position: absolute;
	top: -0.13rem;
	right: 0.32rem;
	width: 0.64rem;
	display: block;
}
.hot-l{
	background: url(../images/index/line.png) no-repeat right center;
	width: 1.97rem;
	margin-top: 0.3rem;
	padding-left: 0.4rem;
}
.hot-l{
	margin-top: 0.18rem;
}
.hot-r{
	background: none;
	width: 1.9rem;
	/* margin-top: 0.11rem; */
	padding-left: 0.3rem;
}
.hot-r1{
	margin-top: 0.08rem;
}
.hot-l h4{
	color: #e1391a;
	font-size: 0.46rem;
}
.hot-l h4.c50902a{
	color:#50902a;
}
.hot-l font{
	font-size: 0.24rem;
}
.hot-l p{
	font-size: 0.16rem;
	color: #4a4a4a;
	margin-top: 0.08rem;
}
.cp-z1{
	margin-top: 0.29rem;
	/* overflow: hidden; */
}
.zg-cpl{
	position: relative;
}
.zg-cpl .zg-pic{
	width: 3rem;
	position: relative;
	height: 3.46rem;
}
.zg-cpl img{
	width: 100%;
}
.zg-zi{
	position: absolute;
	top: 0.6rem;
	width: 2.39rem;
	margin-left: 0.32rem;
}
.zg-zi h3{
	font-size: 0.28rem;
	border-bottom:#7b7c7c 1px solid;
	padding-bottom: 0.12rem;
	margin-bottom: 0.4rem;
}
.zg-zi p{
	font-size: 0.19rem;
	margin-top: 0.15rem;
}
.zg-cpr{	
	height: 3.46rem;
	background: #fff;
}
.zg-tu{
	position: absolute;
	top: -0.13rem;
	right: 0.24rem;
	width: 0.48rem;
	display: block;
}
.zg-tu img{
	width:100%;
}
.zg-cpr li{
	position: relative;
	width: 2.98rem;
	height:3.46rem;
	float: left;
	padding-top: 0.49rem;
	border-right: #efefef 1px solid;
	text-align: center;
	cursor: pointer;
}
.zg-cpr li:hover .buy,.zg-cpr li:hover .buy0{
	bottom: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.zg-cpr h3{
	font-size: 0.24rem;
	color: #333;
}
.zg-cpr h4{
	color: #e1391a;
	font-size: 0.46rem;
	margin-top: 0.15rem;
}
.zg-cpr h4.c50902a{
	color:#50902a;
}
.zg-cpr font{
	font-size: 0.24rem;
}
.zg-cpr h6{
	border-bottom: #e7e7e7 1px solid;
	font-size: 0.16rem;
	color: #333;
	width: 1.25rem;
	margin: 0 auto 0.1rem auto;
	padding-bottom: 0.08rem;
}
.zg-cpr p{
	text-align: left;
	font-size: 0.16rem;
	color: #333;
	padding-top: 0.1rem;
	padding-left: 0.66rem;
}
.zg-cpr p font{
	font-size: 0.16rem;
	color: #e1391a;
}
.buy{
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	bottom: -0.78rem;
}
.buy0{
	background: #e0e0e0;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #000000;
	text-align: center;
	line-height: 0.78rem;
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	bottom: -0.78rem;
}
.buy01{
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0.18rem;
	filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.buy02{
	background: #e0e0e0;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #000000;
	text-align: center;
	line-height: 0.78rem;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0.18rem;
	filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.buy1{
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	display: block;
	float: left;
	width: 100%;
	bottom: -0.78rem;
	position: absolute;
}
.zg-cpr .zg-span{
	margin: 0.3rem 0 0 0;
}
.zg-cpr span{
	background: #f2f2f2;
	width:1.2rem;
	height: 0.24rem;
	line-height:0.24rem;
	float: left;
	display: block;
	border-radius:6px;
	margin-left: 0.2rem;
}
.zg-cpr .zg-span .yh-span{
	background: #f2f2f2;
	width:1.2rem;
	height: 0.24rem;
	line-height:0.24rem;
	float: left;
	display: block;
	border-radius:6px;
	margin:0 0.89rem;
}
.lc-pic{
	position: relative;
	padding-top: 0.3rem;
}
.lc-pic img{
	width: 100%;
}
.gz-con{
	position: absolute;
	top: 0.99rem;
	padding-top: 0.3rem;
	width: 12.01rem;
}
.gz-lc{
	margin-top: 0.5rem;
	overflow: hidden;
}
.gz-lc li{
	height: 3.84rem;
	background: #fff;
	float: left;
	position: relative;
	cursor: pointer;
}
.gz-lc li:hover .buy1{
	bottom: 0;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.gz-lc .lc-li{
	width: 5.91rem;	
	padding: 0.48rem 0.5rem 0 0.5rem;
}
.gz-lc li.cur{	
	margin-left: 0.18rem;
}
h2{
	font-size: 0.24rem;
	color: #333;
}
.gz-zi{
	position: relative;
	border-bottom: #ccc 1px solid;
	padding-bottom: 0.1rem;
	float: left;
	width:4.91rem;
	margin-top: 0.4rem;
}
.gz-zi h4{
	float: left;
	width: 2.2rem;
	color: #e1391a;
	font-size: 0.46rem;
}
.gz-zi font{
	font-size: 0.24rem;
}
.gz-zi span{
	background:url(../images/index/mbg.jpg) no-repeat;
	font-size: 0.14rem;
	color: #fff;
	width: 75px;
	height: 24px;
	line-height:24px;
	display: block;
	position: absolute;
	top: 0;
	right:0;
	padding-left: 16px;
}
.gz-zi h6{
	font-size: 0.19rem;
	float: left;
	color: #333;
	width: 2.2rem;
	margin-top: 0.2rem;
}
.gz-zi1{
	padding-bottom: 0.23rem;
	margin-top: 0;
}
.gz-zi1 h6 strong{
	width: 0.2rem;
	height: 0.2rem;
	position: absolute;
	top: 0.22rem;
}
.gz-zi1 img{
	width: 100%;
}
.gz-zi1 h6 font{
	font-size: 0.19rem;
	padding-left: 0.25rem;
}
.kx{
	margin-top: 0.43rem;
	overflow: hidden;
}
.kx-l{
	width: 6rem;
	position: relative;
	overflow: hidden;
}
.kx-l img{
	width: 100%;
}
.kx-r{
	background: #fff;
	width: 6.01rem;
	padding-left: 0.1rem;
	overflow: hidden;
}
.kx-l .kx-con{
	position: absolute;
	background: url(../images/index/h-bg.png) repeat-x;
	width: 3.85rem;
	height: 1.93rem;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 0 0.35rem;
}
.kx-d{	
	margin-top: 14%;
}
.kx-x{	
	margin-top: 23%;
}
.kx-d p{
	font-size: 0.24rem;
}
.kx-d font{
	font-size: 0.6rem;
}
.kx-x p{
	text-align: left;
	font-size: 0.16rem;
	line-height: 0.3rem;
}
.kx-r ul{
	height: 3.21rem;
	overflow: hidden;
}
.kx-r li{
	height: 1.61rem;
	border-bottom: #d1d1d1 1px solid;
	padding:0.26rem 0 0.26rem 0.35rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.kx-r li:hover .buy2{
	right: 0;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.kx-r li p{
	color: #333;
	font-size: 0.16rem;
	line-height: 0.35rem;
}
.kx-r li font{
	color: #e1391a;
	font-size: 0.6rem;
}
.kx-r li .zi-1{
	color: #e1391a;
	font-size: 0.24rem;
}
.kx-r li strong{
	font-size: 0.24rem;
	font-weight: normal;
	padding-right: 0.2rem;
}
.buy2{
	background: #e1391a;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	width: 1.43rem;
	position: absolute;
	right: -1.43rem;
	top: 0;
	height: 1.61rem;
	line-height: 1.61rem;
}

.prev {
	background:url(../images/left.png) no-repeat center center;
	width: 60px;
	height: 60px;
	position: absolute;
	left: -0.5rem;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	z-index: 100;
}

.next {
	background:url(../images/right.png) no-repeat center center;
	width: 60px;
	height: 60px;
	position: absolute;
	right: -0.5rem;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	z-index: 100;
}
.productClick{
	position: relative;
	height: 2.97rem;
    overflow: hidden;
}