@charset "utf-8";
/* CSS Document */
html{ width:100%; }
#content {height:auto;}
.inside_con {height:auto;}

.n_list dt *,.step_nav li *{

    transition:All 0.2s ease-in-out;

    -webkit-transition:All 0.2s ease-in-out;

    -moz-transition:All 0.2s ease-in-out;

    -o-transition:All 0.2s ease-in-out;

}
.n_list dt:hover img,.step_nav li:hover img{ 
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1); 
}


.menu *,.p_list *,.step_con *{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}

.slidetips{ width:49px; height:71px; background:url(../images/top.png) no-repeat; position:absolute; bottom:-120px; right:60px; }

.silderBar{ width:15px; height:150px; position:fixed; right:3.5%; top:50%; margin:-75px 0 0 0; z-index:6; display:none; }
.silderBar li{ width:15px; height:15px; background:url(../images/dot.png) no-repeat center -20px; margin:5px 0; display:inline-block; cursor:pointer; }
.silderBar li.hover{ background-position:center 2px; cursor:default; }

/* header */
.layer{ height:98px; position:relative; z-index:98; }
.layer,#container{ width:100%; text-align:center; float:left; }
.layer .con,#container .con{
	width:1100px; position:relative; display:inline-block;
	text-align:left;
}
/*首页头部轮播*/
/*page的样式*/
/*#slidePage {text-align:center; list-style:none; margin:0; padding:0; width:100%; height:25px; background-color:#000; position:absolute; bottom:0; opacity:0.5;}
#slidePage li {display:inline-block; width:10px; height:10px; border-radius:10px; background:#fff; margin:7px 2px; cursor:pointer; opacity:1;}
#slidePage li.current {background-color:#f3da33; width:15px; height:15px; border-radius:15px; margin:5px 2px;}*/
/*swipe的样式*/
#wrapper {width:1200px; height:auto; overflow:hidden;position:relative; margin:0 auto;}
#wrapper .leftprebtn{position:absolute;width:50px; height:auto;top:190px;left:70px;cursor:pointer; z-index:1000;}
#wrapper .rightnextbtn{position:absolute;width:50px; height:auto;top:190px;right:74px;cursor:pointer; z-index:1000;}
.swipe {overflow:hidden;  position:relative;}
.swipe-wrap {overflow:hidden; width:100%; height:514px; overflow:hidden; position:relative;}
.swipe-wrap > div {float:left; width:1200px; height:514px; position:relative;}
.swipe-wrap > div .top_head {width:1200px; height:341px;}
.swipe-wrap > div .top_head2 {width:1200px; height:auto;}
.swipe-wrap > div .list_choose {width:690px; height:92px; background:url(../images/list_choose.png) no-repeat; margin:0 auto;}
.swipe-wrap > div .list_choose li {width:78px; height:77px; float:left; margin:10px 0 0 114px;}
.swipe-wrap > div .list_choose li a {width:100%; height:100%; display:block;}

#bgmusic{ filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; margin:60px 0 0 60px;  }

.bgmusic_btn{ width:22px; height:22px; background:url(../images/bgmusic.png) 0 0 no-repeat; cursor:pointer; overflow:hidden; float:left; display:inline-block; }
.bgmusic_btn.stop{ background-position:-26px 0; }

#header{ width:1200px; position:fixed; left:50%; margin:0 0 0 -600px; top:0; z-index:98; }
.header_l,.header_r{ width:42px; height:98px; display:inline-block; float:left; }
.header_l{ background:url(../images/header_l.png) no-repeat; }
.header_r{ background:url(../images/header_r.png) no-repeat; }
.header_con{ width:1116px; height:98px; background:url(../images/header_c.png) repeat-x; display:inline-block; text-align:center; float:left; }
.header_content{ width:1000px; display:inline-block; position:relative; }
.logo{ width:266px; height:145px; background:url(../images/logo.png) no-repeat; display:inline-block; position:relative; z-index:1; }
.sub_menu{ position:absolute; right:20px; top:10px; text-align:right; }
.sub_menu a,.share_zone a,.login_info{ margin:0 0 0 15px; height:18px; line-height:18px; display:inline-block; font-size:14px; color:#006139; vertical-align:middle; float:left; }
.sub_menu a:hover{ color:#fff; }
.share_zone a.sina_icon,.share_zone a.qq_icon,.share_zone a.db_icon,.share_zone a.kx_icon,.share_zone a.rr_icon{ width:18px; height:18px; display:inline-block; margin:0 0 0 6px; background:url(../images/share.png) no-repeat; }
.share_zone a.sina_icon{ background-position: 0 0; /*margin-left:15px;*/ }
.share_zone a.qq_icon{ background-position: -24px 0; }
.share_zone a.db_icon{ background-position: -47px 0; }
.share_zone a.kx_icon{ background-position: -71px 0; }
.share_zone a.rr_icon{ background-position: -94px 0; }
.menu{ position:absolute; left:0; top:45px; text-align:left; }
.menu li{ width:110px; height:50px; float:left; display:inline-block; background:url(../images/nav.png) no-repeat; margin-right:5px; }
.menu li a{ width:100%; height:100%; display:inline-block; }
.menu li:hover,.menu li.hover{ background:url(../images/nav_hover.png) no-repeat; }
.menu li.nav1{ background-position:0 0; margin-right:0; }
.menu li.nav2{ background-position:-110px 0; margin-right:15px; }
.menu li.nav3{ background-position:-231px 0; }
.menu li.nav4{ background-position:-349px 0; margin-left:270px; margin-right:15px; }
.menu li.nav5{ background-position:-468px 0; margin-right:15px; }
.menu li.nav6{ background-position:-581px 0; }

.share_zone{ position:absolute; left:0; top:10px; }
/*.login_info{ display:none; }*/
.login_info a.lusername, .login_info  a.log_out{ margin-left:0; margin-top: -6px; padding-left: 5px; }
.login_info  a.log_out{margin-left: 5px;}





/* ======== 内容区 ======== */

/* section-1 */
.ani_p_1{ width:655px; height:572px; position:absolute; left:-50px; top:-33px; background:url(../images/p1.png) top no-repeat;/* filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;*/ }

.ani_p_1 a{ width:72%; height:65%; float:left; display:inline-block; margin:150px 0 0 157px; }

.section{ width:100%; float:left; }


/* home */
.section_1 .section_con{ width:480px; float:right; display:inline-block; margin:80px 0 0 0; background:url(../images/index/slogan.jpg) no-repeat; position:relative; z-index:1; }
.n_list{ margin:198px 0 0 0; display:inline-block; white-space: nowrap; word-wrap: normal;overflow: hidden; *zoom: 1; }
.n_list dl{ display:inline-block; float:left; margin:6px 0 0 0; }
.n_list dt{ height:110px; text-align:center; }

.n_list dd{ padding:0 17px; border-left:1px #01603e dotted; font-size:12px; color:#b8d12c; line-height:18px; height:98px; margin-left:-1px; text-align:left; }
.n_list dd img{ padding-bottom:3px; }





/* brand */
.section_2{ position:relative; z-index:3; }
.section_2 .section_con{ width:450px; float:left; display:inline-block; margin:165px 0 0 60px; background:url(../images/brand/slogan.jpg) left top no-repeat; text-align:left; }
.vines{ width:1079px; height:198px; background:url(../images/p2.png) no-repeat; position:absolute; left:-170px; top:0px; }

.silder_nav{ width:290px; display:inline-block; margin:140px 0 108px 0; }
.silder_nav li{ width:100%; height:32px; position:relative; margin-bottom:6px; display:inline-block; cursor:pointer; }
.silder_nav li.hover{ cursor:default; }
.silder_nav li a{ width:100%; height:32px; }
/*.silder_nav li.hover span,.silder_nav li:hover span{ color:#006139; }
.silder_nav li.hover span i,.silder_nav li:hover span i{ background:url(../images/arr_hover.png) no-repeat; }*/
.silder_nav li span{ width:240px; height:32px; background:url(../images/brand/insilde_btn_c.jpg) repeat-x; display:inline-block; line-height:32px; font-size:16px; color:#fff; text-indent:0.6em; position:relative; cursor:pointer; float:left; }
.silder_nav li:hover span,.silder_nav li.hover span{ background:url(../images/brand/insilde_btn_c_hover.jpg) repeat-x; }

.silder_nav li span i{ width:8px; height:14px; background:url(../images/arr.png) no-repeat; position:absolute; top:10px; right:0; }
.ani_p_2{ width:770px; height:791px; background:url(../images/p5.png) no-repeat; position:absolute; top:0px; right:-280px; }
.silder_nav li span.subnav_l,.section_4 .silder_nav li span.subnav_l,.insilde_brand_con .silder_nav li span.subnav_l,.cookbook_list .silder_nav li span.subnav_l{ width:17px; height:32px; background:url(../images/brand/insilde_btn_l.png) no-repeat; float:left; display:inline-block; }
.silder_nav li span.subnav_r,.section_4 .silder_nav li span.subnav_r,.insilde_brand_con .silder_nav li span.subnav_r,.cookbook_list .silder_nav li span.subnav_r{ width:22px; height:32px; background:url(../images/brand/insilde_btn_r.png) no-repeat; float:left; display:inline-block; }

.silder_nav li:hover span.subnav_l,.silder_nav li.hover span.subnav_l{ background:url(../images/brand/insilde_btn_l_hover.png) no-repeat; }

.silder_nav li:hover span.subnav_r,.silder_nav li.hover span.subnav_r{ background:url(../images/brand/insilde_btn_r_hover.png) no-repeat; }


/* system */
.section_3{ height:570px; background:url(../images/system/bg.jpg) center top no-repeat; position:relative; z-index:2; }
.section_3 .section_con{ width:560px; float:left; display:inline-block; margin:60px 0 0 470px; background:url(../images/system/slogan.jpg) center top no-repeat; padding:130px 0 0 0; }
.step_con{ width:82%; height:190px; font-size:14px; color:#b6cf2a; line-height:20px; padding-bottom:10px; display:none; }
.step_con h3{ font-size:18px; padding:14px 0 3px 0; }
.step_con p a{ color:#b6cf2a; }
.step_nav li{ width:122px; float:left; display:inline-block; text-align:center; margin-right:50px; position:relative; }
.step_nav li p{ color:#b6cf2a; font-size:16px; padding:10px 0; }
.step_nav li.hover p,.step_nav li:hover p{ color:#006139; font-size:16px; }
.step_nav li i{ width:21px; height:21px; background:url(../images/system/step_arr.jpg) no-repeat; position:absolute; right:-37px; top:60px; }


/* knowledge */
.section_4{ position:relative; z-index:3; height:690px; }
.ani_p_3{ width:501px; height:389px; background:url(../images/ipad.png) no-repeat; position:absolute; right:-160px; top:400px; }
.ani_p_4{ width:375px; height:587px; background:url(../images/knowledge/jp_2.jpg) no-repeat; position:absolute; left:-452px; top:200px; }
.ani_p_5{ width:326px; height:630px; background:url(../images/knowledge/qyg.png) no-repeat; position:absolute; left:-452px; top:300px; }


.section_4 .section_con{ width:100%; float:left; display:inline-block; background:url(../images/knowledge/slogan.jpg) 60px top no-repeat; padding:130px 0 0 0; text-align:left; }

.section_4 .silder_nav{ margin:0 0 0 60px; width:80%; }
.section_4 .silder_nav li{ float:left; width:260px; display:inline-block; }
.section_4 .silder_nav li span{ width:210px; }
.knowledge_con{ width:775px; height:466px; margin-left:55px; display:none; position:relative; z-index:2; }
.component_table{ background:url(../images/knowledge/component_table.png) no-repeat; }

.sublevel{ text-align:center; }
.sublevel p{ padding-left:35px; line-height:20px; color:#006139; font-size:13px; }

.sublevel_list{ margin:15px 0 0 0; display:inline-block; background:url(../images/knowledge/level_nav.png) no-repeat; position:relative; }
.sublevel_list li{ display:inline-block; width:170px; height:160px; }
.sublevel_list li a{ width:100%; height:100%; display:inline-block; }

.section_6 .b_Image{ margin:0 0 0 -10px; }



/* family */
.section_5 .section_con{ width:100%; background:url(../images/family/family_list.jpg) -10px -10px no-repeat; margin:60px 0 0 0; height:530px; }
.section_5 .slogan{ width:630px; height:180px; background:url(../images/family/slogan.png) no-repeat left top; margin:0 0 0 60px; }

.family_btn{ width:139px; height:35px; background:url(../images/family/btn.png) 0 center no-repeat; display:inline-block; position:absolute; left:50%; margin:0 0 0 -68.5px; top:-30px; display:none; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; }

.fruit_2 .family_btn{ width:160px; background-position:-155px center; }
.fruit_3 .family_btn{ background-position:-331px center; }
.fruit_4 .family_btn{ background-position:-497px center; }
.fruit_5 .family_btn{ width:180px; background-position:-642px center; }


.section_5 .slogan span{ width:95px; height:116px; background:url(../images/family/icon.png) no-repeat; float:right; }
.section_5 .slogan span a{ width:100%; height:100%; display:inline-block; }

.family_list{ width:756px; display:inline-block; margin:-10px 0 0 122px; height:100px;}
.family_list li{ float:left; position:relative; cursor:pointer;}
.fruit_1{ width:129px; height:191px; display:inline-block; margin:13px 0 0 0; }
.fruit_2{ width:121px; height:215px; display:inline-block; margin:2px 0 0 2px; }
.fruit_3{ width:167px; height:220px; display:inline-block; margin:0px 0 0 0; }
.fruit_4{ width:185px; height:231px; display:inline-block; margin:44px 0 0 0; }
.fruit_5{ width:140px; height:186px; display:inline-block; margin:50px 0 0 0; }

.family_list li a{ width:100%; height:100%; display:inline-block; }

.newsIcon{ width:70px; height:70px; background:url(../images/family/newsIcon.png) no-repeat; position:absolute; left:-16px; top:-16px; display:none; } 



/* cookbook */
.ani_p_6{ width:748px; height:456px; background:url(../images/cookbook/p3.png) no-repeat; position:absolute; right:-56px; top:50px; }
.section_6 .section_con{ width:300px; background:url(../images/cookbook/slogan.jpg) no-repeat left top; padding:160px 0 0 0; margin-left:60px; position:relative; z-index:2;  }

.section_6 .silder_nav{ margin:20px 0 0 0; }
.section_6 .silder_nav li{ margin-bottom:15px; }
.silder_pic{ margin:-12px 0 0 0; }
.silder_pic dd{ font-size:12px; color:#b6cf2a; line-height:20px; padding:5px 0; text-align:center; width:89%; }
.silder_pic dd a,.newsList li dd a,.n_list dd a{ color:#b6cf2a; }
.silder_pic dd a:hover,.newsList li dd a:hover,.n_list dd a:hover{ color:#006139; }



/* news */
.section_7{ height:600px; }
.ani_p_7{ width:630px; height:481px; background:url(../images/news/p4.png) no-repeat; position:absolute; left:80px; top:140px; }

.section_7 .section_con{ width:300px; float:right; display:inline-block; background:url(../images/news/slogan.jpg) no-repeat; padding:150px 0 0 0; margin:90px 100px 0 0; }
.section_7 .silder_nav{ margin:20px 0 0 0; }
.newsList,.newsList li{ width:100%; }
.newsList li{ margin:10px 0 0 0; display:inline-block; text-align:left; }
.newsList li dl{ margin:0 0 0 12px; display:inline-block; }
.newsList li dt{ width:102px; height:58px; overflow:hidden; display:inline-block; float:left; }
.newsList li dd{ width:145px; float:left; display:inline-block; margin:0 0 0 8px; color:#b6cf2a; font-size:12px; line-height:20px; }
.newsList li dd h2{ font-size:16px; font-weight:bold; }









/* =============== subpage =============== */

/* system */
.inside_con{ width:100%; float:left; text-align:center; padding:30px 0 30px 0; }
.system_title{ width:1000px; height:95px; background:url(../images/system/insilde_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:25px; }
.system_banner{ width:1200px; height:549px; overflow:hidden; position:relative; margin-bottom:25px; display:inline-block; }
.system_banner ul{ position:absolute; left:0; top:0; width:100%; }
.system_banner ul li{ width:100%; height:549px; display:inline-block; float:left; position:relative; overflow:hidden; }
.system_banner1{ background:url(../images/system/banner1.jpg) center no-repeat; }
.system_banner2{ background:url(../images/system/banner2.jpg) center no-repeat; }
.system_banner3{ background:url(../images/system/banner3.jpg) center no-repeat; }
.system_banner4{ background:url(../images/system/banner4.jpg) center no-repeat; }
.system_banner5{ background:url(../images/system/banner5.jpg) center no-repeat; }
.system_banner6{ background:url(../images/system/banner6.jpg) center no-repeat; }
.system_text{ width:624px; height:343px; background:url(../images/system/system_text_bg.png) no-repeat; position:absolute; top:-90px; right:-55px; }

.system_banner3 .system_text{ background-position:6px -30px; }
.system_banner5 .system_text{ background-position:15px -60px; }
.system_banner6 .system_text{ background-position:15px -60px; }


.system_text_con{ margin:100px 0 0 67px; display:inline-block; text-align:left; float:left; color:#b6cf2a; font-size:14px; line-height:22px; width:450px; }
.system_text_con h2{ font-size:16px; color:#b8d12c; text-decoration:underline; font-weight:bolder; }

.system_text_con h3{ font-size:18px; color:#b6cf2a; }
.system_text_con p,.system_text_con h3{ margin:0 0 0 -14px; }

.ststem_text_title{ width:100%; height:30px; overflow:hidden; margin:-6px 0 18px 0; display:inline-block; background:url(../images/system/step_text_title.png) no-repeat; }

.system_banner1 .ststem_text_title{ background-position:50px -10px; }

.system_banner2 .ststem_text_title{ background-position:50px -77px; }

.system_banner3 .ststem_text_title{ background-position:50px -143px; }

.system_banner4 .ststem_text_title{ background-position:50px -210px; }

.system_banner5 .ststem_text_title{ background-position:50px -276px; }

.system_banner6 .ststem_text_title{ background-position:50px -343px; }

.arr_up,.arr_down{ width:52px; height:31px; position:absolute; left:50%; margin:0 0 0 -26px; z-index:2; cursor:pointer; }
.arr_up{ background:url(../images/system/arr_up.png) no-repeat; top:10px; display:none; }
.arr_down{ background:url(../images/system/arr_down.png) no-repeat; bottom:10px; }





/* inside_brand */
.brand_title{ width:1000px; height:114px; background:url(../images/brand/insilde_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:25px; }
.insilde_brand_con{ position:relative; width:1000px; display:inline-block; }
.insilde_brand_kv{ width:691px; height:416px; background:url(../images/brand/insilde_kv.png) center no-repeat; position:absolute; left:-320px; top:0; }


.insilde_brand_con .silder_nav{ margin-top:-60px; width:165px; }
.insilde_brand_con .silder_nav li span{ width:112px; height:30px; line-height:30px; text-align:left; background:url(../images/brand/insilde_btn_c.jpg) repeat-x; }
.insilde_brand_con .silder_nav li.hover span,.cookbook_list .silder_nav li.hover span,.insilde_brand_con .silder_nav li:hover span,.cookbook_list .silder_nav li:hover span{ color:#fff; background:url(../images/brand/insilde_btn_c_hover.jpg) repeat-x; }

.insilde_brand_con .silder_nav li span.subnav_l{ height:30px; background:url(../images/brand/insilde_btn_l.png) no-repeat; }
.insilde_brand_con .silder_nav li span.subnav_r{ height:30px; background:url(../images/brand/insilde_btn_r.png) no-repeat; }

.insilde_brand_con .silder_nav li.hover span.subnav_l,.cookbook_list .silder_nav li.hover span.subnav_l,.insilde_brand_con .silder_nav li:hover span.subnav_l,.cookbook_list .silder_nav li:hover span.subnav_l{ height:30px; background:url(../images/brand/insilde_btn_l_hover.png) no-repeat; }
.insilde_brand_con .silder_nav li.hover span.subnav_r,.cookbook_list .silder_nav li.hover span.subnav_r,.insilde_brand_con .silder_nav li:hover span.subnav_r,.cookbook_list .silder_nav li:hover span.subnav_r{ height:30px; background:url(../images/brand/insilde_btn_r_hover.png?v=22) no-repeat; }

.insilde_brand_con .silder_nav li span i{ width:8px; height:14px; background:url(../images/arr.png) no-repeat; position:absolute; top:9px; right:0; }


.inside_brand_content{ width:400px; height:420px; position:absolute; right:0; top:-60px; }
.inside_brand_content p{ text-align:left; font-size:14px; line-height:25px; color:#379247; width:98%; }
.inside_brand_content p img{ vertical-align:top; display:inline-block; margin:5px 6px 0 0; }
.inside_brand_content p span{ width:90%; display:inline-block; }

.inside_brand_content .scroller{ height:100%; overflow:auto; }


.tagLi{ width:400px; height:27px; position:absolute; right:0; top:-57px; text-align:left; }
.tagLi li{ height:27px; line-height:27px; background:#006139 url(../images/brand/water-drop.png) 10px 8px no-repeat; color:#b8d12c; font-size:16px; display:inline-block; text-align:left; text-indent:1.5em; padding:0 20px 0 0; cursor:pointer; margin-right:10px; }
.tagLi li.hover{ background:#b8d12c url(../images/brand/water-drop.png) 10px -29px no-repeat; color:#006139; cursor:default; }

.tagShow .inside_brand_content{ top:-20px; }
.inside_brand_content #tag1 p{ width:82%; }


/* brandNews */
.brandNews{ width:100%; }
.brandNews li{ padding:0 0 10px 0; text-align:left; width:95%; font-size:14px;/* background:url(../images/brand/triangle.gif) no-repeat left 3px;*/ border-bottom:1px #ececec dashed; margin-bottom:8px; display:inline-block; }
.brandNews li a{ width:80%; display:inline-block; vertical-align:middle; }
.brandNews li span{ display:inline-block; width:60%; vertical-align:middle; word-wrap:break-word; }
.brandNews li em{ display:inline-block; vertical-align:middle; width:18%; height:27px; line-height:27px; font-size:12px; text-align:center; height:100%; background:#d3d3d3;  }
.inside_brand_content .holder{ margin-left:0; float:left; }

.tagShow .inside_brand_content.dutyCon{ top:-60px; left:570px; }
.tagShow .inside_brand_content.dutyCon img{ border:10px #b8d12c solid; }
.coordinate{ position:absolute; left:0; top:0; width:72px; height:100px; z-index:2; }
.coordinate.pos1{ top:37px; left: 45px; background:url(../images/brand/xjIcon.png) no-repeat; }
.coordinate.pos1.hover{ width:72px; height:99px; top:34px; left: 44px; background:url(../images/brand/xjIcon_hover.png) no-repeat; }
.coordinate.pos2{ top:300px; left:213px; background:url(../images/brand/ynIcon.png) no-repeat; z-index:100; }
.coordinate.pos2.hover{ width:72px; height:99px; top:296px; left:212px; background:url(../images/brand/ynIcon_hover.png) no-repeat; }
.coordinate.pos3{ top:300px; left:285px; background:url(../images/brand/gzIcon.png) no-repeat; z-index:100;}
.coordinate.pos3.hover{ width:72px; height:99px; top:296px; left:284px; background:url(../images/brand/gzIcon_hover.png) no-repeat; }
.coordinate.pos4{ top:170px; left:420px; background:url(../images/brand/cq.png) no-repeat; z-index:80; }
.coordinate.pos4.hover{ width:72px; height:390px; top:170px; left:420px; background:url(../images/brand/cq_hover.png) no-repeat; }
.tagShow .inside_brand_content.dutyCon .coordinate img{ border:none; }


.newsPic{ border:2px #b8d12c solid; display:inline-block; vertical-align:middle; margin-right:6px; }



/* inside_cookbook */

.cookbook_title{ width:1000px; height:136px; background:url(../images/cookbook/insilde_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:25px; }
.insilde_cookbook_con{ width:980px; display:inline-block; background:url(../images/cookbook/inside_bg.jpg) no-repeat left 130px; position:relative; }
.b_Image{ width:300px; height:216px; text-align:center; float:left; position:relative; margin:-20px 0 0 67px; display:inline-block; }
.imglayer{ width:92%; height:88%; display:inline-block; margin:4% 0 0 0; overflow:hidden; }
.imgmask{ width:100%; height:100%; background:url(../images/cookbook/b_pic_bg.png) no-repeat; position:absolute; left:0; top:0; }


.list_info{ width:570px; float:right; display:inline-block; margin:-90px 0 0 0; text-align:left; color:#006139; font-size:14px; line-height:24px; position:relative; }
.list_info h2{ font-size:20px; color:#19703d; font-weight:bold;  text-align:left; }
.back_btn{ width:68px; height:16px; background:url(../images/cookbook/back.png) no-repeat; position:absolute; right:0; top:6px; }

.list_info h3{ font-size:18px; color:#b8d12c; padding:20px 0 6px 0; }
ol.oli li{ list-style:decimal; margin-left:20px; *margin-left:25px; }
.pro_list{ width:100%; float:left; margin:27px 0 25px 0; display:inline-block; position:relative; }
.pro_list_nav{ width:528px; height:35px; background:url(../images/cookbook/cookbook_subnav.jpg) no-repeat; float:left; margin-bottom:15px; display:inline-block; overflow:hidden; }
.pro_list_nav.pln-0{ background-position:0 0; }
.pro_list_nav.pln-1{ background-position:0 -50px; }
.pro_list_nav.pln-2{ background-position:0 -100px; }
.pro_list_nav.pln-3{ background-position:0 -150px; }

.pro_list_nav span{ width:23%; height:100%; display:inline-block; cursor:pointer; }
.pro_list_nav.hover{ background:url(../images/cookbook/cookbook_subnav.jpg) no-repeat -270px center; }

.pro_list_con{ width:100%; overflow:hidden; float:left; height:107px; position:relative; display:none; }
.pro_list_con ul{ position:absolute; left:0; top:0; width:100000px; }
.pro_list_con li{ float:left; display:inline-block; margin:0 5px; }
.s_Image{ width:153px; height:107px; overflow:hidden; display:inline-block; position:relative; text-align:center; }

.s_Image .imglayer{ width:94%; height:90%; margin:4% 0 0 0; }
.s_Image .imglayer img{ width:100%; }

.s_Image .imgmask{ background:url(../images/cookbook/s_pic_bg.png) no-repeat; }
.movel,.mover,.movet,.moveb{ width:23px; height:22px; position:absolute; cursor:pointer; }
.movel{ background:url(../images/cookbook/arr_l.png) no-repeat; left:-30px; top:92px; display:none; }
.mover{ background:url(../images/cookbook/arr_r.png) no-repeat; right:-30px; top:92px; }


.cookbook_list_kv{ background:url(../images/cookbook/p3.png) no-repeat; width:748px; height:456px; position:absolute; left:-230px; top:0; }
.cookbook_list_con{ width:330px; height:720px; float:right; text-align:left; margin:-110px 0 0 0; position:relative; }
.hw_imgage_t{ width:162px; height:119px; background:url(../images/cookbook/hw_t.jpg) no-repeat; position:absolute; left:-210px; top:-20px; }
.hw_imgage_b{ width:162px; height:119px; background:url(../images/cookbook/hw_b.jpg) no-repeat; position:absolute; right:0; bottom:0; }
.con_tips{ text-indent:1em; color:#379247; font-size:12px; position:absolute; left:-200px; top:102px; }

.recipes{ margin:80px 0 0 10px; display:inline-block; height:460px; width:100%; }
.mwss{ margin-right:8px; }
.recipes_con{ width:100%; float:left; display:inline-block; position:relative; }
.recipes_con li p{ text-align:center; padding:2px 0; color:#b8d12c; font-size:12px; line-height:20px; }
.recipes_con li p a{ color:#b8d12c; }
.recipes_con li p a:hover{ color:#006139; }

.movet{ background:url(../images/cookbook/arr_up.png) no-repeat; left:148px; top:-40px; display:none; }
.moveb{ background:url(../images/cookbook/arr_down.png) no-repeat; left:148px; bottom:-30px; }
.recipes_con_scroll{ height:450px; overflow:hidden; position:relative; }
.recipes_con_scroll ul{ position:absolute; left:0; top:0; width:100%; }
.recipes_con_scroll li{ width:49%; height:133px; overflow:hidden; float:left; display:inline-block; margin-bottom:20px; }

.cookbook_list .silder_nav{ position:absolute; left:-190px; top:-10px; }
.cookbook_list .silder_nav li span{ width:33%; }

.cookShare{ position:absolute; right:0; bottom:-20px; width:100%; z-index:2; }
.cookShare .share_zone{ right:20px; top:20px; left:auto; }
.cookShare .share_zone span{
	float: left;
	display: inline-block;
	height: 18px;
	line-height: 18px;
}



/* inside_news */
.infoCon{ font-size:14px; }
.infoCon center{ padding:6px 0; }

.news_activities_title{ width:1000px; height:130px; background:url(../images/news/inside_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:25px; }
.insilde_news_con{ width:980px; display:inline-block; position:relative; }
.news_activities_kv{ background:url(../images/news/p4.png) no-repeat; width:748px; height:590px; position:absolute; left:-210px; top:0; }
.news_con{ width:490px; height:600px; position:absolute; top:-30px; right:0; text-align:left; }
.news_con .silder_nav{ margin:-100px 0 0 0; }
.zespri_lines{ width:97px; height:47px; background:url(../images/news/zespri_lines.png) no-repeat; position:absolute; right:-25px; top:-25px; }

.news_con .silder_nav li span{ width:210px; height:30px; position: relative; line-height:20px; *line-height:30px; *top:-10px; text-align:left; background:url(../images/brand/insilde_btn_c.jpg) repeat-x; }
.news_con .silder_nav li.hover span,.news_con .silder_nav li:hover span{ color:#fff; background:url(../images/brand/insilde_btn_c_hover.jpg) repeat-x; }

.news_con .silder_nav li span.subnav_l{ width:17px; height:30px; background:url(../images/brand/insilde_btn_l.png) no-repeat; }
.news_con .silder_nav li span.subnav_r{ width:22px; height:30px; background:url(../images/brand/insilde_btn_r.png) no-repeat; }

.news_con .silder_nav li.hover span.subnav_l,.news_con .silder_nav li:hover span.subnav_l{ height:30px; background:url(../images/brand/insilde_btn_l_hover.png) no-repeat; }
.news_con .silder_nav li.hover span.subnav_r,.news_con .silder_nav li:hover span.subnav_r{ height:30px; background:url(../images/brand/insilde_btn_r_hover.png?v=22) no-repeat; }

.news_con .silder_nav li span i{ width:8px; height:14px; background:url(../images/arr.png) no-repeat; position:absolute; top:9px; right:0; }

.news_activities_list{ position:relative; z-index:2; height:470px; overflow:hidden; }
.news_activities_list,.news_activities_list ul{ width:100%; float:left; }

.news_activities_list li{ width:235px; float:left; display:inline-block; background:url(../images/news/news_list_bg.png) center no-repeat; height:233px; text-align:center; margin:0 10px 0 0; }
.news_activities_list dl{ width:204px; float:left; display:inline-block; margin:15px 0 0 15px; }
.news_activities_list dd{ text-align:left; padding:7px 3px; }
.news_activities_list dd h3{ font-size:16px; color:#b8d12c; font-weight:bold; }
.news_activities_list dd p{ width:100%; height:40px; overflow:hidden; line-height:18px; color:#006139; font-size:12px; }
.news_activities_list dd em{ float:right; display:inline-block; color:#006139; } 

.news_activities_info .news_con{ width:87%; text-align:left; float:left; margin:-30px 0 0 0; display:inline-block; }
.news_info_con{ width:705px; float:left; position:relative; }
.news_info_con_t{ height:10px; width:100%; background:url(../images/news/news_info_t.png) no-repeat center; }
.news_info_con_c{ width:100%; background:url(../images/news/news_info_c.png) repeat-y center; padding:20px 0; text-align:center; font-family:"微软雅黑"; }
.news_info_con_b{ height:15px; width:100%; background:url(../images/news/news_info_b.png) no-repeat center; }

.news_info_con_c .content{ width:90%; display:inline-block; font-size:12px; color:#006139; line-height:25px; text-align:left; font-family:"微软雅黑"; }
.news_info_con_c .content h2{ font-size:20px; font-weight:bold; width:100%; text-align:center; padding:10px 0 30px 0; }
.news_info_con_c .content p{ padding:15px 0; }

.news_activities_info .back_btn{ top:-30px; right:15px; }

.news_video .news_con{ width:750px; height:600px; position:absolute; top:-30px; right:0; text-align:left; }
.video_con{ width:100%; float:left; position:relative; z-index:2; margin:27px 0 0 -40px; display:inline-block; }
.video_bg{ width:730px; height:504px; background:url(../images/news/video_bg.png) 24px 7px no-repeat; text-align:center; position:relative; z-index:2; padding:50px 0 0 0; }
#videobox{ /*width:545px; height:368px;*/ display:inline-block; margin:10px 0 0 -170px; float:left; position:relative; }
#player{ width:550px; height:310px; margin:0 0 0 95px; }

.video_nav{ width:545px; height:40px; display:inline-block; margin:0 0 0 0; }
.video_nav span{ width:38px; height:40px; display:inline-block; background:url(../images/news/video.png) no-repeat; cursor:pointer; float:left; }
.video_nav span.vider-volume{ background-position:-12px -10px; margin-right:30px; margin-left:100px; }
.video_nav span.vider-volume.stop{ background:url(../images/news/video_hover.png) -12px -10px no-repeat; }
.video_nav span.vider-prev{ background-position:-12px -65px; }
.video_nav span.vider-controls{ background:url(../images/news/video_hover.png) -12px -120px; margin:0 15px; }
.video_nav span.vider-controls.stop{ background:url(../images/news/video.png) -12px -120px no-repeat; }

.video_nav span.vider-next{ background-position:-12px -177px; }
.video_nav span.vider-share{ background:none; margin-left:30px; line-height:40px; font-size:14px; color:#006139; cursor:default; width:200px; float:right; }
.video_nav span.vider-share a{ width:30px; height:30px; background:url(../images/news/share_icon.png) no-repeat 2px 2px; display:inline-block; vertical-align:middle; }
.video_nav span.vider-share a.sina_icon{ background-position:2px 2px; }
.video_nav span.vider-share a.qq_icon{ background-position:-29px 2px; }
.video_nav span.vider-share a.db_icon{ background-position:-59px 2px; }
.video_nav span.vider-share a.kx_icon{ background-position:-89px 2px; }
.video_nav span.vider-share a.rr_icon{ background-position:-117px 2px; }

.video_nav span.vider-share a.sina_icon:hover{ background-position:2px -28px; }
.video_nav span.vider-share a.qq_icon:hover{ background-position:-29px -28px; }
.video_nav span.vider-share a.db_icon:hover{ background-position:-59px -28px; }
.video_nav span.vider-share a.kx_icon:hover{ background-position:-89px -28px; }
.video_nav span.vider-share a.rr_icon:hover{ background-position:-117px -28px; }




/*.video_list{ width:165px; position:absolute; right:0; top:15px; height:400px; overflow:auto; display:none; }
.video_list dl{ width:100%; height:60px; background:#b8d12c; cursor:pointer; margin:5px 0; display:inline-block; }
.video_list dl.hover{ height:auto; }
.video_list dt{ margin:7px 0 0 0; display:inline-block; position:relative; float:left; }
.video_mask{ width:100%; height:100%; background:url(../images/news/play_icon.png) no-repeat center; position:absolute; left:0; top:0; }
.video_list dd{ width:65px; line-height:57px; text-align:center; float:right; display:inline-block; padding:2px 0; color:#fff; font-size:12px; font-weight:bold; }

.sublayer{ width:100%; float:left; background:#fff; padding:6px 0 0 0; display:none; }
.sublayer li{ padding:2px 0; width:100%; }
.sublayer li p{ margin:0 0 0 20px; text-align:left; color:#b8d12c; }

.video_list dl.hover .sublayer{ display:block; }

.v_list{ margin:0 0 0 10px; text-align:center; position:relative; display:none; }
.sublayer li.hover .v_list{ display:block; }
.v_list_con{ width:73px; height:93px; overflow:hidden; margin:6px 0 0 0; display:inline-block; position:relative; }
.v_list_con img{ border:3px #b8d12c solid; }
.v_list_ul{ width:10000px; position:absolute; left:0; top:0; text-align:left; }
.v_l{ width:23px; height:23px; background:url(../images/cookbook/arr_l.png) no-repeat; position:absolute; left:8px; top:45px; z-index:2; }
.v_r{ width:23px; height:23px; background:url(../images/cookbook/arr_r.png) no-repeat; position:absolute; right:9px; top:45px; z-index:2; }
*/

.changelist{ display:none; }
.video_list{ position:absolute; right:-80px; top:100px; width:327px; }
.v_nav_bg{ width:550px; height:80px; background:url(../images/news/vide_nav.png) 0 -89px no-repeat; overflow:hidden; position:absolute; left:0; top:0; }
.v_nav_1{ background-position:0 -1px; }
.v_nav_2{ background-position:0 -90px; }
.v_nav_3{ background-position:0 -1px; }

.v_nav_li{ width:550px; height:54px; position:absolute; left:0; top:0; z-index:3; }
.v_nav_li li{ width:49.3%; height:100%; display:inline-block; float:left; cursor:pointer; }
.zoscar_type_list{ width:90%; float:left; margin:-30px 0 0 -50px; display:inline-block; }
.zoscar_type_list li{ width:25%; float:left; display:inline-block; color:#b8d12c; font-size:14px; font-family:"微软雅黑"; font-weight:bold; cursor:pointer; }
.zoscar_type_list li.hover{ color:#006139; cursor:default; }
.zespriOscar{ width:115px; height:150px; display:inline-block; margin:6px 0 0 0; position:relative; overflow:hidden; }
.zespriOscar ul{ width:10000px; position:absolute; left:0; top:0; }
.zespriOscar li{ width:104px; height:132px; background:green; float:left; border:4px #b8d12c solid; display:inline-block; margin-right:30px; cursor:pointer; }
.video_frame{ position:relative; width:100%; float:left; }
.v_arr_l,.v_arr_r{ width:25px; height:25px; position:absolute; top:80px; cursor:pointer; z-index:2; }
.v_arr_l{ background:url(../images/news/videoArr_l.png) no-repeat; left:-19px; }
.v_arr_r{ background:url(../images/news/videoArr_r.png) no-repeat; right:-18px; }
.tvc_list{ width:72%;}
.tvc_list li{ width:230px; height:145px; overflow:hidden; float:left; background:#b8d12c; border:10px #b8d12c solid; cursor:pointer; margin-bottom:10px; display:inline-block; }
.tvc_list li p{ padding:6px 0 0 0; text-align:center; color:#006139; font-family:"微软雅黑"; }
.tvc_list li.mr35{ margin-right:35px; }
.news_video .silder_nav{ width:630px; position:absolute; left:0; top:32px; }
.news_video .silder_nav li{ float:left; width:auto; display:inline-block; margin-right:36px; }

.vList{ float:left; display:inline-block; position:relative; margin:6px 23px; }
.vList h2{ color:#b8d12c; font-size:14px; font-family:"微软雅黑"; font-weight:bold; }

/*slide效果*/
.picScroll-top{ height:440px; overflow:hidden; position:relative; left:15px; top:-35px;}
.prev{width:258px; height:32px; position:absolute; left:0; top:0;}
.next{width:258px; height:32px; position:absolute; left:0; bottom:0;}
.picScroll-top .bd{ height:340px; overflow:hidden; position:absolute; left:5px; top:50px;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }






/* inside_knowledge */
.knowledge_title{ width:1000px; height:114px; background:url(../images/knowledge/inside_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:6px; }
.inside_knowledge_con{ width:1000px; display:inline-block; position:relative; }
.inside_knowledge_con .silder_nav{ width:100%; margin:0; text-align:left; position:relative; z-index:2; }
.inside_knowledge_con .silder_nav li{ width:260px; display:inline-block; position:relative; float:left; }


.inside_knowledge_con .silder_nav li span{ width:217px; height:30px; line-height:30px; text-align:left; background:url(../images/brand/insilde_btn_c.jpg) repeat-x; }
.inside_knowledge_con .silder_nav li.hover span,.inside_knowledge_con .silder_nav li:hover span{ color:#fff; background:url(../images/brand/insilde_btn_c_hover.jpg) repeat-x; }

.inside_knowledge_con .silder_nav li span.subnav_l{ width:17px; height:30px; background:url(../images/brand/insilde_btn_l.png) no-repeat; }
.inside_knowledge_con .silder_nav li span.subnav_r{ width:19px; height:30px; background:url(../images/brand/insilde_btn_r.png) no-repeat; }

.inside_knowledge_con .silder_nav li.hover span.subnav_l,.inside_knowledge_con .silder_nav li:hover span.subnav_l{ height:30px; background:url(../images/brand/insilde_btn_l_hover.png) no-repeat; }
.inside_knowledge_con .silder_nav li.hover span.subnav_r,.inside_knowledge_con .silder_nav li:hover span.subnav_r{ height:30px; background:url(../images/brand/insilde_btn_r_hover.png?v=22) no-repeat; }

.inside_knowledge_con .silder_nav li span i{ width:8px; height:14px; background:url(../images/arr.png) no-repeat; position:absolute; top:9px; right:0; }

.knowledge_stage{ text-align:left; font-size:12px; color:#006139; line-height:20px; }
.knowledge_type_tips { margin:0 0 0 27px; display:inline-block; width:100%; }

.stage_1 .stage_con{ width:699px; height:160px; background:url(../images/knowledge/level_nav.png) no-repeat; margin:50px 0 0 0; position:relative; }

.stage_1 .stage_con a{ display: inline-block; width: 170px; height: 160px; }
.stage_1 .stage_con a em{ width:100%; text-align:center; margin:180px 0 0 0; font-size:13px; color:#b8d12c; display:inline-block; font-weight:bold; }
.knowledge_hw_ico{ width:115px; height:108px; background:url(../images/knowledge/hw_b.jpg) no-repeat; position:absolute; right:0; bottom:-200px; }
.inside_knowledge_kv{ width:362px; height:481px; background:url(../images/knowledge/children.jpg) no-repeat; position:absolute; right:-90px; top:-30px; }

.insideStage{ width:768px; height:468px; float:left; position:relative; z-index:3; text-align:center; }
.stage-baby{ background:url(../images/knowledge/stage-1.png) no-repeat; }
.stage-worker{ background:url(../images/knowledge/stage-2.png) no-repeat; }
.stage-pregnant{ background:url(../images/knowledge/stage-3.png) no-repeat; }
.stage-elderly{ background:url(../images/knowledge/stage-4.png) no-repeat; }
.stage_text{ width:82%; display:inline-block; text-align:left; margin:20px 0 0 0; color:#006139; font-size:14px; line-height:22px; }
.stage_con{ width:100%; background:url(../images/knowledge/sublevel_con.png) repeat-y; float:left; margin:160px 0 0 0; padding-bottom:20px; display:inline-block; position:relative; }
.stage_bottom{ width:100%; height:56px; background:url(../images/knowledge/sublevel_bottom.png) no-repeat; position:absolute; left:0; bottom:-56px; }



.stage_text ul{ width:100%; margin:30px 0 0 0; display:inline-block; }
.stage_text li{ width:48%; display:inline-block; float:left; }
.stage_text h3{ color:#b8d12c; font-size:18px; font-weight:bold; padding-bottom:6px; }
.stage_text i{ color:#e72e25; font-style:normal; }

.stage_text li.stage_text_li_margin{ margin-left:4%; }

.insideStage_footer{ width:100%; float:left; position:relative; margin:80px 0 80px 0; display:inline-block; }
.insideStage_footer .back_btn{ left:50%; margin:0 0 0 -34px; }

.third_sub{ position:absolute; top:36px; left:0; display:none; }
.third_sub p{ height:25px; line-height:25px; font-size:14px; background:url(../images/knowledge/sub_icon.jpg) left -22px no-repeat; overflow:hidden; }
.third_sub p.hover{ background-position:left 2px; }
.third_sub p a{ color:#b8d12c; margin-left:27px; }
.third_sub p.hover a{ color:#006139; }

.inside_knowledge_con .silder_nav li.hover .third_sub{ display:block; }
.nutrition_con{ width:100%; margin:60px 0 0 0; background:url(../images/knowledge/zespri_component.png) no-repeat; height:493px; display:inline-block; position:relative; z-index:2; }
.nutrition_con.other_component{ background:url(../images/knowledge/other_component.png) no-repeat; height:460px; }

/* 如何选购 */
.knowledge_q_a{ width:778px; float:left; margin:50px 0; display:inline-block; position:relative; z-index:2; }
.knowledge_q_a_top{ width:100%; height:35px; background:url(../images/knowledge/q_a_t.png) no-repeat; }
.knowledge_q_a_con{ width:100%; background:url(../images/knowledge/q_a_c.png) repeat-y; text-align:center; }
.knowledge_q_a_footer{ width:100%; height:40px; background:url(../images/knowledge/q_a_b.png) no-repeat; }
.q_a_con{ width:80%; display:inline-block; position:relative; }
.q_a_con li{ width:100%; text-align:left; padding:5px 0; }
.q_a_con li p{ height:21px; display:inline-block; padding:0 20px 0 0; font-size:15px; cursor:pointer; }
.q_a_con li p span{ width:21px; height:21px; background:url(../images/knowledge/q_icon.png) no-repeat; display:inline-block; margin-left:-12px; vertical-align:top; margin-right:6px; }

.q_a_con li.hover p{ background:#b8d12c url(../images/knowledge/q_r_bg.jpg) no-repeat right center; color:#fff; }
.answer {height:auto; overflow:hidden; color:#006139; font-size:14px; line-height:24px; padding:10px 0; float:left; display:none; }
.answer dt,.answer dd{ float:left; display:inline-block; }
.answer dt{ width:5%; }
.answer dd{ width:95% }
.q_a_con li{ font-size:14px; }
.q_a_con li .answer dd p,.q_a_con li.hover .answer dd p{ background:none; color:#006139; height:auto; overflow:hidden; font-size:14px; padding-bottom:20px; cursor:default; }

.answer dd h3{ color:#006139; font-weight:bold; }
.answer ol{ margin:0 0 0 25px; display:inline-block; }
.answer ol li{ line-height:20px; }
.answer li span{ display:inline-block; width:15px; height:15px; background:#006139; color:#fff; line-height:15px; text-align:center; font-family:Arial; font-size:12px; margin-left:-20px; margin-right:6px; }

.q_a_con .holder{ position:absolute; left:-50px; top:-67px; }
.q_a_con .holder a.jp-previous,.q_a_con .holder a.jp-next{ display:none; }

.q_a_con .holder a{ width:35px; height:25px; line-height:27px; text-align:left; margin:0; text-indent:0.7em; color:#fff; background:url(../images/knowledge/page_bg.png) no-repeat; overflow:hidden; font-weight:bold; }
.q_a_con .holder a.jp-current, .q_a_con a.jp-current:hover,.q_a_con .holder a.jp-disabled,.q_a_con a.jp-disabled:hover{
   background:url(../images/knowledge/page_bg.png) no-repeat; color:#006139;
}


/* 我要提问 */
.question{ width:775px; height:429px; float:left; background:url(../images/knowledge/submit_bg.png) no-repeat; }
.question_con{ width:530px; height:330px; display:inline-block; margin:70px 0 0 127px; }
.question_con li{ padding:3px 0; width:100%; float:left; }
.question_con input{ border:none; width:130px; height:18px; line-height:18px; float:left; color:#006239; }
.q_text_area{ width:512px; height:175px; border:none; display:inline-block; margin:17px 0 0 0; color:#006139; font-size:14px; }
.yzm_text{ margin:15px 0 0 0; }
.yzm_pic{ display:inline-block; margin:13px 0 0 20px; float:left; cursor:pointer; }
.question_con li a{ color:#fff; font-size:14px; text-decoration:underline; float:left; display:inline-block; margin:12px 0 0 10px; }
.question_con input.send_btn{ width:80px; height:25px; margin:18px 0 0 226px; display:inline-block; cursor:pointer; background:none; }





/* 会员登录 */
.member{ width:630px; display:inline-block; }
.member_header{ width:100%; height:42px; background:url(../images/member/login_h.png) no-repeat; }
.member_con{ width:100%; background:url(../images/member/login_c.png) repeat-y; position:relative; text-align:center; }
.member_footer{ width:100%; height:39px; background:url(../images/member/login_f.png) no-repeat; }
.member_title{ width:325px; height:67px; background:url(../images/member/login_title.png) no-repeat; margin:-20px 0 0 10px; display:inline-block; float:left; }
.login .member_title{ background-position:0 -5px; height:50px }
.member_close{ width:34px; height:34px; background:url(../images/member/close.png) no-repeat; position:absolute; right:30px; top:-12px; cursor:pointer; }
.login_con{ width:70%; display:inline-block; padding:44px 0 0 0; }

.login .login_con{ background:url(../images/member/login.png) 10px 40px no-repeat; position:relative; }
.login .login_con ul{ display:inline-block; float:left; margin:0 0 0 86px; text-align:left; }
.login .login_con li input{ width:162px; height:22px; background:none; line-height:22px; margin:0 30px 0 15px; border:none; color:#006239; }
.login .login_con li{ padding-bottom:20px; font-size:16px; }
.login .login_con li a{ color:#006239; }
.submit_btn_bj{ width:207px; height:68px; background:url(../images/member/submit_btn.png) no-repeat; display:inline-block; margin-right:9px; float:left; }
.login .login_con li input.login_submit{ width:100%; height:37px; margin:0; background:none; border:none; cursor:pointer; }
.register_link{ display:inline-block; vertical-align:top; margin:9px 0 0 0; }
.other_methods{ width:218px; height:74px; text-align:center; background:url(../images/member/other_btn_new.png) no-repeat; float:left; margin-left: 85px}
.sina_link{ width:172px; height:35px; display:inline-block; margin:0 auto; }
.qq_link{ width:172px; height:35px; display:inline-block; margin:0 0 0 20px; }
.login .submit_btn_bj{ margin:0 9px 20px 0; }
.error_tips{ text-align:left; color:#e72e25; font-size:12px; height:18px; position:absolute; left:88px; bottom:90px; }


/* 忘记密码 */
.forget .member_title{ background:url(../images/member/forget_title.jpg) no-repeat; height:50px }
.forget_con{ width:385px; height:100px; background:url(../images/member/forget_text.jpg) no-repeat; display:inline-block; margin:50px 0 100px 0; }
.forget_con .submit_btn_bj{ float:none; }
.forget_con .submit_btn_bj input{ width:100%; height:55%; background:none; border:none; cursor:pointer; display:inline-block; }
.forget_input{ width:315px; height:27px; margin:45px 0 30px 0; display:inline-block; }
.forget_input input{ width:100%; height:100%; background:none; border:none; color:#006239; }

.hasSent{ width:385px; height:100px; background:url(../images/member/hasSent.jpg) center no-repeat; margin:50px 0 100px 0; display:none; }



/* 会员注册 */
.register{ text-align:center; *text-align:left; }
.register .member_title{ background-position:0 -88px; }
.register .login_con{ padding:41px 0 0 0; }
.register .login_con ul{ display:inline-block; float:left; text-align:left; *margin:0 0 0 127px;  }
.register .login_con li input,.register .login_con li select{ width:132px; height:22px; background:none; line-height:22px; margin:3px 30px 3px 10px; border:none; color:#006239; }
.register .submit_btn_bj{ margin:27px 0 0 0; display:inline-block; }
.register .login_con li select{ position:relative; z-index:2; }
.register .login_con li input.login_submit{ width:100%; height:37px; margin:0; background:none; border:none; cursor:pointer; float:left; }
.register .login_con li{ font-size:16px; position:relative; padding-left:115px; float:left; width:300px; }

.username_bg{ background:url(../images/member/username.jpg) left top no-repeat; }
.pw_bg{ background:url(../images/member/pw.jpg) left top no-repeat; }
.repw_bg{ background:url(../images/member/repw.jpg) left top no-repeat; }
.email_bg{ background:url(../images/member/email.jpg) left top no-repeat; }
.tel_bg{ background:url(../images/member/tel.jpg) left top no-repeat; }
.city_bg{ background:url(../images/member/city.jpg) left top no-repeat; }
.adress_bg{ background:url(../images/member/adress.jpg) left top no-repeat; }
.certificates_bg{ background:url(../images/member/zjlx.jpg) left top no-repeat; }
.id-num_bg{ background:url(../images/member/id-num.jpg) left top no-repeat; }
.name_bg{ background:url(../images/member/name.jpg) left top no-repeat; }

.register .login_con li p{ color:#e72e25; font-size:12px; height:18px; padding-left:10px; width:90%; clear:both; }

.register .login_con li a{ color:#006239; }

.register .login_con li input.email_input,.register .login_con li input.tel_input{ width:200px; }
.register .login_con li input.adress_input,.register .login_con li input.id-num_input{ width:235px; }
.register .login_con li select.province{ width:70px; height:29px; background:none; margin-right:42px;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; float:left; display:inline-block; }
.register .login_con li select.city{ width:85px; height:29px; background:none; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; float:left; display:inline-block; }
.register .login_con li select.certificates{ width:122px; height:27px; background:none;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; }
.register .login_con li input.certificates_input{ position:absolute; left:115px; top:0; }
.register .login_con li input.province_input{ position:absolute; left:115px; top:0; width:60px; }
.register .login_con li input.city_input{ position:absolute; left:240px; top:0; width:90px; }



.family_title{ width:1000px; height:138px; position:relative; background:url(../images/family/insilde_slogan.jpg) no-repeat 0 center; display:inline-block; margin-bottom:25px; }
.family_title span{ width:95px; height:119px; background:url(../images/family/icon.png) no-repeat; float:left; display:inline-block; margin:0 0 0 250px; }
.family_title span a{ width:100%; height:100%; display:inline-block; }

.inside_family_con{ width:1000px; background:url(../images/family/family_bg.png) right top no-repeat; height:500px; display:inline-block; margin:-100px 0 0 0; position:relative; }
.bpro{ width:353px; height:375px; position:absolute; left:108px; top:130px; z-index:3; }

.bpro_1{ background:url(../images/family/pro_1_big.png) center top no-repeat; }
.bpro_2{ background:url(../images/family/pro_2_big.png) center top no-repeat; }
.bpro_3{ background:url(../images/family/pro_3_big.png) center top no-repeat; }
.bpro_4{ background:url(../images/family/pro_4_big.png) center top no-repeat; }
.bpro_5{ background:url(../images/family/pro_5_big.png) center top no-repeat; }

.p_list{ width:520px; height:180px; overflow:hidden; position:absolute; left:450px; top:380px; }
.p_list ul{ width:10000px; position:absolute; left:0; top:0; text-align:left; }
.p_list li{ position:relative; cursor:pointer; float:left; display:inline-block; }
.p_list li.pro_1{ width:100px; height:130px; background:url(../images/family/pro_1.png) center 14px no-repeat; display:inline-block; }
.p_list li.pro_2{ width:100px; height:130px; background:url(../images/family/pro_2.png) center 14px no-repeat; display:inline-block; }
.p_list li.pro_3{ width:101px; height:130px; background:url(../images/family/pro_3.png) center 10px no-repeat; display:inline-block; }
.p_list li.pro_4{ width:101px; height:130px; background:url(../images/family/pro_4.png) center 14px no-repeat; display:inline-block; }
.p_list li.pro_5{ width:101px; height:130px; background:url(../images/family/pro_5.png) center 16px no-repeat; display:inline-block; }

.p_list li.pro_1.hover{ background:url(../images/family/pro_1_hover.png) center top no-repeat; }
.p_list li.pro_2.hover{ background:url(../images/family/pro_2_hover.png) center top no-repeat; }
.p_list li.pro_3.hover{ background:url(../images/family/pro_3_hover.png) center top no-repeat; }
.p_list li.pro_4.hover{ background:url(../images/family/pro_4_hover.png) center top no-repeat; }
.p_list li.pro_5.hover{ background:url(../images/family/pro_5_hover.png) center 0 no-repeat; }


.p_list li:hover p,.p_list li.hover p{ color:#006139; }

.p_list li p{ width:100%; text-align:center; position:absolute; bottom:-30px; left:0; color:#b8d12c; font-size:15px; font-weight:bold; }

.pro_con{ width:490px; height:260px; overflow:auto; position:absolute; left:420px; top:100px; text-align:center; }
.pro_con .pro_text{ display:none; text-align:left; font-size:14px; color:#006139; line-height:24px; }
.pro_con .pro_text h2.p_title p{ /*color:#767676;*/ padding:10px 0 0 0; }


.pro_con .pro_text .pro_change{ width:125px;position:absolute; top:-31px; left:307px; cursor:pointer;}
.pro_5_text{ width:99%; height:595px; display:inline-block; }
.yymddb_link{ width:125px; height:34px; float:left; display:inline-block; margin:56px 0 0 27px; cursor:pointer; }
.pro_con .pro_text h2{ font-size:26px; color:#b8d12c; font-weight:bold; padding-bottom:10px; }
.pro_con .pro_text h2 p{ font-size:16px; display:inline-block; padding-bottom:0; line-height:20px; color:#006139; font-weight:bold; }
.pro_con .pro_text p{ padding-bottom:7px; }

.scroller_top{ width:490px; height:50px; background:url(../images/family/scroll_mask.png) no-repeat; position:absolute; right:112px; top:100px; z-index:2; }
.scroller_bottom{ width:490px; height:50px; background:url(../images/family/scroll_mask_bottom.png) no-repeat; position:absolute; right:112px; top:325px; z-index:2; }

.pro_5_yymd{ width:99%; height:327px; background:url(../images/family/jingguo_con.jpg) center 30px no-repeat; display:inline-block; float:left; } 
.pro_dl{ margin:3px 0; display:inline-block; }
.pro_dl dt{ width:90px; float:left; display:inline-block; text-align:right; font-weight:bold; font-size:15px; }
.pro_dl dd{ width:360px; float:left; display:inline-block; }

.overly_products{ position:fixed; background:#fff; opacity:0.7;filter:alpha(opacity=70); z-index:1000; left:0; top:0; display:none; width:100%; height:100%;}
.pop_change{ position:absolute; width:619px; height:494px; top:50%; left:50%; margin-left:-308px; margin-top:-247px; z-index:1010;background:url(../images/family/pop_scroll_bg.png); display:none;}
.pop_change .pro_con{ left:30px; top:66px; width:566px; height:375px;}
.pop_change .mCSB_scrollTools .mCSB_draggerRail{ background:#006139;}
.pop_change .mCSB_scrollTools .mCSB_dragger{ height:34px;}
.pop_change .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: url(../images/scrollbar02.png) center no-repeat;}
.pop_change h2{ font-weight: bold; font-size:14px; color:#086c3a; text-align:left;}
.pop_change p{ font-size:14px; color:#fff; text-align:left;}
.pop_change .change_t1{ position:absolute; left:0; top:0;}
.pop_change .ico_close{ position:absolute; right:20px; top:16px;}
/* 联络我们 */
.contact .member_title{ width:525px; background:url(../images/member/contact_title.png) 20px center no-repeat; height:75px; }
.contact .login_con{ width:80%; display:inline-block; padding:30px 0 0 0; }
.contact .login_con li input,.register .login_con li select{ width:130px; height:22px; background:none; line-height:22px; margin:3px 30px 3px 0; border:none; color:#006239; }

.register .login_con li select{ margin:3px 10px 3px 12px}

.contact .submit_btn_bj{ margin:27px 0 0 0; display:inline-block; }
.contact .login_con li select{ position:relative; z-index:2; }
.contact .login_con li input.login_submit{ width:100%; height:37px; margin:0; background:none; border:none; cursor:pointer; float:left; }
.contact .login_con li{ width:410px; font-size:16px; position:relative; text-align:left; float:left; display:inline-block; padding-left:90px; }
.contact .login_con li.c_name_bg{ background:url(../images/member/c_name.jpg) left top no-repeat; }
.contact .login_con li.c_email_bg{ background:url(../images/member/c_email.jpg) left top no-repeat; }
.contact .login_con li.c_file_bg{ background:url(../images/member/c_update.jpg) left top no-repeat; }
.contact .login_con li.c_type_bg{ background:url(../images/member/c_type.jpg) left top no-repeat; }
.contact .login_con li.c_text_bg{ background:url(../images/member/c_con.jpg) left top no-repeat; height:134px; }

.contact .login_con li.c_text_bg textarea{ width:390px; height:100px; margin:12px 0 18px 0; background:none; border:none; display:inline-block; color:#006239; }
.contact .login_con li .c_type{ width:130px; height:30px; display:inline-block; background:none; position:absolute; left:90px; top:0; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0 ;
	opacity: 0; }
.contact .login_con li input.c_file_input{ width:90px; }
.contact .login_con li input.file_update{ width:42px; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0 ;
	opacity: 0; position:absolute; left:185px; top:0; }
.contact .login_con li p{ color:#e72e25; font-size:12px; height:18px; width:90%; clear:both; }



/* 弹窗 */
#overlay{ width:100%; height:100%; background:#fff; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0 ;
	opacity: 0; position:fixed; left:0; top:0; z-index:99; }

#pupbox{ width:630px; z-index:100; position:fixed; left:50%; top:60px; margin:0 0 0 -315px; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; }

.nutrition_bg{ background:url(../images/family/nutritionlist.jpg) center no-repeat; height:465px; width:100%; }








@media screen and (max-width: 1100px) { 
  .layer .con,#container{ width:1100px; overflow:hidden; }
  .layer .con{ height:150px; }
  .section_3 .section_con{ margin:60px 0 0 470px }
  #pupbox{ margin:0 0 0 -265px; }
  #content{ width:1100px; height:100%; min-height:650px; overflow:auto; overflow-x:hidden; padding-bottom:50px; display:inline-block; }
  .system_banner{ width:100%; }
}