@charset "utf-8";
/* 琼飨农副产品 站点样式 */
*{margin:0;padding:0}
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#333;background:#f7f7f5;line-height:1.6}
a{color:#333;text-decoration:none}
a:hover{color:#4a7c2f}
ul,ol,dl{list-style:none}
img{border:0;vertical-align:middle;display:block}
em,i{font-style:normal}
input,textarea,select,button{font-family:"Microsoft YaHei",Arial;font-size:14px;outline:none}
table{border-collapse:collapse}
.fl{float:left}.fr{float:right}
.clear{clear:both;height:0;overflow:hidden}
.wrap{width:1200px;margin:0 auto}
.red{color:#d9331f}.green{color:#4a7c2f}.gray{color:#999}
.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}

/* 顶部条 */
.topbar{height:34px;line-height:34px;background:#f0f0ec;border-bottom:1px solid #e4e4df;font-size:12px;color:#777}
.topbar .fl{float:left}.topbar .fr{float:right}
.topbar a{color:#777;margin:0 5px}
.topbar a:hover{color:#4a7c2f}
.topbar em{color:#ccc;margin:0 2px}
.topbar strong{color:#d9331f;font-weight:normal}

/* 头部 */
.head{height:96px;background:#fff}
.head .logo{float:left;width:330px;padding-top:20px;text-decoration:none}
.head .logo .l1{display:block;font-size:27px;color:#3d6b22;font-weight:bold;letter-spacing:2px}
.head .logo .l2{display:block;font-size:12px;color:#999;letter-spacing:1px;margin-top:3px}
.headtel{float:left;margin-left:60px;padding-top:20px;border-left:1px solid #eee;padding-left:40px}
.headtel .t1{font-size:12px;color:#888}
.headtel .t2{font-size:24px;color:#d9331f;font-weight:bold;line-height:1.2;letter-spacing:1px}
.headtel .t3{font-size:12px;color:#999}
.headsearch{float:right;margin-top:30px;width:310px}
.headsearch input{float:left;width:230px;height:34px;line-height:34px;border:2px solid #4a7c2f;border-right:0;padding:0 10px;color:#333}
.headsearch button{float:left;width:68px;height:38px;border:0;background:#4a7c2f;color:#fff;cursor:pointer;font-size:15px}
.headsearch button:hover{background:#3d6b22}

/* 导航 */
.nav{height:44px;background:#4a7c2f}
.nav ul{width:1200px;margin:0 auto;position:relative}
.nav li{float:left;position:relative}
.nav li a{display:block;padding:0 34px;height:44px;line-height:44px;color:#fff;font-size:15px}
.nav li.on a,.nav li a:hover{background:#3a6324}
.nav li.has-sub{position:relative}
.nav .sub{display:none;position:absolute;left:0;top:44px;width:760px;background:#fff;border:2px solid #4a7c2f;border-top:0;padding:16px 18px;z-index:99}
.nav li:hover .sub{display:block}
.nav .sub dl{border-bottom:1px dashed #e6e6e0;padding:8px 0;overflow:hidden}
.nav .sub dl:last-child{border-bottom:0}
.nav .sub dt{float:left;width:120px;font-weight:bold}
.nav .sub dt a{height:auto;line-height:24px;padding:0;color:#3d6b22;font-size:14px}
.nav .sub dd{margin-left:130px;line-height:24px}
.nav .sub dd a{display:inline-block;height:auto;line-height:24px;padding:0 12px;color:#666;font-size:13px}
.nav .sub dd a:hover{color:#4a7c2f;text-decoration:underline}

/* 通栏 banner */
.banner{width:100%;height:380px;overflow:hidden;position:relative;background:#e8eee0}
.banner img{width:100%;height:380px;object-fit:cover}
.banner .bantxt{position:absolute;left:50%;top:80px;margin-left:-600px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.banner .bantxt h2{font-size:36px;font-weight:normal}
.banner .bantxt p{font-size:17px;margin-top:10px}

/* 位置导航 */
.crumb{height:40px;line-height:40px;font-size:13px;color:#888;background:#f0f0ec;border-bottom:1px solid #e6e6e0}
.crumb a{color:#666}
.crumb span{margin:0 6px;color:#bbb}

/* 首页板块 */
.block{margin-top:26px}
.btitle{height:42px;line-height:42px;border-bottom:2px solid #4a7c2f}
.btitle h3{float:left;font-size:20px;color:#3d6b22;font-weight:bold;padding-right:16px}
.btitle span{float:left;color:#999;font-size:13px;padding-top:2px}
.btitle .more{float:right;color:#888;font-size:13px}

/* 首页产品分类侧栏 */
.index-main{overflow:hidden;margin-top:20px}
.side{float:left;width:250px;background:#fff;border:1px solid #e6e6e0}
.side h4{height:40px;line-height:40px;background:#4a7c2f;color:#fff;font-size:16px;padding:0 15px;font-weight:normal}
.side .sitem{border-bottom:1px solid #eee;padding:10px 15px}
.side .sitem .s1{font-size:15px;color:#3d6b22;font-weight:bold}
.side .sitem .s2{padding-top:4px;line-height:22px}
.side .sitem .s2 a{margin-right:10px;color:#777;font-size:13px;white-space:nowrap}
.side .sitem .s2 a:hover{color:#4a7c2f;text-decoration:underline}
.side .sbot{padding:12px 15px;background:#fafaf7;font-size:13px;color:#777;line-height:1.9}

/* 产品列表 */
.plist{overflow:hidden}
.plist ul{margin-right:-20px}
.plist li{float:left;width:280px;margin:18px 20px 0 0;background:#fff;border:1px solid #e9e9e4}
.plist li:hover{border-color:#4a7c2f;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.plist .pic{width:278px;height:220px;overflow:hidden}
.plist .pic img{width:278px;height:220px;object-fit:cover}
.plist .tt{height:40px;line-height:20px;overflow:hidden;padding:8px 12px 0;font-size:14px}
.plist .tt a{color:#333}
.plist .pp{padding:6px 12px 12px;color:#999;font-size:12px}
.plist .pp b{color:#d9331f;font-size:17px}

/* 首页宽块 */
.pbox{float:right;width:930px}
.pbox .plist{margin-left:-20px}

/* 关于 */
.about-box{background:#fff;border:1px solid #e6e6e0;padding:26px;margin-top:20px;overflow:hidden}
.about-box .apic{float:left;width:330px}
.about-box .apic img{width:330px;height:240px;object-fit:cover}
.about-box .atxt{float:right;width:790px;font-size:14px;color:#555;line-height:2;text-indent:2em}
.about-box .atxt p{margin-bottom:8px}
.about-box .atxt .n1{text-indent:0;color:#3d6b22;font-size:16px;font-weight:bold;margin-bottom:12px}

/* 新闻列表 */
.newslist{margin-top:20px;background:#fff;border:1px solid #e6e6e0}
.newslist li{border-bottom:1px dashed #eee;padding:16px 20px;overflow:hidden}
.newslist li:last-child{border-bottom:0}
.newslist .ndate{float:left;width:70px;text-align:center;border-right:1px solid #eee;margin-right:18px}
.newslist .ndate b{display:block;font-size:24px;color:#3d6b22;line-height:1.1}
.newslist .ndate span{font-size:12px;color:#999}
.newslist .ninfo{float:left;width:1020px}
.newslist .ninfo h3{font-size:16px;font-weight:normal;margin-bottom:6px}
.newslist .ninfo p{color:#888;font-size:13px;line-height:1.8}

/* 分类页 */
.cat-left{float:left;width:220px;background:#fff;border:1px solid #e6e6e0}
.cat-left h4{height:40px;line-height:40px;background:#4a7c2f;color:#fff;padding:0 15px;font-weight:normal}
.cat-left a{display:block;padding:8px 15px;border-bottom:1px dashed #eee;color:#555}
.cat-left a:hover,.cat-left a.cur{color:#4a7c2f;font-weight:bold;background:#f6f8f3}
.cat-left .c2 a{padding-left:32px;font-size:13px;color:#888}
.cat-right{float:right;width:960px;min-height:400px}

/* 产品详情 */
.pdetail{background:#fff;border:1px solid #e6e6e0;margin-top:20px;padding:20px;overflow:hidden}
.pdetail .pdpic{float:left;width:400px}
.pdetail .pdpic .big{width:400px;height:320px;overflow:hidden;border:1px solid #eee}
.pdetail .pdpic .big img{width:400px;height:320px;object-fit:cover}
.pdetail .pdpic .sm{margin-top:10px;overflow:hidden}
.pdetail .pdpic .sm a{float:left;width:74px;height:74px;margin-right:8px;border:1px solid #eee;overflow:hidden}
.pdetail .pdpic .sm a.on{border-color:#4a7c2f}
.pdetail .pdpic .sm img{width:74px;height:74px;object-fit:cover}
.pdetail .pdinfo{float:right;width:720px}
.pdetail .pdinfo h1{font-size:22px;font-weight:normal;color:#333;line-height:1.4}
.pdetail .pdinfo .pmeta{margin-top:10px;font-size:13px;color:#888}
.pdetail .pdinfo .pmeta span{margin-right:24px}
.pprice{background:#fafaf7;border:1px solid #eee;padding:14px 18px;margin-top:16px;line-height:2.2;font-size:13px;color:#666}
.pprice .yj{text-decoration:line-through;color:#aaa}
.pprice .now{color:#d9331f;font-size:26px;font-weight:bold}
.pprice table{width:100%;font-size:13px}
.pprice td{border:1px solid #eee;padding:6px 10px}
.pprice th{background:#f2f5ee;border:1px solid #eee;padding:6px 10px;text-align:left;font-weight:normal}
.pbuy{margin-top:20px}
.pbuy label{font-size:14px;margin-right:8px}
.pbuy .numbox{display:inline-block;vertical-align:middle;margin-right:14px}
.pbuy .numbox a{display:inline-block;width:28px;height:32px;line-height:32px;text-align:center;border:1px solid #ccc;background:#f7f7f7;cursor:pointer;user-select:none}
.pbuy .numbox input{width:46px;height:32px;line-height:32px;text-align:center;border:1px solid #ccc;border-left:0;border-right:0;vertical-align:top}
.pbuy .btn{display:inline-block;height:38px;line-height:38px;padding:0 26px;border:0;cursor:pointer;font-size:15px;color:#fff;margin-right:10px}
.pbuy .btn1{background:#d9331f}
.pbuy .btn1:hover{background:#c02a18}
.pbuy .btn2{background:#4a7c2f}
.pbuy .btn2:hover{background:#3d6b22}
.pcontent{margin-top:20px;background:#fff;border:1px solid #e6e6e0;padding:22px}
.pcontent h3{font-size:17px;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:14px;color:#3d6b22;font-weight:normal}
.pcontent .cc{font-size:14px;line-height:2;color:#555}
.pcontent .cc img{max-width:100%;height:auto;display:block;margin:10px auto}
.pcontent .cc p{margin-bottom:10px}

/* 表单 */
.formbox{background:#fff;border:1px solid #e6e6e0;margin-top:20px;padding:26px}
.formbox table{width:100%}
.formbox td{padding:9px 6px;font-size:14px;color:#555}
.formbox td.lb{width:110px;text-align:right;color:#666}
.formbox .ipt{width:300px;height:34px;line-height:34px;border:1px solid #ccc;padding:0 8px}
.formbox .ipt:focus{border-color:#4a7c2f}
.formbox .ipt2{width:120px}
.formbox textarea{border:1px solid #ccc;padding:8px;resize:vertical}
.formbox .tip{color:#999;font-size:12px;padding-left:8px}
.formbox .err{color:#d9331f;font-size:12px;padding-left:8px}
.formbox .submit{height:38px;line-height:38px;padding:0 40px;background:#4a7c2f;border:0;color:#fff;cursor:pointer;font-size:15px}
.formbox .submit:hover{background:#3d6b22}
.formbox .rline{color:#d9331f;font-size:12px;background:#fff5f3;border:1px solid #f5d5cd;padding:10px 14px;margin-bottom:16px}

/* 登录注册 */
.lgbox{overflow:hidden;margin-top:24px}
.lgleft{float:left;width:430px;background:#fff;border:1px solid #e6e6e0;padding:30px 34px}
.lgleft h3{font-size:19px;font-weight:normal;color:#3d6b22;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:18px}
.lgright{float:right;width:620px;background:#fff;border:1px solid #e6e6e0;padding:30px 34px;color:#666;line-height:2}
.lgright h3{font-size:17px;font-weight:normal;color:#3d6b22;margin-bottom:12px}
.lgright .lv{border-bottom:1px dashed #eee;padding:10px 0}
.lgright .lv b{color:#d9331f}

/* 会员中心 */
.membox{overflow:hidden;margin-top:20px}
.memleft{float:left;width:200px;background:#fff;border:1px solid #e6e6e0}
.memleft h4{height:40px;line-height:40px;background:#4a7c2f;color:#fff;padding:0 15px;font-weight:normal}
.memleft a{display:block;padding:9px 18px;border-bottom:1px dashed #eee;color:#555}
.memleft a:hover,.memleft a.cur{background:#f6f8f3;color:#4a7c2f;font-weight:bold}
.memright{float:right;width:980px;background:#fff;border:1px solid #e6e6e0;padding:22px;min-height:420px}
.memright h3{font-size:17px;font-weight:normal;color:#3d6b22;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:16px}
.meminfo{background:#fafaf7;border:1px solid #eee;padding:16px 20px;line-height:2.2;color:#666;font-size:14px}
.meminfo b{color:#d9331f}
.meminfo .up{display:inline-block;margin-left:14px;padding:2px 12px;background:#4a7c2f;color:#fff;font-size:12px}

/* 表格数据 */
.dtable{width:100%;border:1px solid #e6e6e0;font-size:13px}
.dtable th{background:#f2f5ee;padding:9px 10px;text-align:left;font-weight:normal;color:#555;border-bottom:1px solid #e6e6e0}
.dtable td{padding:10px;border-bottom:1px solid #eee;color:#666;vertical-align:middle}
.dtable td img{width:56px;height:46px;object-fit:cover;float:left;margin-right:8px}
.dtable .op a{color:#4a7c2f;margin-right:10px}
.dtable td.money{color:#d9331f;font-weight:bold}
.no-data{padding:60px 0;text-align:center;color:#999;font-size:14px}

/* 分页 */
.page{margin:26px 0;text-align:center;font-size:13px}
.page a,.page span{display:inline-block;padding:5px 12px;border:1px solid #ddd;margin:0 3px;background:#fff;color:#666}
.page a:hover{border-color:#4a7c2f;color:#4a7c2f}
.page span.cur{background:#4a7c2f;border-color:#4a7c2f;color:#fff}
.page span.total{border:0;background:none;color:#999}

/* 联系 */
.ctbox{background:#fff;border:1px solid #e6e6e0;margin-top:20px;padding:24px;overflow:hidden}
.ctleft{float:left;width:520px;line-height:2.2;color:#555;font-size:14px}
.ctleft h3{font-size:17px;color:#3d6b22;font-weight:normal;margin-bottom:10px}
.ctright{float:right;width:620px}
.ctright img{width:620px;height:300px;object-fit:cover}

/* 底部 */
.footlink{margin-top:30px;background:#fff;border-top:1px solid #e6e6e0;padding:16px 0;font-size:13px;color:#888}
.footlink a{color:#888;margin-right:16px}
.footlink a:hover{color:#4a7c2f}
.footer{background:#3a3a38;color:#bbb;padding:30px 0;overflow:hidden}
.footer .fcol{float:left;width:220px;margin-right:40px;font-size:13px;line-height:1.9}
.footer .fcol.fc1{width:400px}
.footer .fcol.fc4{float:right;margin-right:0;width:200px;text-align:right}
.footer .fcol a{display:block;color:#bbb}
.footer .fcol a:hover{color:#9ac769}
.footer .ft{color:#fff;font-size:15px;margin-bottom:10px}
.footer .big{font-size:22px;color:#d9331f;line-height:1.4}
.copyright{background:#2b2b29;padding:16px 0;text-align:center;color:#888;font-size:12px;line-height:1.9}