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

#banner { width: 100%; height: 415px; position: relative; text-align: center; background: url(../images/loading.gif) center center no-repeat #fff; }
#banner span.line { width: 100%; height: 7px; background: #9fcd2f; position: absolute; left: 0; top: 251px; display: block; z-index: 1; }
#banner span.block { width: 936px; height: 121px; background: #fff; position: absolute; margin: 0 auto; display: block; }


#product-slider { background: #C4D000; margin-top: 8px; }

.select-title { background: url(../images/select-pro-bg.png) left top no-repeat; width: 236px; height: 40px; margin: -50px auto 0; position: relative; z-index: 5; text-align: center; font-size: 14px; color: #bebab8; padding-top: 10px; }
.select-title span { font-family: 'arimoregular'; font-size: 20px; color: #221410; text-transform: uppercase; }

.proslider { position: relative; width: 1015px; margin: 0 auto; }
.proslider .viewport { height: 300px; overflow: hidden; position: relative; margin: 0px auto; }
.proslider .buttons { background:url('../images/pro-nav.jpg') no-repeat scroll 0 0; display: block; text-indent: -999em; width: 18px; height: 20px; z-index: 1; transition: none; }
.proslider .prev { position: absolute; left: -30px; top: 150px; }
.proslider .next { position: absolute; right: -30px; top: 150px; background-position: -18px 0px; }
/*.proslider .prev:hover { background-position: 0 -20px; } .proslider .next:hover { background-position: -18px -20px; }*/
.proslider .disable { visibility1: hidden; }
.proslider .slider { list-style: none; position: absolute; padding: 0 8px; left: 0 top: 0; width: 902px; margin: 15px auto; }
.proslider .slider li{ float: left; width: 180px; height: 280px; margin-right: 23px; background: #FBFFC1; border: 3px solid #fafaf8; color: #ad3229;
-webkit-box-shadow: 0px 0px 10px 1px #d8c8b0; -moz-box-shadow: 0px 0px 10px 1px #d8c8b0; box-shadow: 0px 0px 10px 1px #d8c8b0; }
.proslider .slider li img { margin: 10px; }
.proslider .slider li a span { height: 34px; line-height: 15px; padding: 0 40px; display: block; font-family: Trebuchet MS; font-size: 12px; font-weight: bold; }
.proslider .slider li a { color: #ad3229; }
.proslider .slider li a:hover { text-decoration: none; color: #000; }
.proslider .slider li:hover { -webkit-box-shadow: 0px 0px 10px 1px #789b28; -moz-box-shadow: 0px 0px 10px 1px #789b28; box-shadow: 0px 0px 10px 1px #789b28; }

#about-us { width: 968px; border-bottom: 4px solid #9fcd2f; margin: 52px auto 40px; padding-bottom: 16px; }
#about-us h1 { font-size: 18px; color: #46322c; margin-bottom: 15px; }
#about-us p { font-size: 14px; margin-bottom: 14px; }
#about-us a { color: #9f372f; }

#video { float: right; width: 296px; height: 167px; margin-left: 40px; }

#middle { width: 968px; margin: 0 auto 23px; }
#middle h1 { font-family: 'humanst521_cn_btregular'; font-size: 28px; font-weight: normal; color: #221410; text-transform: uppercase; }

#news { float: left; width: 450px; min-height: 300px; position: relative; }



#news .margin { padding: 31px 26px 0 0; }

#news ul { margin: 0; padding: 0; list-style: none; width: 420px; }
#news ul li { position: relative; padding-left: 30px; margin-bottom: 25px; }
#news ul li span { position: absolute; left: 0; top: 0; width: 11px; height: 30px; background: #9fcd2f; }
#news ul li img { float: left; margin: 0 20px 15px 0; }
#news p.date { font-size: 12px; font-weight: bold; color: #da3316; margin: 0; }
#news p.title { font-size: 16px; font-weight: bold; color: #000; margin: 0; }
#news p.title a { color: #000; }
#news p.title a:hover { color: #da3316; }
#news p { font-size: 14px; color: #000; margin-top: 15px; }
#news a.more { float: right; font-size: 14px; color: #da3316; }


#quality { float: left; width: 207px; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; padding-bottom: 20px; }
#quality .margin { padding: 31px 12px 0 26px; }
#quality h1 { text-align: center; }

.food-safety { width: 153px; height: 141px; position: relative; }
.food-safety .links { position: absolute; left: 14px; top: 12px; width: 70px; }
.food-safety .links .spn01 { font-family: 'humanst521_cn_btregular'; font-size: 32px; font-weight: normal; color: #cf022b; text-transform: uppercase; line-height: 26px; }
.food-safety .links .spn02 { font-family: Trebuchet MS; font-size: 14px; color: #241612; font-weight: bold; text-transform: none; line-height: 20px; }
.food-safety a { width: 153px; height: 141px; display: block; }
.food-safety a:hover span.spn02 { color: #cf022b; }

.iso { font-family: 'arimobold'; margin-top: 28px; }
.iso h2 { font-family: Trebuchet MS; font-size: 18px; color: #da3316; line-height: 18px; margin: 11px 0 6px; }
.iso h2 span { font-size: 12px; }
.iso p { font-family: Trebuchet MS;; font-size: 14px; color: #000; text-align: justify;}
.iso a { color: #ba0909; }

#events { float: left; width: 264px; margin-left: 43px; }
#events .event-slider { padding-top: 31px; }
#events h3 { font-size: 14px; color: #da3316; margin: 31px 0 13px; }
#events h3 span { border-bottom: 1px solid #da3316; }
#events p { font-size: 13px; color: #000; text-align: justify; font-family:Trebuchet MS;}
#events a { color: #da3316; float: right; }

.event-slider { position: relative; width: 264px; }
.event-slider .viewport { height: 357px; overflow: hidden; position: relative; margin: 0px auto; }
.event-slider .buttons { background:url('../images/event-nav.jpg') no-repeat scroll 0 0; display: block; text-indent: -999em; width: 14px; height: 21px; z-index: 1; transition: none; }
.event-slider .prev { position: absolute; right: 22px; top: 197px; }
.event-slider .next { position: absolute; right: 0px; top: 197px; background-position: -22px 0px; }
.event-slider .disable { visibility1: hidden; }
.event-slider .slider { list-style: none; position: absolute; left: 0 top: 0; width: 250px; }
.event-slider .slider li{ float: left; width: 264px; }
.event-slider .slider li img { border-bottom: 11px solid #9fcd2f; }

.ru-caramel { font-size: 20px !important; }
#news ul {
list-style: none outside none !important;
}
.proslider .slider{ width:1274px!important;}