*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:16px;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#FF0000}
h1{ font-size:36px; font-weight:normal;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.clear{ clear:both}
.video{ width:100%; height:100%;}
/*video*/
video, object {
display:block;
vertical-align:baseline; width:100%; height:100%;
object-fit:cover; margin:auto;
}
#my-video{display:block;
vertical-align:baseline; width:1000px; height:563px;
object-fit:cover; margin:auto;}


.bg{background:url(../images/pattern2.png);}

table  
{  
	border-collapse: collapse;  max-width:850px; width:100%
}  
table td, table th  
{  
	border: 1px solid #cad9ea;  
	color: #666;  
	height: 30px; padding:0 5px;  
}  
table thead th  
{  
	background-color: #CCE8EB;  
	width: 100px;  
}  
table tr:nth-child(odd)  
{  
	background: #fff;  
}  
table tr:nth-child(even)  
{  
	background: #F5FAFA;  
}  

.l{ width:50%; float:left;box-sizing:border-box;}
.r{ width:50%; float:right;box-sizing:border-box;}
.w{ width:1200px; margin:auto;}
.pad{ padding:60px 0;}
.htop{ padding:20px 0;}
.logo{ float:left}
.logo img{ height:85px;}
.kouhao{ float:left; background:url(../images/kouhao.jpg) no-repeat left top; padding-top:32px; font-size:25px; color:#55980B; margin-top:22px; margin-left:40px;}
.lx{ width:400px; float:right;}
.rexian{ padding-left:65px; background:url(../images/rexian.png) no-repeat center left; font-size:22px; color:#55980B; float:left; margin-top:20px;}
.rexian span{ display:block; font-size:20px;}
.lx img{ float:right; width:85px;}
/*导航*/
.menu{width:100%;height:50px;background-color:#8DC21F; }
.menu .nav{height:50px;margin:0 auto;}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block;height:50px;/*border-left:1px solid #000;*/padding:0 25px;line-height:50px;color:#fff;text-decoration:none;position:relative;overflow:hidden; font-size:18px;}
.menu .nav li:hover{background-color: rgba(52, 65, 87, 1);color:#fff;}
.menu .nav li .box{width:100%;height:0px;position:absolute; z-index:999;top:175px;left:0;background-color: rgba(52, 65, 87, 1); overflow:hidden;transition:0.8s;}
.menu .nav li:hover .box{height:50px;transition:0.8s;}
.menu .nav li .box a{ display:inline-block;height:50px;color:#fff;line-height:50px;border:none;background:none;}
.menu .nav li .box a:hover{text-decoration:underline;color:#46bd01}
.box ul{ width:1200px; margin:auto; box-sizing:border-box;}
.food{ padding-left:140px}
.base{ padding-left:220px}
.safe{ padding-left:460px}
.brand{ padding-left:650px}
.newsul{ padding-left:600px}

.daohang2{ float:right; display:none} 
.dh2{ float:left; width:110px;}
.dh2 a{ display:block;color:#999}
.dh2 a:hover{ color:#fed100;}

/*食材配送*/
.title{ text-align:center; padding-top:110px;}
.title h1{ color:#8DC21F;}
.title i{ width:240px; height:2px; background-color:#344157; display:block; margin:auto; margin-bottom:15px; margin-top:15px;}
.title p{ color:#344157; font-size:18px;}
.titbg1{ background:url(../images/titbg1.jpg) no-repeat center top;}
.titbg2{ background:url(../images/titbg2.jpg) no-repeat center top;}
.titbg3{ background:url(../images/titbg3.png) no-repeat center top;}
.titbg4{ background:url(../images/titbg4.jpg) no-repeat center top;}
.psli{ width:20%; float:left; box-sizing:border-box; padding:5px; text-align:center;}
.peisonglist{ margin-top:20px;}
.psli span{ font-size:20px; color:#8DC21F; display:block; margin-top:15px;}
.psli img{ max-width:100%;}
.faright{ width:40%; float:right; background-color:#8DC21F; color:#FFFFFF; padding:60px;box-sizing:border-box;}
.faleft{ width:60%; float:left; padding:50px 0; box-sizing:border-box; background:url(../images/faleft_bg.jpg) no-repeat fixed center center/100%;}
.title2{ text-align:left;}
.title2 h1{ color:#fff;}
.title2 i{ width:240px; height:2px; background-color:#fff; display:block; margin-bottom:15px; margin-top:15px;}
.title2 p{ color:#fff; opacity:0.7;font-size:18px;}
.psjs{ margin-top:60px; width:75%;}
.falist{ width:700px; float:right; padding-right:40px; background:url(../images/sanjiao.png) no-repeat; background-position:100% 10%; background-size:auto 60px;}
.falist li{ width:25%; float:left; text-align:center; margin:12px 0;}
.falist img{ max-width:90%; border:#FFFFFF solid 2px;}
.fangan{background-color:#8DC21F;}
.falist li span{ display:block; color:#344157}
.falist li a:hover{ color:#8DC21F;}
/*16大类*/
.lei{ margin-top:35px;}
.lei li{ float:left; text-align:center; width:12.5%; border:#CCCCCC solid 1px; position:relative; margin-left:-1px; margin-top:-1px;box-sizing:border-box; padding:20px 0;}
.lei li:hover img{-webkit-filter: brightness(10);
filter: brightness(10);}
.lei li:hover{ color:#FFFFFF;}
.lei li:hover a{color:#FFFFFF;}
.lei li span{ display:block; margin-top:5px;}
.lei1:hover{ background:url(../images/lei1.jpg) no-repeat center center/cover;}
.lei2:hover{ background:url(../images/lei2.jpg) no-repeat center center/cover;}
.lei3:hover{ background:url(../images/lei3.jpg) no-repeat center center/cover;}
.lei4:hover{ background:url(../images/lei4.jpg) no-repeat center center/cover;}
.lei5:hover{ background:url(../images/lei5.jpg) no-repeat center center/cover;}
.lei6:hover{ background:url(../images/lei6.jpg) no-repeat center center/cover;}
.lei7:hover{ background:url(../images/lei7.jpg) no-repeat center center/cover;}
.lei8:hover{ background:url(../images/lei8.jpg) no-repeat center center/cover;}
.lei9:hover{ background:url(../images/lei9.jpg) no-repeat center center/cover;}
.lei10:hover{ background:url(../images/lei10.jpg) no-repeat center center/cover;}
.lei11:hover{ background:url(../images/lei11.jpg) no-repeat center center/cover;}
.lei12:hover{ background:url(../images/lei12.jpg) no-repeat center center/cover;}
.lei13:hover{ background:url(../images/lei13.jpg) no-repeat center center/cover;}
.lei14:hover{ background:url(../images/lei14.jpg) no-repeat center center/cover;}
.lei15:hover{ background:url(../images/lei15.jpg) no-repeat center center/cover;}
.lei16:hover{ background:url(../images/lei16.jpg) no-repeat center center/cover;}
/*规模*/
.guimo{ background-color:#f2f2f2; padding-top:60px;}
.gmli{ width:18%; display:inline-block; border:#000000 solid 1px;border-radius: 60px; padding:20px 0; margin:20px 10px;}
.gmlist{ text-align:center}
.gmli span{ font-size:48px; font-weight:bold;}

/*食品安全*/
.title3{ text-align:left; margin-top:20px;}
.title3 h1{ color:#8DC21F;}
.title3 i{ width:240px; height:2px; background-color:#68666B; display:block; margin-bottom:15px; margin-top:15px;}
.title3 p{ color:#68666B; opacity:0.7; font-size:18px;}
.aqjs{ color:#344157; font-size:18px; line-height:30px; margin-top:40px; padding-right:120px;}
.aqbg{ background:url(../images/aqbg.png) no-repeat top center/auto 360px; min-height:360px;}
.ad{ width:100%; background:url(../images/ad.jpg) no-repeat center center/cover; text-align:center; padding:15px 0;}
.ad img{ max-width:90%;}

/*承诺*/
.cnlist{ text-align:center; width:20%; display:inline-block; float:left; padding:20px;box-sizing:border-box;}
.cnlist img{ width:50px;}
.cnlist span{ display:block; font-size:24px; color:#8DC21F; margin:10px 0;}
.cnlist p{ font-size:14px; color:#68666B;}

/*聊胜一筹*/
.ckgd{ display:block; color:#00FF00; margin-top:20px;}
.baodao{ margin-top:35px;}
.lsyc{ background:url(../images/lbg.jpg) no-repeat center center/cover fixed;}
.m{ background:url(../images/lbg.jpg) no-repeat center center/cover fixed;}
.lsycjs{ margin-top:40px; color:#FFFFFF; line-height:26px;}
.title4{ text-align:left; margin-top:20px;}
.title4 h1{ color:#8DC21F;}
.title4 i{ width:240px; height:2px; background-color:#fff; display:block; margin-bottom:15px; margin-top:15px;}
.title4 p{ color:#fff;font-size:18px;opacity:0.7;}
.l2{ width:55%; float:left;}
.r2{ width:35%; float:right;}
.riqi{ float:left; width:70px; color:#8DC21F; border-right:#8DC21F solid 4px; font-size:24px; line-height:24px;}
.riqi span{ font-size:45px; line-height:45px; font-weight:bold; display:block;}
.rr{ width:330px; float:right;}
.rr a{color:#8DC21F;}
.rr a:hover{ color:#FFFFFF;}
.rr p{ font-size:14px; color:#FFFFFF;opacity:0.7; padding-top:10px;}

/*====================== 新闻seo====================== */
.seo{ padding:50px 0!important; overflow:auto; min-height:350px;}
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:30px; line-height:30px; position:relative; }
.slideTxtBox .hd ul{ height:32px; text-align:center}
.slideTxtBox .hd ul li{padding:0px 45px; cursor:pointer; display:inline-block; line-height:30px; border:#8DC21F solid 1px;}
.slideTxtBox .hd ul li.on{ height:40px; background:url(../images/li_bg.jpg) no-repeat center top; color:#FFFFFF; border:none; position:relative;top:-1px;}
.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.bxslider { padding:0!important;}
.slideTxtBox .bd li{ min-height:24px; line-height:24px;}
.slideTxtBox .bd li .date{ float:right; color:#999; }
/* 天天新闻 */
.xinwenlist{ width:50%; float:left; overflow:auto; padding:10px 20px; box-sizing:border-box; margin-top:10px;}
.xinwenlist2{ width:100%; overflow:auto; padding:15px 0px; box-sizing:border-box; border-bottom:#CCCCCC dashed 1px;}
.date{ float:left; color:#8DC21F;text-align:center; font-size:14px;}
.date2{ font-size:16px;}
.date span{ display:block; line-height:36px; font-size:20px;  background-color:#8DC21F;color:#FFFFFF;border-radius:4px 4px 0 0;}
.xwxq{ width:89%; float:right;}
.xwtit{ font-size:18px; color:#000000; display:block; margin-bottom:10px;}
.ckxq{ width:60px; display:block; text-align:center; border:#000000 solid 1px; font-size:12px;transition:0.4s; margin-top:10px; line-height:20px;}
.ckxq:hover{ width:80px;background-color:#af9400; color:#FFFFFF;transition:0.4s;}
.xwxq p{ color:#999999; font-size:14px; line-height:24px;}
/* 企业荣誉 */
.rylist{ width:33.3%; float:left; padding:0 10px;box-sizing:border-box; position:relative; overflow:hidden}
.rylist a{ display:block}
.rylist img{ width:100%; height:215px; object-fit:cover;transition:0.4s;}
.rylist img:hover{
transition:0.4s;transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
}
.rytit{ line-height:30px; padding:8px 0px; position:relative; bottom:0;}
.rylist p{ color:#999999; font-size:14px; line-height:20px;}
.rytit a{ float:left; color:#000}
.rytit span{ float:right;color:#999;}
/*====================== 新闻seo结束====================== */
.footer{ padding:30px; background-color:#8DC21F; color:#FFFFFF; font-size:14px; line-height:24px;}
.footl{ float:left;}
.footl img{-webkit-filter: brightness(10);filter: brightness(10); display:block; width:200px; margin-bottom:20px;}
.footr{ float:right;}
.footr a{ color:#FFFFFF;}
.banquan{ text-align:center; width:100%; background-color:#344157; font-size:12px; color:#888; padding:3px 0;}

/*内页*/
.zhong{ min-height:300px; padding:50px 0;}
.ban{ background:url(../images/ban1.jpg) center center/cover;}
.banbg{ height:255px;}
.mianbao{ line-height:30px; padding:10px 0 10px 35px!important; border-bottom:#CCCCCC solid 1px; color:#666; margin-top:10px; background:url(../images/home.png) no-repeat center left/25px;box-sizing:border-box; }
.left{ width:280px; float:left;}
.right{ width:820px; float:right; border-left:#e5e5e5 solid 1px; padding-left:50px;}
.erji { margin-top:20px;}
.erji a{ display:block; color:#333; padding-left:15px; line-height:38px; border-bottom:#CCCCCC solid 1px;transition:0.6s;background:url(../images/jia.png) -30px 50% no-repeat; background-size:20px;}
.erji a:hover{ padding-left:40px;transition:0.6s; background:url(../images/jia.png) 10px 50% no-repeat; background-size:20px;}
.sec{padding-left:40px!important;transition:0.6s; background:url(../images/jia.png) 10px 50% no-repeat!important;background-size:20px!important;}
.arc{ line-height:30px; overflow:hidden;}
.arc img{ max-width:100%; height:auto!important}
.arch1{ font-size:24px;text-align:center}
.zuozhe{ font-size:14px; color:#999999; padding:20px 0; text-align:center}
.zhengwen{ color:#666}
.fenye2{ padding-top:20px; margin-top:20px; border-top:#ccc dashed 1px; font-size:14px;}

/*图片列表*/
.piclist{ width:103%;}
.picli a{ display:block}
.picli{ width:47%;float:left; margin-right:2%;margin-bottom:20px; overflow:hidden;}
.picli2{ width:31%;}
.pictu{transition:0.4s;}
.picli:hover .pictu{transition:0.4s;transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);opacity:0.7;}
.pic{ height:260px; overflow:hidden; background-color:#000000;border:#CCCCCC solid 1px;}
.pic img{ width:100%;}
.pic2{ height:185px;}
.pictit{ line-height:40px;}

.psfa{ margin-top:40px;}
.psfa ul{ margin-top:20px;}
.psfa li a{ line-height:30px; display:block; color:#666666}


.fenye{ overflow:auto; padding:20px 0;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; padding:0 10px; color:#666;}
.fenye li:hover{ background-color:#e2e2e2;}
.thisclass{background-color:#e2e2e2;}
.fenye li a{color:#666;}
.baodao2{ margin-top:20px;}
.paihang{ padding:5px 0;}
.paihang em {
    background-color: #cccccc;
    font-size: 12px;
    font-style: normal;
    margin-right: 5px;
    padding: 0 5px;
}
.em1, .em2, .em3 {
    background-color: #ff0000 !important;
    color: #ffffff;
}
.paihang a{ font-size:14px; color:#666666}
.paihang a:hover{ color:#FF0000}
.paihang span {
    color: #888888;
    float: right;
    font-size: 12px;
}
.ljgd{overflow:auto; margin-top:30px;}
.ljgd a{ display:block; float:left; font-size:16px; text-decoration:underline; padding:5px 10px; list-style:inside}
.ljgd span{ display:block; float:left;font-size:20px;padding:5px 0px; color:#FF0000; font-weight:bolder;}
.lefttu{ width:100%; margin-top:20px;}
.lefttu h5{ margin-bottom:20px;}
.lefttu img{ width:100%; height:205px;}
.morelink{ padding:30px 0; background-color:#f7f7f7;}


@media screen and (min-width: 1200px) {
.cnlist2{ width:100%; text-align:left; border-bottom:#CCCCCC dashed 1px;}
.cnlist2 img{ float:left; margin-right:20px;}
.cnlist2 p{ font-size:16px;}
}

/*手机*/
@media screen and (max-width: 768px) {
.w{ width:100%; margin:auto; padding:0 10px; box-sizing:border-box;}
.daohang{ display:none}
.nav{ display:none}
.daohang2{ display:block}
/*手机端隐藏*/
.kouhao,.lx,.psfa{ display:none;}
.htop{ padding:0;}
.logo img{ height:40px;-webkit-filter: brightness(10);filter: brightness(10);}
.logo{ position:absolute; top:0; padding:5px 10px;}

.faright,.faleft,.falist,.l,.r,.l2,.r2,.cnlist,.xinwenlist,.rylist,.footl,.left,.right{ float:none; width:100%;}
.faright{ padding:30px 20px;}
.faleft{ background-size:cover;}
.psjs{ width:100%; margin-top:20px;}
.falist{ overflow:auto; padding:0; background:none;}
.falist li img{ max-width:90%;}
.lei li{ width:25%}
.gmli span{ font-size:18px;}
.gmli{ width:35%; height:72px;}
.aqjs{ padding:0;}
.aqbg{ background-size:auto 100%; min-height:200px; margin-top:20px;}
.rr{ width:72%;}
.xwxq{ width:80%}
.footr{ display:none;}
.head{ position:fixed; top:0; z-index:999; width:100%;}
.banner{ margin-top:50px;}
h1{ font-size:30px;} 
.title p,.title3 p{ font-size:16px;}
.psli span{ font-size:16px;}
.psli{ font-size:14px; width:33.3%;}
.xwtit{ font-size:14px;}
.xwxq p{ font-size:12px; line-height:22px;}
.date{ font-size:12px;}
.slideTxtBox .hd ul li{ padding:0 15px;}
.pic,.pic2{ width:100%; height:210px;}
.banbg{ height:74px; margin-top:50px;}
.picli{ width:100%; margin:10px 0 10px 0; border-bottom:#CCCCCC solid 1px;}
.zhong{ padding-top:20px; padding-bottom:40px;}
.erji{ margin-top:0}
.erji a{ display:inline-block; text-align:center; font-size:14px; padding:0 5px; background:none!important;}
.sec{padding:0 5px!important; background:none!important; color:#009933!important;}
.erji a:hover{ padding:0 5px;}
.right{ margin-top:20px; padding:0; border:none}
.ljtu{ display:none;}
.ljgd span{ display:block; float:none;}
.lefttu{ display:none;}
.mianbao{ font-size:12px;}
.titbg1{ background:url(../images/titbg1.jpg) no-repeat center top/80px; padding-top:60px;}
.titbg2{ background:url(../images/titbg2.jpg) no-repeat center top/80px;padding-top:60px;}
.titbg3{ background:url(../images/titbg3.png) no-repeat center top/80px;padding-top:60px;}
.titbg4{ background:url(../images/titbg4.jpg) no-repeat center top/80px;padding-top:0px;}
.footer{ padding:15px 0;}
.footl img{-webkit-filter: brightness(10);filter: brightness(10); display:block; width:130px; margin-bottom:10px;}

#my-video{display:block;
vertical-align:baseline; width:90%; height:auto;
object-fit:cover; margin:auto;}
}









