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

#banner { width: 100%; margin: 0 auto; position: relative; }
#banner ul { margin: 0; padding: 0; list-style: none; height: 362px; }
#banner ul li img { width: 100%; height: 362px; }

#banner .width { position: absolute; left: 0; right: 0; top: 0; z-index: 1; }
#banner .caption { width: 350px; background: #eb8019; font-size: 16px; color: #fff; padding: 5px 15px 7px; border-radius: 10px 10px 0 0; margin-top: 58px; }
#banner .title { background-color: rgba(51,82,65,0.50); font-family: Georgia, "Times New Roman", Times, serif; font-size: 55px; color: #fff; display: inline-block; padding: 15px 25px 15px 15px; opacity: 0; }
#banner .title span { width: 41px; height: 31px; background: url(../images/title-leaf.png) left top no-repeat; display: inline-block; position: relative; margin-left: -37px; top: -7px; }

#banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 5px 0 0; text-indent: -9999px; width: 12px; height: 12px; border-radius: 100%; padding: 0; border: none; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
#banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px; text-align: center; }

#about { background: #379d6e; color: #f8fded; padding: 30px 0 60px; width: 100%; }
#about .width { width: 920px; }
#about p { font-size: 17px; line-height: 24px; margin: 0; padding: 0; }
#about a { color: #ff861b; text-decoration: none; }
#about a:hover { color: #fff; }

#product-container { background: #fff; box-shadow: 0 5px 5px #ddd; font-size: 13px; margin: 0 auto 35px; max-width: 990px; padding: 5px 0; width: 100%; position: relative; top: -35px; }
#product-container .sep { position: absolute; top: 5px; width: 10px; height: 86px; background: #676c5f; }
#product-container .sep.l { left: 10px; } #product-container .sep.r { right: 10px; }
#product-container .bx-viewport ul { height: auto !important; }
#pro-slides li .bx-wrapper img { margin: inherit !important; }
#product-container .bx-wrapper .bx-prev { left: -30px; } #product-container .bx-wrapper .bx-next { right: -30px; }
.products { background: #13a059; margin: 0; padding: 0; }
.products img { border-right: 1px solid #fff; float: left; margin-right: 15px !important; }
.products .pro-detail { display: table-cell; width: 153px; height: 86px; font-size: 14px; line-height: 16px; color: #f8fded; vertical-align: middle; }
.products .pro-detail span { color: #2d291e; line-height: 25px; }
.products a { text-decoration: none; width: 100%; height: 86px; display: block; }

#container > .width { padding-bottom: 70px; }

#news-updates { position: relative; float: left; width: 350px; height: 185px; margin: 0 0 0 15px; background: url(../images/news-update-arrow.png) right 2px no-repeat; }
#news-updates h5 { font-size: 18px; font-weight: normal; color: #464340; margin: 0 0 15px 0; }
#news-updates a.viewall { background: #f1f4eb; border: 1px solid #bdbdbd; color: #5f6260; font-size: 11px; padding: 2px 15px; position: absolute; right: 0px; bottom: -21px; text-decoration: none; }
#news-updates a:hover { background: #269757; color: #fff; }
.news-home { padding-right: 25px; }
.news-home h6 { color: #269757; font-size: 14px; font-weight: bold; margin: 0 0 5px; padding: 0; }
.news-home p { font-size: 13px; color: #3f3f3f; margin: 0; padding: 0; }
.news-home a { color: #269757; font-size: 14px; text-decoration: none; }
#news-updates .bx-wrapper img { display: inline; }

#food-safety { float: right; width: 544px; border-top: 5px solid #ff861b; color: #595959; }
#food-safety .q-policy { background: #f3fdf5; border: 1px solid #dbe1da; font-size: 12px !important; line-height: normal; min-height: 100px; padding: 20px 12px 15px; margin-bottom: 21px; }
#food-safety .q-policy a { background: #eff4ee; border: 1px solid #c0e3d2; border-radius: 12px; color: #050505; display: block; float: left; font-size: 17px; height: 70px; margin-right: 32px; margin-top: -5px; padding: 15px; text-transform: uppercase; width: 160px; text-decoration: none; line-height: 18px; }
#food-safety .q-policy a:hover { color:#ff861b; border:1px solid #ff861b; background:#f8fef9;}
#food-safety #mycrawler2 { height: 90px; overflow: hidden; }

.certifications-logo a { margin-right: 15px; }
.marquee0 a { margin-right: 15px; height: 80px; }
.marquee0 a img { vertical-align: middle !important; }