@charset "utf-8";
/* CSS Document */

/*通用*/
body{ margin: 0px; font-size: 12px; margin:0 auto; font-family: "微软雅黑";}
img{ border: 0px;}
ul,li { margin: 0; padding: 0; list-style: none;}
form,h1,h2,h3,h4,h5,p{ margin: 0; padding: 0;}
a{ text-decoration: none;}
input:focus{ outline:none;}
.clear{ clear: both;}

/*首页样式*/

/*快速找产品*/
.cpk{ width: 1200px; margin: 0 auto; margin-bottom: 10px; margin-top:5px}
.zcp{ width: 220px; float: left;}
.zcp_div{ width: 220px; height: 40px; line-height: 40px; background: #0fab2c; float: left;}
.zcp_div img{ margin: 10px; float: left; display: block;}
.zcp_div b{ line-height: 40px; font-size: 20px; color: #fff; float: left; display: block;}
.zcp_dfl{ width: 218px; border-left: 1px #dfdfdf solid; border-right: 1px #dfdfdf solid; float: left;}
.zcp_fl{ width: 218px; float: left; padding-bottom: 10px; border-bottom: 1px #dfdfdf solid; position: relative;}
.zcp_fl .zcp_bt{ margin: 10px; width: 198px; float: left;}
.zcp_fl .zcp_bt img{ width: 6px; height: 16px; float: left;}
.zcp_fl .zcp_bt a{ margin-left: 10px; font-size: 16px; height: 16px; line-height: 16px; color: #0fab2c; float: left;}
.zcp_fl p{ width: 198px; margin: 0 10px; font-size: 14px; line-height: 18px; color: #b4b4b4;}
.zcp_fl p a{ margin-right:5px}
.zcp_fl p a:hover{ color: #0fab2c; }
.zcp_fl:hover .zcp_xfl{ display: block;}
.zcp_xfl{ width: 458px; padding: 20px; border: 1px #dfdfdf solid; background: #fff; position: absolute; left: 218px; top: -6px; z-index: 999; display: none;}
.zcp_xfl li{ height: 30px; line-height: 30px; font-size: 14px; float: left; margin-right:10px}
.zcp_xfl li a{ color: #4c4c4c;}
.zcp_xfl li a:hover{ color: #f00;}

ul span,dl i,dl span,ol span{display:block}
.fs-14{font-size:14px }
.sub_menu{height:30px;color:#333;font-size:12px;line-height:30px}
.sub_menu a{color:#888}
.sub_menu em{color:#888}
.sub_menu span,.sub_menu span a{color:#878787}
.c888{color:#888}
.formSel{margin-bottom:20px}
.formSel .sTit{display:block; font:400 14px/35px Microsoft YaHei}
.formSel .selected{overflow:hidden;padding:12px 0 0 10px;height:32px;background:#f6f6f8; font-size: 14px;}
.formSel .selected .eTit{float:left;margin-right:8px;color:#333;font-size:18px;line-height:20px;font-weight: bold;}
.formSel .selected .sOpt{position:relative;float:left;display:block;overflow:hidden;margin-right:10px;padding:0 23px 0 10px;height:24px;background:#fff;color:#333;line-height:24px}
.formSel .selected .aClose{position:absolute;top:6px;right:4px;width:13px;height:13px;background-position:-204px -174px}
.formSel .selected .aClose:hover{background-position:-208px -325px}
.formSel .selected .aRev{float:left;width:75px;background:#b10101;color:#FFF;text-align:center;line-height:24px}
.listSel .dTit span,.Select .aAll,.Select .aAlled,.Select .aMore,.aClose,.aMore.on,.conBox .pBtn .aDelT,.list-icon,.listSel .dList .iBox .addId,.listSel .dList .iBox a.deleteon,.listSel .dList .itry,.listSel .dList .sKey a,.listSel .dList .sKey i,.listSel .dTit a,.listSel .star .afg,.pSorry i,.s-search .search,.stylebtn,.videolist li .news-pic i{background:url(../images/qiyeku/icon-list.png) no-repeat}
.Select{background:#fff;zoom:1}
.Select .last,.Select .list{padding:10px 0;border-top:1px solid #e5e5e5;font-size:14px;line-height:24px}
.Select .eTit{font-size:18px;text-align: center;vertical-align: middle;position: relative;zoom: 1;}
.Select .sort{display:block;overflow:hidden;width:110%;height:48px;border-left:solid 1px #ececec}
.Select .sort ul{display:table-cell;vertical-align:middle}
.Select .sort#brand{overflow:hidden;max-height:115px; width: 1000px;}
.Select .sort li{float:left;overflow:hidden;margin-left: 10px;height:24px;font-size:14px;padding: 0 20px 0 0;}
.Select .on .sort,.Select .sort.on{height:auto}
.Select .on.sort#brand{ overflow-y: scroll !important; }
.Select .aMore{float:left;display:none;margin:0 auto;width:27px;height:27px;border:1px solid #ececec;background-position:-197px -138px;color:#878787;text-indent:-99em;font-size:12px;line-height:20px}
.Select .aMore.on{background-position:-197px -12px}
.Select .aMore:hover{background-color:#eee}
.Select .aMored{background-position:-790px -443px}
.Select .last .dInp{display:none;margin-bottom:10px}
.Select .last .inpS{padding-left:22px;width:166px;height:20px;border:1px solid #e5e5e5;background-position:-783px -465px;color:#878787;font:400 12px/20px Microsoft YaHei}
.Select .last .brand.onb{overflow-x:hidden;overflow-y:scroll;width:550px;height:192px}
.Select .last .brand.onb ul{width:550px}
.Select .listON{display:none}
.Select .pAll{margin:-1px auto;width:180px;height:40px;border:1px solid #e5e5e5;color:#999;text-align:center;font-size:16px}
.Select .aAll{position:relative;display:block;margin:-1px auto 0;padding-left:22px;height:42px;background-position:-182px -130px;color:#878787;line-height:42px}
.Select .aAlled{padding-left:32px;width:70px;background-position:-182px -25px}
.Select .aAll.on{background-position:-182px -2px}
.Select .aAll:hover{background-color:#ededed;background-position:-182px -130px}
.Select .aAll.on:hover{background-color:#ededed;background-position:-182px -2px}
.Select dl.list{overflow:hidden}
.Select dl.list.first{border-top:0}
.Select dl.list dt{float: left;width: 88px;height: 48px;text-align: center;vertical-align: middle;}
.Select dl.list dt a{display: table-cell;width: 88px;height: 48px;color: #13a020;vertical-align: middle;/* text-align: right; */text-align: center;vertical-align: middle; *display: block;*font-size: 42px;/*约为高度�?.873�?00*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/position: relative;zoom: 1;}
.Select dl.list dd.selectitem{float:left;width:975px}
.Select dl.list dd.dmore{float:left;width:48px;height:46px;margin-left: 80px;}
.alllist{overflow:hidden;border:1px solid #e5e5e5; margin-top: 10px; border-top: none;}
.col-pd{float:left;display:block;margin-top:50px;margin-bottom:40px;width:1120px}
.col-pd .col-l{float:left;width:782px;background:#FFF}
.col-pd .col-r{float:left;margin-left:38px;width:300px; margin-top: 40px;}



.ggw{ width: 690px; margin: 0 12px; float: left;}
.ggw_ul{ width: 700px; float: left;}
.ggw_ul li{ width: 104px; height: 78px; margin-left: 24px; margin-top: 10px; float: left;}

.cpdt{ width: 266px; float: left;}
.cpdt_div{ width: 246px; padding-left: 20px; background: #0fab2c; line-height: 40px; font-size: 20px; color: #fff; float: left;}
.cpdt ul{ width: 266px; margin-top: 6px; float: left;}
.cpdt ul li{ width: 266px; height: 26px; float: left; overflow: hidden;}
.cpdt ul li a{ height: 26px; line-height: 26px; font-size: 14px; color: #4c4c4c;}
.cpdt ul li a:hover{ color: #0fab2c;}

/*banner*/
.banner{ width: 690px; height: 275px; float: left;}
#slider-wrap{ width :690px; height: 275px; position: relative; overflow: hidden;}
#slider-wrap ul#slider{ width:100%;height:100%;position:absolute;top:0;left:0;}
#slider-wrap ul#slider li{ float:left;position:relative;width:690px;height:275px;}
/*bar*/
#pagination-wrap{ min-width:20px; margin-top:250px;margin-left: 600px;height: 15px;position:relative;text-align:center;}
#pagination-wrap ul { width:100%;}
#pagination-wrap ul li{ margin: 0 4px;display: inline-block;width:5px;height:5px;border-radius:50%;background:#fff;opacity:0.5;position:relative;top:0;}
#pagination-wrap ul li.active{ width:12px;height:12px;top:3px;opacity:1;box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;}

/*新品上市*/
.xpss{ width: 1200px; margin: 0 auto;}
.xpss .bt{ width: 100%; height: 38px; border-bottom: 1px #0fab2c solid;}
.xpss .bt b{ height: 38px; line-height: 38px; font-size: 20px; color: #0fab2c; float: left; margin-top: -5px;}
.xpss .bt img{ float: left; margin-right: 5px;}
.xpss .bt ul{ float: right; height: 24px; margin-top: 5px; width:465px; overflow: hidden;}
.xpss .bt ul li{ height: 22px;line-height: 22px; border: 1px #dfdfdf solid; font-size: 14px; float: left;  border-radius: 4px; color: #0fab2c; width:80px; text-align:center; margin-left: 10px;}
.xpss .bt ul li:hover{background: #0fab2c; border: 1px #0fab2c solid;}
.xpss .bt ul li a:hover{ color: #fff;}
.xpss .bt span{float: right; height: 24px; margin-top: 5px; color: #666;}



.xpss ul{ width: 1210px; margin-top: 15px;}
.xpss ul li{ width: 229px; border: 1px #f6f6f6 solid;margin-bottom: 10px; float: left;}
.xpss ul li:nth-child(5n){margin-right: 0px;}
.xpss ul li:hover{ border: 1px #0fab2c solid;}
.xpss ul li img{ width: 229px; height: 219px; float: left;}
.xpss ul li div{ width: 229px; height: 96px; background: #f6f6f6; float: left; text-align: center; font-size: 14px;}
.xpss ul li div a:nth-child(1){ width: 160px; height: 14px; line-height: 14px; margin: 12px 35px 5px 35px; color: #4c4c4c; overflow: hidden; display: block; float: left;}
.xpss ul li div a:nth-child(2){ width: 180px; height: 14px; line-height: 14px; margin: 5px 25px; color: #b4b4b4; overflow: hidden; display: block; float: left;}
.xpss ul li div a:nth-child(3){ width: 70px; height: 22px; line-height: 22px; margin: 5px 80px; color: #fff; border-radius: 4px; background: #0fab2c; display: block; float: left;}

/*产品*/
.blogroll{ margin-top:0px!important}
.cpzs{ width: 1200px; margin: 0 auto; margin-top:5px;}
.cpzs .bt{ width: 100%; height: 38px; border-bottom: 1px #0fab2c solid;}
.cpzs .bt b{height: 38px; line-height: 38px; font-size: 20px; color: #0fab2c; float: left; margin-top: -5px;}
.cpzs .bt p{float: right;}
.cpzs .bt p a{padding-left: 10px;line-height: 38px;}
.cpzs .bt img{ float: left; margin-right: 5px;}
.cpzs .bt b span{height: 38px; line-height: 38px; font-size: 20px;color: #575757;}
.cpzs .bt b a{color: #139f20;}
.cpzs .bt ul{ float: right; height: 24px; margin-top: 5px;}
.cpzs .bt ul li{ height: 22px;line-height: 22px; border: 1px #dfdfdf solid; font-size: 14px; padding: 0 10px; float: left; margin-left: 10px; border-radius: 4px; color: #4c4c4c;}
.cpzs .bt ul li:hover{background: #0fab2c; border: 1px #0fab2c solid;}
.cpzs .bt ul li a:hover{ color: #fff;}

.cpzs_l{ width: 970px; margin-top: 15px; float: left;}
.cpzs_l li{ width: 229px; border: 1px #f6f6f6 solid; margin-right: 10px; margin-bottom: 10px; float: left;}
.cpzs_l li:hover{ border: 1px #0fab2c solid;}
.cpzs_l li img{ width: 229px; height: 219px; float: left;}
.cpzs_l li div{ width: 229px; height: 96px; background: #f6f6f6; float: left; text-align: center; font-size: 14px;}
.cpzs_l li div a:nth-child(1){ width: 160px; height: 14px; line-height: 14px; margin: 12px 35px 5px 35px; color: #4c4c4c; overflow: hidden; display: block; float: left;}
.cpzs_l li div a:nth-child(2){ width: 180px; height: 14px; line-height: 14px; margin: 5px 25px; color: #b4b4b4; overflow: hidden; display: block; float: left;}
.cpzs_l li div a:nth-child(3){ width: 70px; height: 22px; line-height: 22px; margin: 5px 80px; color: #fff; border-radius: 4px; background: #0fab2c; display: block; float: left;}

.cpzs_r{ width: 229px; margin-top: 15px; float: right;}
.cpzs_r .xbt{ width: 229px; height: 24px; border-bottom: 1px #DBDBDB dotted; float: left;}
.cpzs_r .xbt b a{ height: 18px; line-height: 18px; border-left: 4px #0fab2c solid; padding-left: 10px; font-size: 18px; color: #139f20; float: left;}
.cpzs_r .xbt a{ height: 24px; line-height: 24px; font-size: 14px; color: #4c4c4c; float: right;}
.cpzs_r .xbt a:hover{ color: #f00;}
.cpzs_r ul{ width: 229px; float: left; margin-top: 10px;}
.cpzs_r ul li{ width: 229px; height: 28px; line-height: 28px; font-size: 14px; color: #4c4c4c; float: left; overflow: hidden;}
.cpzs_r ul li a:hover{color: #0fab2c;}



.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.wraper2{width: 1000px;margin:0 auto;}
.t2_logo{float:left;width:180px;height:80px; padding-left:229px;background:url(../img/hzp_logo.jpg) no-repeat 0 0;}
.t2_logo a{overflow:hidden;display:block;width:180px;height:65px; font-size:35px; color:#333333; padding-top:15px;}
.t2_ad{float:right;width:650px;height:80px;margin:10px;}
.t2_r{width:580px;}

.mainsearch { background-color:#f6f5f5; border:1px solid #a2a0a0; width:510px; height:36px; float:left; display:inline; margin:23px 0 0 0;position:relative;}
/*.main_input { background:url(../img/search.png) 0 -47px no-repeat #f6f5f5; border:0; color:#a2a0a0; height:35px;line-height:35px/9; padding-left:45px; width:465px;}*/
.mainbtn { background-color:#da70c7; border:0; color:#ffffff;font:500 16px/38px "microsoft yahei"; cursor:pointer; width:65px; height:38px; float:left; display:inline; margin:23px 0 0 3px;}
.hotpro { float:right; height:40px; padding-top:10px; overflow:hidden; width:580px;}
.hotpro { color:#a2a0a0;}
.hotpro a {font: 12px/20px "microsoft yahei"; padding:0 5px;white-space: nowrap;}
.hotpro a:hover {background-color: #adadad;color: #FFFFFF;text-decoration: none;}
.nav {height:40px; background-color:white; overflow:hidden; width:1200px; position:relative;}
.nav li {float: left;margin-right:10px; display: inline;height: 40px;line-height: 40px;font-size: 18px;}
.nav li a { color: #18b202;display:block; height:40px;padding: 0 20px;font-weight: bold;}
.nav .nav_line {position: absolute;border-bottom: 4px solid #da70c7;height: 0;overflow: hidden;left: 0;bottom: 0;}
.cm{position:relative; width:1000px;margin:0 auto;line-height:36px;}
.cm span{ color:#da70c7;}

/*友情链接*/
.yl{width: 1200px;margin:0 auto;overflow: hidden;}
.yl1{width: 1200px;overflow: hidden;border-bottom: 1px #139f20 solid;}
.yl1 b{color:#139f20;float: left;line-height: 32px;text-align: center;font-size: 20px;}
.yl1 p{font-size: 14px;color:#a0a0a0;float: right;line-height: 34px;}
.friendLink{width: 1200px;margin:0 auto;}
.friendLink p{font-size: 14px;color:#868686;line-height: 24px;}
.friendLink p a{margin-right: 10px;}
.friendLink p a:hover{color:#139f20;}
.yqlj2{ width:1200px; float:left; font-size:14px;margin-top:6px;}
.yqlj2 a{ width:auto; height:28px; line-height:28px; color:#808080; float:left; margin-right:5px; display: block; Word-break: normal; white-space: nowrap;}

/* 共用头部分 end */


/* 页面主要内容部分 start */
.wraper{
	width:1200px;
	margin:0 auto;
}
/* 页面主要内容部分 end */

#tabTitles_1 {
	width:100%;
	height:28px;
}
#tabTitles_1 a{
	float:left;
	width:198px;
	border-top:1px solid #18b202;
	border-right:1px solid #fff;
	background-color: #18b202;
	height:28px;
	line-height: 28px;
	color:#fff;
	font-size: 16px;
	text-align: center;
}
#tabTitles_1 a.current{
	/*border-right:1px solid #fff;*/
	border-right:1px solid #18b202;
	background-color: #fff;
	color:black;

}

#tabCards_1 .tabCard dl{
	margin-top:12px;
	font-size: 16px;
	line-height: 24px;
}
#tabCards_1 .tabCard dt{
	line-height: 18px;
	font-size: 15px;
	font-weight: bold;
	color:black;
	float:left;
	width:210px;
	text-align: center;
}
#tabCards_1 .tabCard dt .pink{
	color:black;
}
#tabCards_1 .tabCard dd{
	margin-left:210px;	
}
#tabCards_1 .tabCard dd div{
	float:left;
	width:129px;
	height:24px;
	text-align: left;
}

.categories{
	padding-bottom:60px;
}




/*名优品牌*/
.mypp_ul{ width: 1200px; margin-top: 15px; margin-bottom: 30px; position: relative;}
.mypp_div{ width: 1198px; height: 265px; border: 1px #dfdfdf solid; margin: 0 auto; position: absolute; z-index: 999;}
.mypp_ul{ width:1300px}
.mypp_ul li{ width: 149px;  border: 1px #dfdfdf solid; float: left; margin:0 24px 10px 0}
.mypp_ul li:hover{border: 1px #139f20 solid; }
.mypp_ul li p{ width: 129px; height: 30px; line-height: 30px; padding: 0 10px; background: #f2f2f2; color: #4c4c4c; text-align: center; overflow: hidden;}
.mypp_ul li p:hover{color: #f00;}
.blogroll-text{ margin-top:10px}
#SearchKey {
    height: 34px !important
}