@charset "utf-8";
/* CSS Document */
@font-face
{
font-family: myFirstFont;
src: url('ALLER.TTF'),
	url('ALLER_BDIT.TTF'),
	url('ALLER_IT.TTF'),
	url('ALLER_LT_0.TTF'),
	url('ALLER_LTIT.TTF'),
     url('ALLER_RG.TTF');
}
html{min-width:1200px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#929393; font-size:14px; font-family: myFirstFont;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1200{width:1200px; margin:0 auto; clear:both}
.pad50{padding:50px 0px;}
.top_wrap{width:100%; height:42px; line-height:42px; font-size:12px; color:#888; border-bottom:#eaeaea 1px solid; clear:both;}
.top_l{float:left;}
.top_l img{vertical-align:middle; padding-right:5px;}
.top_r{width:130px; height:18px; line-height:18px; margin-top:12px; border:#eee 1px solid; float:right;}
.ss_btn{width:22px; height:18px; background:url(../Engimages/fdj.png) no-repeat center; border:none; float:left;}
.ss_in{width:108px; border:none; height:18px; line-height:18px; background:none; float:left;}
.lang{float:right; margin-left:20px;}
.lang img{vertical-align:middle;}
.lang a{color:#999;}
.lang a:hover,.lang a.active{color:#fe8301}
.header{height:75px;}
.logo{float:left; padding-top:20px;}
.menu{width:780px; float:right;}
.mainlevel{width:110px; /*IE6 only*/ height:75px; text-align:center; position:relative; z-index:999; float:left;}
.mainlevel a{width:110px; height:75px; line-height:75px; display:block; font-size:14px; color:#666;}
.mainlevel a:hover,.mainlevel a.active{background:url(../Engimages/menu_hover.png) no-repeat top center; color:#00953a;}
.mainlevel ul{width:150px; display:none; position:absolute; padding:10px 0px; left:-5px; background:#f39800; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:auto; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:auto; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#ffb231; font-weight:normal; color:#fff;}
#full-screen-slider{width:100%; height:640px; position:relative; z-index:0; overflow:hidden; }
#slides{display:block; width:100%; height:640px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:640px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:640px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:28%; bottom:30px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:20px; height:25px; float:left; margin-left:15px; background:url(../Engimages/hd_off.png) no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; text-indent:-999em;}
#pagination li.current{background:url(../Engimages/hd_on.png) no-repeat;}
.fl1{width:1100px; padding:40px 0px; text-align:center; margin:0 auto; clear:both}
.fl1 h2{height:44px; line-height:44px; font-size:24px; clear:both}
.fl1 h2 a{color:#555;}
.fl1 h2 a:hover{color:#6cc28f;}
.fl1 span{width:100%; font-size:12px; color:#a8a7a7; clear:both;}
.fl1 p{line-height:28px; margin:30px 0px; color:#a8a7a7; clear:both}
.fl1 li{width:325px; padding:0px 20px; float:left;}
.fl1 li img{transition:all 0.5s ease-in-out;}
.fl1 li h3{height:50px; line-height:50px; overflow:hidden; clear:both}
.fl1 li div{height:100px; overflow:hidden; font-size:12px; line-height:20px; color:#929393; clear:both}
.fl1 li:hover img{transform:translateY(-10px)}
.fl1 li:hover h3{color:#6cc28f}
.fl1 li:hover div{color:#82d2a3;}
.fl2{width:100%; padding:50px 0px; line-height:22px; background:#c2dc5d; color:#92a93e; clear:both;}
.fl2 h2{text-align:center; font-size:24px; height:55px; color:#fff; clear:both}
.fl2 img{float:left; padding:30px 30px 30px 0px;}
.fl3{width:1050px; height:425px; background:url(../Engimages/seven_bg.png) no-repeat bottom left; color:#777; margin:0 auto; clear:both}
.fl3 h2{padding-top:35px; line-height:70px; text-align:center; font-size:24px; clear:both}
.fl3 h2 a{color:#777;}
.fl3 h2 a:hover{color:#6cc28f;}
.fl3 p{line-height:30px; text-align:center; margin-bottom:50px; font-size:12px; clear:both}
.fl3 ul{width:680px; height:138px; background:url(../Engimages/fl3_ul.png) no-repeat center; float:right;}
.fl3 ul li{position: relative; width:97px; line-height:12px; font-size:11px;color:#ccc; cursor:pointer; float:left;}
.fl3 ul li i.icon1{
    display: block;
    position: absolute;
    top: 54px;
    left: 21px;
    width: 25px;
    height: 25px;
    padding-left: 30px;
    background:url(../Engimages/gray.jpg) no-repeat top center;
}
.fl3 ul li:hover .icon1{
    display: none;
}
.fl3 ul li:hover .icon2{
    display: block;
}
.fl3 ul li i.icon2{
    display: none;
    position: absolute;
    width: 46px;
    height: 78px;
}
.fl3 ul li#li1 i.icon2{
    top: 0;
    left: 27px;
    background:url(../Engimages/gray_hover1.jpg) no-repeat top center;
}
.fl3 ul li#li2 i.icon2{
    top: 50px;
    left: 27px;
    background:url(../Engimages/gray_hover2.png) no-repeat bottom center;
}
.fl3 ul li#li1{padding-top:94px;}
.fl3 ul li#li2{padding-bottom:92px;}
.fl3 ul li#li1:hover{color:#00953a;}
.fl3 ul li#li2:hover{color:#00953a;}
.fl4{width:100%; height:260px; background:#e8be5a; clear:both}
.fl4 h2{text-align:center; font-size:24px; line-height:100px; margin-bottom:10px; color:#fff; clear:both}
#scrollbox{width:100%; position:relative; float:left;}
#scrollbox li{width:170px; height:68px; margin:0px 15px; float:left;}
#scrollbox li img{width:168px; height:66px; border:#e9e8e8 1px solid;}
.fl5 h2{text-align:center; font-size:24px; height:55px; clear:both}
.fl5 h2 a{color:#777;}
.fl5 h2 a:hover{color:#6cc28f;}
.fl5 p{text-align:center; line-height:30px; margin-bottom:40px; clear:both}
#featureContainer{width:1180px; height:300px; position:relative; margin:0 auto; clear:both}
#featureContainer .prev{TEXT-INDENT:-9999px; width:35px; DISPLAY:inline-block; position:absolute; left:-60px; top:80px; background:url(../Engimages/news_l.jpg) no-repeat; height:35px;}
#featureContainer .next{TEXT-INDENT:-9999px; width:35px; DISPLAY:inline-block; position:absolute; right:-60px; top:80px; background:url(../Engimages/news_r.jpg) no-repeat; height:35px;}
.featureul{position:relative; margin:0px; width:2800px; float:left; padding:0px; left:0px}
.featureul li{width:265px; height:290px; overflow:hidden; margin:0px 15px; border-bottom:#e6e6e6 1px solid; overflow:hidden; float:left;}
.featureul li img{width:265px; height:165px;  transition:all 0.5s ease-in-out;}
.featureul li h4{height:30px; line-height:30px; text-align:center; color:#373737; font-weight:normal; margin-top:20px; overflow:hidden; clear:both}
.featureul li div{width:235px; padding:0px 15px; line-height:20px; height:40px; color:#999; text-align:center; font-size:12px; overflow:hidden;}
.featureul li:hover h4{color:#6cc28f;}
.featureul li:hover img{transform:scale(1.05);}
#botton-scroll{z-index:0; width:100%; float:left;}
#block{z-index:0; position:relative; width:100%; overflow:hidden;}
.w1140{width:1140px; margin:0 auto; clear:both}
.fl6{width:100%; height:380px; color:#fff; background:url(../Engimages/net_wrap.jpg) no-repeat top center; clear:both;}
.fl6 h2{line-height:100px; font-size:24px; clear:both}
.fl6 h2 a{color:#fff;}
.fl6 h2 a:hover{color:#d5f5fa;}
.fl6 span{width:100%; line-height:28px; margin-bottom:15px; float:left;}
.fl6 .w1140 div{width:570px; background:url(../Engimages/icon.png) no-repeat left center; line-height:21px; text-indent:2em; font-size:12px; float:left}
.fl7{width:1200px; padding:50px 0px; margin:0 auto; clear:both;}
.fl7 h2{height:55px; font-size:24px; text-align:center; clear:both}
.fl7 h2 a{color:#777;}
.fl7 h2 a:hover{color:#6cc28f;}
.fl7 p{line-height:30px; margin-bottom:20px; text-align:center; clear:both}
.in_v1{width:210px; height:50px; border:#dedede 1px solid; text-indent:1em; color:#828282; border-radius:3px; margin-right:18px; float:left;}
.in_v2{width:390px; height:50px; border:#dedede 1px solid; text-indent:1em; color:#828282; border-radius:3px; margin-right:8px; float:left;}
.ly_btn{width:75px; height:50px; border:none; background:#6cc28f; color:#fff; cursor:pointer; border-radius:3px; float:left;}
.bot{border-top:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid;}
.bot_l{float:left;}
.bot_l li{width:145px; float:left;}
.bot_l li h4{height:45px; line-height:45px; color:#333; background:url(../Engimages/bot_line.jpg) no-repeat bottom left; margin-bottom:20px; clear:both;}
.bot_l li a{width:100%; line-height:24px; color:#333; font-size:12px; float:left;}
.bot_l li a:hover{color:#6cc28f;}
.bot_r{float:right;}
.bot_r li{width:143px; height:133px; border:#c4c4c4 1px solid; margin-left:15px; text-align:center; float:left;}
.bot_r li img{width:62px; height:62px; margin:20px auto; display:block;}
.bot_r li p{height:30px; line-height:30px; border-top:#c4c4c4 1px solid; color:#333; clear:both}
.footer{height:75px; line-height:75px; font-size:12px; color:#2f2f2f; margin:0 auto; clear:both}
.f_l{float:left;}
.f_r{float:right;}

.ny_banner{width:100%; height:340px; clear:both;}
#about{background:url(../Engimages/about_banner.jpg) no-repeat center;}
#news{background:url(../Engimages/news_banner.jpg) no-repeat center;}
#diet{background:url(../Engimages/diet_banner.jpg) no-repeat center;}
#cooper{background:url(../Engimages/cooper_banner.jpg) no-repeat center;}
#ser{background:url(../Engimages/ser_banner.jpg) no-repeat center;}
#pro1{background:url(../Engimages/pro_banner1.jpg) no-repeat center;}
#pro2{background:url(../Engimages/pro_banner2.jpg) no-repeat center;}
#pro3{background:url(../Engimages/pro_banner3.jpg) no-repeat center;}
#pro4{background:url(../Engimages/pro_banner4.jpg) no-repeat center;}
#pro5{background:url(../Engimages/pro_banner5.jpg) no-repeat center;}

/*about*/
.pad20{padding:20px 0px;}
.ny_l{width:260px; float:left;}
.ny_l h2{font-size:24px; line-height:55px; border-bottom:#eee 1px solid; font-weight:normal; text-indent:0.5em; color:#333; clear:both}
.ny_l ul{width:100%; margin-bottom:20px; float:left;}
.ny_l ul li{width:100%; height:48px; line-height:48px; border-bottom:#eee 1px solid; text-indent:2em; float:left;}
.ny_l ul li a{display:block; background:url(../Engimages/sub.png) no-repeat right center; font-size:14px; color:#00953a;}
.ny_l ul li a:hover,.ny_l ul li a.active{ background:url(../Engimages/sub_hover.png) no-repeat center; color:#fff;}
.ny_l img{margin-bottom:10px;}
.ny_r{width:880px; float:right;}
.pos{width:100%; height:55px; line-height:55px; font-size:12px; color:#999; border-bottom:#eee 1px solid; clear:both;}
.pos a{color:#999;}
.pos img{padding:0px 5px; vertical-align:middle;}
.nr{width:100%; line-height:24px; margin-top:20px; clear:both;}
.l20{width:100%; height:20px; clear:both;}

/*news*/
.news_list{width:100%; margin-top:10px; float:left;}
.news_list dl{width:100%; height:115px; margin:10px 0px; clear:both;}
.news_list dl dt{width:145px; height:115px; background:#00953a; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; float:left}
.news_list dl dt h2{line-height:32px; padding-top:30px; font-size:48px; clear:both}
.news_list dl dt p{line-height:30px; clear:both}
.news_list dl dd{width:713px; height:93px; padding:10px; border:#e4e4e4 1px solid; float:left}
.news_list dl dd a{width:100%; height:40px; line-height:40px; color:#222; overflow:hidden; float:left}
.news_list dl dd p{color:#777; line-height:20px; overflow:hidden; font-size:12px; clear:both}
.news_list dl:hover dd a{color:#00953a;}

/*diet
.bg1{background:url(../images/apple1.png) no-repeat right top;}
.bg2{background:url(../images/apple2.png) no-repeat right top;}
.bg3{background:url(../images/apple3.png) no-repeat right top;}*/

/*contact*/
.contact{width:460px; padding-bottom:20px; color:#333; text-align:center; line-height:35px; margin:0 auto; clear:both}
.contact h2{font-size:40px; line-height:100px; font-weight:normal; background:url(../Engimages/cont_line.jpg) no-repeat bottom center; clear:both}
.contact h3{font-size:30px; font-weight:normal; line-height:80px; clear:both}
.contact ul li{width:210px; margin:0px 10px; padding-top:10px; float:left;}
.contact ul li img{width:210px; height:210px; border:#ddd 1px solid; float:left;}

.pp{width:100%; position:relative; float:left;}
.pp li{width:170px; height:68px; margin:0px 3px 10px; float:left;}
.pp li img{width:168px; height:66px; border:#e9e8e8 1px solid;}

/*products*/
#pro{width:100%; height:700px; background:url(../Engimages/pro_banner.jpg) no-repeat center; margin-bottom:20px; clear:both}
.pro_t{position: relative; width:1200px; height:200px; padding-top:20px; border:#ddd 1px solid; margin:40px auto; clear:both}
.pro_t ul{}
.pro_t ul li{width:218px; text-align:center; float:left;}
.pro_t ul li h4{color:#c2dc5d; line-height:25px; clear:both}
.pro_t ul li p{color:#c2dc5d; clear:both}
.pro_t ul li img.img1{display:block; margin:0 auto;}
.pro_t ul li img.img2{display:none}
.pro_t ul li:hover img.img1{display:none}
.pro_t ul li:hover img.img2{display:block; margin:0 auto;}
.pro_t ul li:hover h4{color:#3fa45f;}
.pro_t ul li:hover p{color:#3fa45f;}
.pro_d{padding-bottom:30px;}
.pro_d h2{color:#00953a; font-size:24px; margin-bottom:20px; text-indent:0.5em; clear:both}
.pro_d li{width:180px; padding:21px; border:#efefef 1px solid; margin:0px 8px 15px; float:left}
.pro_d li img{width:180px; height:180px;}
.pro_d li p{height:60px; line-height:60px; text-align:center; color:#333; overflow:hidden; clear:both}
.pro_d li a{width:180px; /*height:30px;*/ line-height:30px; text-align:center; cursor:pointer; /*border:#eee 1px solid;*/ color:#00953b; display:block;}
.pro_d li:hover span{display: block; background:#00953b; color:#fff;}
.overlay{width:100%; height:100%; background:url(../Engimages/black.png) repeat; position: fixed; z-index:999;left:0; top:0; overflow:hidden; display:none;_position:absolute;}
.popup{position:fixed; width:820px; height:570px; padding:50px; z-index:9999; background:#fff; left:50%; top:70px; margin-left:-480px;}
.w{display:none;}
.pro_dl{width:450px; float:left;}
.pro_dr{width:330px; padding-left:30px; float:left;}
.pro_dr h2{height:40px; font-weight:normal; color:#000; clear:both}
.pro_dr div{width:100%; padding:10px 0px; font-size:12px; border-top:#c2c2c2 1px solid; border-bottom:#c2c2c2 1px solid; line-height:22px; clear:both}
.popup .cl{position:absolute; width:40px; height:40px; right:0px; top:0px; background:url(../Engimages/close.jpg) no-repeat; overflow:hidden; cursor:pointer;}

.ui-dialog-close{position: absolute; right: 50px; top: 80px;}
.pro_t ul:after{
	display: block;
    content: ".";
    height: 0;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}