@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;}

.ggw{ width: 690px; margin: 0 12px; float: left;}
.ggw_ul{ width: 700px; float: left;}
.ggw_ul li{ width: 223px; height: 80px; margin-right: 10px; 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{ padding: 0 20px; height: 38px; line-height: 38px; font-size: 20px; color: #fff; background: #0fab2c; float: left;}
.xpss .bt ul{ float: right; height: 24px; margin-top: 5px; width:408px}
.xpss .bt ul li{ height: 22px;line-height: 22px; border: 1px #dfdfdf solid; font-size: 14px; float: left; margin-left: 10px; border-radius: 4px; color: #4c4c4c; width:80px; text-align:center}
.xpss .bt ul li:hover{background: #0fab2c; border: 1px #0fab2c solid;}
.xpss .bt ul li a:hover{ color: #fff;}




.xpss ul{ width: 1210px; margin-top: 15px;}
.xpss ul li{ width: 230px; border: 1px #f6f6f6 solid; margin-right: 10px; margin-bottom: 10px; float: left;}
.xpss ul li:hover{ border: 1px #0fab2c solid;}
.xpss ul li img{ width: 230px; height: 172px; float: left;}
.xpss ul li div{ width: 230px; 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: #f00; 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{ padding: 0 20px; height: 38px; line-height: 38px; font-size: 20px; color: #fff; background: #0fab2c; float: left;}
.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: 230px; 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: 230px; height: 172px; float: left;}
.cpzs_l li div{ width: 230px; 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: #f00; display: block; float: left;}

.cpzs_r{ width: 230px; margin-top: 15px; float: right;}
.cpzs_r .xbt{ width: 230px; height: 24px; border-bottom: 1px #4c4c4c dashed; float: left;}
.cpzs_r .xbt b{ height: 18px; line-height: 18px; border-left: 4px #0fab2c solid; padding-left: 10px; font-size: 18px; color: #4c4c4c; 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: 230px; float: left; margin-top: 10px;}
.cpzs_r ul li{ width: 230px; height: 28px; line-height: 28px; font-size: 14px; color: #4c4c4c; float: left; overflow: hidden;}
.cpzs_r ul li a:hover{color: #0fab2c;}

/*名优品牌*/
.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 p{ width: 129px; height: 30px; line-height: 30px; padding: 0 10px; background: #f2f2f2; color: #4c4c4c; text-align: center; overflow: hidden;}
.blogroll-text{ margin-top:10px}
#SearchKey {
    height: 34px !important
}