@charset "utf-8";

/* public */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}
body {font-size: 12px;color: #666666;font-family: Arial, Helvetica, sans-serif;background-color: #ffffff;}
ol,ul{list-style:none}
:focus{outline:0}
a img{border:0}
img{vertical-align:middle}
table{empty-cells:show}
ins{text-decoration:none}
del{text-decoration:line-through}
em{font-style:normal}
input {margin: 0;padding: 0;border:1px solid #ccc;}
a {
	color: #666666;
	text-decoration: none;
	text-decoration: none;
	-webkit-transition-duration: .2s;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: .2s;
	-moz-transition-property: color;
	-moz-transition-timing-function: ease-in;
	-o-transition-duration: .2s;
	-o-transition-property: color;
	-o-transition-timing-function: ease-in;
	transition-duration: .2s;
	transition-property: color;
	transition-timing-function: ease-in;
}
a:hover {text-decoration: none;color: #cd0606;}
.clr,.clear {display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0}
.clearfix{
	overflow: hidden;
}
.top-pic img{
 	width:100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.top-pic{
	width:100%;
}
.top{
    line-height: 55px;
    background: #474747;
    font-size: 16px;
    height: 55px;
	color: #999;
}
.top a{
	display: inline-block;
	color:#999999;
}
.con{
	width:1250px;
	margin:0 auto;
}
.top i{
	display: inline-block;
}
.top .order{
	margin-right:15px;
}
.top .order-bg,.top .register,.top .login{
	padding:0 20px;
}
.top .order-bg:hover,.top .register:hover,.top .login:hover{
	background: #5a5a5a;
}
.top .weChat{
	margin:0 20px 0 15px;
}
.head{
	height:105px;
	line-height: 105px;
}
.head .logo{
	width:170px;
}
.head .logo a:hover img{
	-webkit-transform: translate3d(0,-5px,0);
	transform: translate3d(0,-5px,0);
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.head .brand{
	width:158px;
	margin-left:20px;
}
.head .search{
    width: 500px;
    line-height: 50px;
    position: relative;
    margin: 25px 0 25px 170px;
}
.head .search input{
    width: 433px;
    line-height: 48px;
    padding-left: 15px;
    height: 48px;
}
.head .search i{
    display: inline-block;
    width: 49px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    cursor: pointer;
}
.head .search span{
    display: inline-block;
    width: 24px;
    padding-left: 13px;
}
.head .goods-cart .code{
	display: inline-block;
	width:80px;
	height:80px;
	background: url(../../../images/QuHeCha/index/code.png) no-repeat;
	vertical-align: middle;
	margin-right: 15px;
}
.head .goods-cart .cart{
	display: inline-block;
    width: 26px;
    height: 22px;
	background: url(../../../images/QuHeCha/index/cart.png) no-repeat;
}
.head .goods-cart span{
	font-size: 16px;
	color:#424242;
}
.index-pic{
	margin-top:10px;
}
.index-pic a{
	display: inline-block;
	margin-left:13px;
	width:300px;
}
.index-pic a:hover{
	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,.7);
	box-shadow: 0 5px 30px rgba(0,0,0,.7);
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0)
}
.index-pic .one{
	margin-left:0;
}
.con .title{
	height: 50px;
	line-height: 50px;
	color:#fff;
	font-size: 24px;
}
.con .title i{
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    margin: 0 5px 0 15px;
    vertical-align: middle;
}
.con .title .check{
	color:#fff;
	font-size: 14px;
	margin-right:10px;
}
.con .title .check:hover{
	text-decoration: underline;
}
.hot-sale .title .check:hover{
	color:#454545;
}
.hot-sale .title{
	background: #f30000;
	margin:50px 0 15px 0;
}
.hot-sale .pic a{
	width:238px;
	display: inline-block;
	margin-left: 10px;
}
.hot-sale .pic a:hover{
	-webkit-transform: translate3d(0,-3px,0);
	transform: translate3d(0,-3px,0);
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.hot-sale .pic .one{
	margin-left: 0;
}
.bg-con{
	padding:40px 0 120px;
    margin-top: 50px;
}
.pic-list .title{
	margin:50px 0 0 0;
	background: #00ba31;
}
.green .title{
	background: #00ba31;
	margin-top:0;
}
.green .small-title .fr-bg{
    background: #d9ecde;
    border-top: 2px solid #00ba31;
}
 .small-title .fr-bg .small-link{
	color:#333;
	 font-size:14px;
	 margin-left:10px;
}
.small-title .fr-bg .small-link:hover{
	text-decoration: underline;
}
.red .title{
	background: #f30000;
}
.red .small-title .fr-bg{
    background: #f2d9d9;
    border-top: 2px solid #f30000;
}
.gray .title{
	background: #d76c3c;
}
.gray .small-title .fr-bg{
    background: #efe4df;
    border-top: 2px solid #d76c3c;
}
.light-blue .title{
	background: #80d4eb;
}
.light-blue .small-title .fr-bg{
    background: #e6eff1;
    border-top: 2px solid #80d4eb;
}
.light-green .title{
	background: #00d3c1;
}
.light-green .small-title .fr-bg{
    background: #d9efed;
    border-top: 2px solid #00d3c1;
}
.yellow .title{
	background: #ffb932;
}
.yellow .small-title .fr-bg{
    background: #f3ecde;
    border-top: 2px solid #ffb932;
}
.pic-list .small-title{
	margin:15px 0 15px 0;
}
.pic-list .small-title span{
	display: block;
    float: left;
    width: 208px;
    padding-left: 35px;
    font-size: 20px;
}
.pic-list .small-title .fr-bg{
	float: left;
    width: 1007px;
    color: #454545;
    height: 48px;
    line-height: 48px;
}
.pic-list .small-title .fr-bg a{
    color: #454545;
}
.pic-list .small-title .fr-bg a:hover{
	color:red;
}
.bg{
	background: #f2f2f2;
}
.pic-con li{
	float: left;
	width:240px;
	height:300px;
	margin-left: 10px;
	background: #fff;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.pic-con li:hover .pho{
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.pic-con li.first{
	position: relative;
	margin-left: 0;
}
.green li.first{
	background: url(../../../images/QuHeCha/index/pic10.png) no-repeat;
}
.red li.first{
	background: url(../../../images/QuHeCha/index/pic35.png) no-repeat;
}
.gray li.first{
	background: url(../../../images/QuHeCha/index/pic36.png) no-repeat;
}
.light-blue li.first{
	background: url(../../../images/QuHeCha/index/pic37.png) no-repeat;
}
.light-green li.first{
	background: url(../../../images/QuHeCha/index/pic38.png) no-repeat;
}
.yellow li.first{
	background: url(../../../images/QuHeCha/index/pic39.png) no-repeat;
}
.pic-list li.first a{
	width:100%;
	height:100%;
	display: block;
}
.pic-con li .msg p{
	font-size: 14px;
	text-align: center;
	margin-bottom:5px;
	color: #454548;
}
.pic-con li.first p{
	color:#fff;
}
.pic-con li .msg p span{
	font-size: 16px;
	color:#ff0000;
}
.pic-con li .msg{
	padding-top: 10px;
}
.pic-con li.first .shadow-bg{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58px;
    padding-top: 15px;
}
.pic-con li.first:hover .shadow-bg{
	background: rgba(0, 0, 0, 0.5);
}
.pic-con li .msg .price-prev{
	font-size: 16px;
	color:#ff0000;
}
.pic-con li .msg .price-next{
	font-size: 12px;
	color:#ff0000;
	margin-left:5px;
	text-decoration: line-through;
}
.pic-con li .pho{
	width: 240px;
	height:230px;
}
.pic-list .other-title{
	margin-top:45px;
}
.comment-tea .comment-con li{
    float: left;
    width: 394px;
    padding: 8px;
    background: #fff;
    height: 440px;
    overflow: hidden;
}
.comment-tea .comment-con li .pic{
    width: 390px;
    height: 210px;
    overflow: hidden;
}
.comment-tea .comment-con li .pic:hover{
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.comment-tea .comment-con li .txt{
	width:355px;
	margin:40px auto 0;
	font-size: 14px;
	color:#454545;
    padding-bottom: 20px;
}
.comment-tea .comment-con li .txt p:hover{
	text-decoration: underline;
}
.comment-tea .comment-con li .txt .from{
	color:#afadad;
    margin:0 0 5px 0;
}
.comment-tea .comment-con li .txt .word{
	height:95px;
}
.comment-tea .comment-con li .txt span{
	color:#ff0000;
    margin-left: 10px;
}
.comment-tea .comment-con{
    margin-top: 20px;
}
.comment-tea .middle{
    margin: 0 10px;
}
.life-con{
	margin-top:20px;
	position: relative;
}
.life-con .one{
    position: absolute;
    display: block;
    width: 415px;
    height: 337px;
    top: 0;
    left: 0;
}
.life-con .two{
	position: absolute;
	display: block;
	width:315px;
	height:575px;
	top:0;
	left:425px;
}
.life-con .three{
    position: absolute;
    display: block;
    width: 310px;
    height: 150px;
    top: 51px;
    right: 96px;
    background: url(../../../images/QuHeCha/index/fbg.png);
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-family: 'SourceHanSansCN Regular';
}
.life-con .three p.first{
	font-size:30px;
    margin: 35px 0 2px 0;
}
.life-con .three:hover{
    background: url(../../../images/QuHeCha/index/hfbg.png);
    color:red;
}
.life-con .four{
    position: absolute;
    display: block;
    width: 202px;
    height: 325px;
    top: 252px;
    right: 297px;
}
.life-con .txt1{
	position: absolute;
	width: 340px;
	height: 215px;
	padding: 18px 30px;
	top: 340px;
	left: 25px;
	line-height:27px;
}
.life-con .txt2{
	position: absolute;
	width: 250px;
	height: 275px;
	padding: 40px 10px 0;
	top: 262px;
	right: 10px;
	line-height:30px;
}
.life-con .txt1 a,.life-con .txt2 a{
	font-size:16px;
	color:#fff;
}
.life-con .txt1 a:hover,.life-con .txt2 a:hover{
	color:red;
	text-decoration: underline;
}
.foot .foot-pic{
	width:1200px;
	margin:85px auto 65px;
}
.foot .foot-pic li{
	float: left;
	border-left: 1px solid #b5b5b5;
    padding: 0 85px 0 54px;
}
.foot .foot-pic li a{
	display: inline-block;
}
.foot .foot-pic li.first{
	border-left:0;
}
.foot-txt{
	width:1200px;
	margin:0 auto 30px;
}
.foot  a:hover{
	text-decoration: underline;
}
.foot-txt li{
	float: left;
	text-align: center;
	font-size: 14px;
	color:#454545;
    width: 195px;
}
.foot-txt li a{
	color:#454545;
}
.foot-txt li p{
    margin-bottom:15px;
    line-height: 1.5em;
}
.foot-txt li .one{
	font-size: 16px;
    margin-bottom: 20px;
}
.foot-txt li .hotphone{
	font-size: 20px;
    margin-bottom: 5px;
}
.foot-txt li .phone{
	font-size: 24px;
    margin-bottom: 5px;
}
.foot-txt li .time{
	font-size: 14px;
	margin-bottom: 5px;
}
.foot-bg{
    background: #f2f2f2;
    height: 135px;
}
.foot-bg .left-txt{
    margin-top: 45px;
    font-size: 15px;
    line-height: 28px;
}
.foot-bg .middle-pic{
	margin:100px 0 0 110px;
}
.foot-bg .right-pic{
    margin-top: 40px;
}
/*轮播*/
#owl-demo {
    width: 1250px;
    margin: 0 auto;
}
#owl-demo{position:relative;margin:0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background:#333;*display:inline;*zoom:1;border-radius:10px;}
.owl-pagination .active{width:10px;height:10px;background:#fff;border-radius:10px;}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:250px;background-image:url(../../../images/QuHeCha/index/bg17.png);}
.owl-next{right:0;background-image:url(../../../images/QuHeCha/index/bg18.png);}
.owl-prev:hover{background-image:url(../../../images/QuHeCha/index/bg19.png);}
.owl-next:hover{background-image:url(../../../images/QuHeCha/index/bg20.png);}

.hc_slide-prev,.hc_slide-next{
	height: 70px;
	width: 50px;
	font-size: 20px;
	line-height: 20px;
	opacity: 0.0;
	display: block;
	position: absolute;
	left: 50%;
	top: 150px;
	z-index: 999;
	background-image: url(../../../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-color: #000000;
}
.hc_slide-prev{
	left: 50%;
	margin-left: -680px;
	_background-image: url(../../../images/slide/slick-prev.gif);
	background-position: left center;
}
.hc_slide-next{
	margin-left: 630px;
	left: 50%;
	_background-image: url(../../../images/slide/slick-next.gif);
	background-position: right center;
}
.hc_slide:hover .hc_slide-prev,.hc_slide:hover .hc_slide-next{
	opacity: 0.2;
}
/* hc_lnav */
.menu{
    width: 1250px;
    margin: 0 auto;
    height: 45px;
    background-color: #474747;
    clear: both;
}
.hc_lnav{
    width: 250px;
    float: left;
    position: relative;
    z-index: 9999;
}
.hc_lnav .allbtn{z-index:99999;position:relative}
.hc_lnav .allbtn h2{font-size:14px;box-shadow:2px 0px 6px -3px #428000;-webkit-box-shadow:2px 0px 6px -3px #428000;-moz-box-shadow:2px 0px 6px -3px #428000}
.hc_lnav .allbtn h2 a{
    line-height: 45px;
    background-color: #474747;
    width: 250px;
    display: block;
    font-family: 微软雅黑, 黑体;
    height: 45px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.hc_lnav .allbtn h2 a:hover{background-color:#616060;text-decoration:none}
.hc_lnav .allbtn h2 i{}
.hc_lnav .allbtn h2 strong{}
/*一级导航隐藏*/
.hc_lnav .allbtn ul{
    z-index: 99999;
    position: absolute;
    background:url(../../../images/QuHeCha/index/menubg.jpg) no-repeat;
    width: 250px;
    display: block;
    height: 460px;
    top: 45px;
    left: 0px;
}
.hc_lnav .allbtn ul{display:block}
.hc_lnav .allbtn ul li{zoom:1;clear:both;cursor:default}
.hc_lnav .allbtn ul li .tx{
    line-height: 50px;
    padding-left: 25px;
    height: 50px;
}
.hc_lnav .allbtn ul li .tx a .txt {
	float: left;
	display: block;
}
.hc_lnav .allbtn ul li .tx a .jt{
	float: right;
    margin-right: 45px;

}
.hc_lnav .allbtn ul li .tx a{font-family:微软雅黑, 黑体;display:block;color:#ffffff;font-size:14px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li .tx a i{line-height:29px;margin-top:10px;width:29px;background-position:0px 0px;float:left;height:29px;margin-right:10px;text-decoration:none}
.hc_lnav .allbtn ul li.a1 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico1.png)}
.hc_lnav .allbtn ul li.a2 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico2.png)}
.hc_lnav .allbtn ul li.a3 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico3.png)}
.hc_lnav .allbtn ul li.a4 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico4.png)}
.hc_lnav .allbtn ul li.a5 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico5.png)}
.hc_lnav .allbtn ul li.a6 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico6.png)}
.hc_lnav .allbtn ul li.a7 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico7.png)}
.hc_lnav .allbtn ul li.a8 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico8.png)}
.hc_lnav .allbtn ul li.a9 .tx a i{background-image:url(../../../images/QuHeCha/index/header_ico9.png)}
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow:auto;padding-top:4px}
.hc_lnav .allbtn ul li dl a{line-height:22px;white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px;margin-right:6px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dt{padding-left:10px;width:30px;float:left;padding-top:1px}
.hc_lnav .allbtn ul li dd{line-height:22px;width:150px;float:left;padding-top:2px}
.hc_lnav .allbtn ul li a:hover,
.hc_lnav .allbtn ul li a:hover .txt{
	color:red;
	text-decoration: underline;
}
.hc_lnav .allbtn ul li a:hover .jt{
	color:rgb(224, 83, 83);
}
/*二级导航隐藏*/
.hc_lnav .allbtn ul li .pop{
    position: absolute;
    border-left: medium none;
    padding-bottom: 10px;
    background-color: #fcfcfc;
    min-height: 438px;
    padding-left: 30px;
    width: 688px;
    padding-right: 30px;
    display: none;
    height: 438px;
    border-top: medium none;
    top: 0px;
    border: #ccc 1px solid;
    padding-top: 10px;
    left: 250px;
    font-size: 14px;
}
.hc_lnav .allbtn ul li:hover a:hover{
	color: #cd0606;
}
.hc_lnav .allbtn ul li .pop dl:hover {
	background-color: #f3f3f3;
}
.hc_lnav .allbtn ul li .pop h3{display:none;font-size:14px}
.hc_lnav .allbtn ul li .pop dl{padding-bottom:6px;color:#666666;padding-top:6px}
.hc_lnav .allbtn ul li .pop dl a{color:#666666;margin-left:12px;margin-right:12px;margin-bottom: 10px;}
.hc_lnav .allbtn ul li .pop dl a.un{color:#a5a5a5}
.hc_lnav .allbtn ul li .pop dt{padding-left:0px;width:72px;}
.hc_lnav .allbtn ul li .pop dd{width:565px;margin-left:-12px;}
.hc_lnav .allbtn ul li .pop .act{
    width: 680px;
    height: 150px;
    overflow: hidden;
    padding-top: 10px;
}
.hc_lnav .allbtn ul li:hover .pop{
	display: block;
	left: 250px;
	top: 0px;
}
.hc_lnav .allbtn:hover ul{display:block}/*控制一级菜单显示隐藏*/
.hc_lnav .allbtn ul li:hover{background: #00ba31;}
.hc_lnav .allbtn ul li:hover .tx{background-color:#00ba31;}
.hc_lnav .allbtn ul li:hover .tx a{color:#fff}
.hc_lnav .allbtn ul li:hover .tx a i{background-position:0px -29px}


.menu .tnav {
	height: 45px;
	float: left;
	font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53;
	font-size: 14px;
	color: #ffffff;
}
.menu .tnav li {
	float: left;
}
.menu .tnav li a {
	padding: 0 22px;
    line-height: 45px;
    color: #ffffff;
    height: 45px;
    font-size: 16px;
    text-align: center;
    background-color: #474747;
	display: block;
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing: ease-in;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing: ease-in;
	-o-transition-property: all;
	-o-transition-duration: .2s;
	-o-transition-timing: ease-in;
	transition-property: all;
	transition-duration: .2s;
	transition-timing: ease-in;
}
.menu .tnav li a:hover {
	text-decoration: none;
	background-color: #616060;
}