@import url( common.css );
#wrap {
	POSITION: relative; MIN-WIDTH: 1280px; MARGIN: 0px auto
}
.hidden {
	POSITION: absolute; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; PADDING-LEFT: 0px; WIDTH: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; VISIBILITY: hidden; FONT-SIZE: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.scene01 {
	WIDTH: 100%; BACKGROUND: #fff
}
.scene02 {
	POSITION: relative; MIN-WIDTH: 1280px; BACKGROUND: url(../image/scene2_bg_l.jpg) no-repeat center top
}
.scene03 {
	POSITION: relative; WIDTH: 100%; BACKGROUND: url(../image/scene3_bg_l.jpg) no-repeat center top
}
.scene032 {
	POSITION: relative; WIDTH: 100%; BACKGROUND: url(../image/maisui.png) no-repeat right top
}
.scene01 .bg01 {
	POSITION: relative; MARGIN: 0px auto; BACKGROUND: url(../image/bg1.jpg) no-repeat center 0px; HEIGHT: 766px; width:100%
}
.fl {
	POSITION: relative; MARGIN: 0px auto; BACKGROUND: url(../image/fl.png) no-repeat 80% 200px; height:766px; width:100%  
}
.scene02 .bg02 {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1280px; HEIGHT: 851px; 
}
.scene02 .bg02_01 {
	POSITION: absolute; MARGIN: 0px auto; WIDTH: 1280px; DISPLAY: none; BACKGROUND: url(../image/cp01.png) no-repeat 100% 0px; HEIGHT: 931px; TOP: -1px; LEFT: -1px
}
.scene02 .bg02_02 {
	POSITION: absolute; MARGIN: 0px auto; WIDTH: 1280px; DISPLAY: none; BACKGROUND: url(../image/cp01.png) no-repeat 100% 0px; HEIGHT: 931px; TOP: -1px; LEFT: -1px
}
.scene02 .bg02_03 {
	POSITION: absolute; MARGIN: 0px auto; WIDTH: 1280px; DISPLAY: none; BACKGROUND: url(../image/cp01.png) no-repeat 100% 0px; HEIGHT: 931px; TOP: -1px; LEFT: -1px
}
.scene03 .bg03 {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1280px; HEIGHT: 847px
}
.gnb {
	Z-INDEX: 60; POSITION: fixed; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -542px; PADDING-LEFT: 25px; WIDTH: 131px; PADDING-RIGHT: 25px; HEIGHT: 295px; TOP: 0px; PADDING-TOP: 22px; LEFT: 50%
}
.gnb .blue {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; WIDTH: 131px; PADDING-RIGHT: 25px; BACKGROUND: url(../image/gnb_blue_bg.png) no-repeat left top; HEIGHT: 295px; TOP: 0px; PADDING-TOP: 22px; LEFT: 0px
}
.gnb .blue H1 {
	PADDING-LEFT: 5px; MARGIN-BOTTOM: 31px; BACKGROUND: url(../image/line_blue.gif) no-repeat left 47px; HEIGHT: 50px
}
.gnb .blue A.menu1 {
	MARGIN-TOP: 10px; DISPLAY: block
}
.gnb .blue A.menu2 {
	MARGIN-TOP: 7px; DISPLAY: block
}
.gnb .white {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; WIDTH: 131px; PADDING-RIGHT: 25px; BACKGROUND: url(../image/gnb_white_bg.png) no-repeat left top; HEIGHT: 295px; TOP: 0px; PADDING-TOP: 22px; LEFT: 0px
}
.gnb .white H1 {
	BORDER-BOTTOM: #c9d8e6 1px solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 31px; HEIGHT: 49px
}
.gnb .white A.menu1 {
	MARGIN-TOP: 10px; DISPLAY: block
}
.gnb .white A.menu2 {
	MARGIN-TOP: 7px; DISPLAY: block
}
.gnb .arrow {
	Z-INDEX: 50; POSITION: absolute; WIDTH: 6px; BOTTOM: 80px; DISPLAY: block; HEIGHT: 12px; RIGHT: -6px
}
.gnb .arrow .a_white {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
.gnb .arrow .a_blue {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
.event_banner {
	POSITION: absolute; TOP: 22px; RIGHT: 120px
}
.event_banner .btn_event_close {
	POSITION: absolute; TOP: 26px; RIGHT: 29px
}
.product_list {
	POSITION: absolute; WIDTH: 617px; HEIGHT: 292px; TOP: 481px; RIGHT: 145px
}
.w02.product_list {
	WIDTH: 410px !important; DISPLAY: none; RIGHT: 352px !important
}
.product_list LI {
	FLOAT: left
}
.product_list LI.p1 {
	WIDTH: 180px; MARGIN-RIGHT: 38px
}
.product_list LI.p2 {
	WIDTH: 203px
}
.product_list LI .pro P {
	MARGIN: 10px 0px 7px 7px; FONT-FAMILY: 微软雅黑; COLOR: #fff; FONT-SIZE: 16px
}
.product_list LI .pro .txt {
	MARGIN: 4px 0px 20px 7px
}
.product_list LI .pro .btn_area {
	MARGIN-LEFT: 7px
}
.product_list LI .pro .btn_area A {
	DISPLAY: inline-block; MARGIN-RIGHT: 4px
}
.product_txt {
	POSITION: absolute; TOP: 783px; LEFT: 517px
}
.product_txt P {
	PADDING-TOP: 6px
}
.popwrap {
	Z-INDEX: 35; POSITION: absolute; WIDTH: 577px; BOTTOM: 216px; HEIGHT: 0px; OVERFLOW: hidden; RIGHT: 187px
}
.pop {
	POSITION: absolute; BOTTOM: -334px; RIGHT: 0px
}
.pop .btn_close {
	POSITION: absolute; TOP: 30px; RIGHT: 30px
}
.tab {
	Z-INDEX: 25; BORDER-BOTTOM: #3883c6 1px solid; POSITION: absolute; TOP: 433px; LEFT: 516px
}
.tab EM {
	DISPLAY: none
}
.tab LI {
	FLOAT: left
}
.tab LI A {
	DISPLAY: inline-block
}
.tab .spoon {
	WIDTH: 195px; HEIGHT: 27px
}
.tab .spoon A {
	WIDTH: 195px; BACKGROUND: url(../image/btn_spoon.png) no-repeat left bottom; HEIGHT: 27px
}
.tab .on.spoon A {
	BACKGROUND-POSITION: left top
}
.tab .straw {
	WIDTH: 210px; HEIGHT: 27px; MARGIN-LEFT: 2px
}
.tab .straw A {
	WIDTH: 210px; BACKGROUND: url(../image/btn_straw.png) no-repeat left bottom; HEIGHT: 27px
}
.tab .on.straw A {
	BACKGROUND-POSITION: left top
}
.tab .bql {
	WIDTH: 210px; HEIGHT: 27px; MARGIN-LEFT: 2px
}
.tab .bql A {
	WIDTH: 210px; BACKGROUND: url(../image/bjl.png) no-repeat left bottom; HEIGHT: 27px
}
.tab .on.bql A {
	BACKGROUND-POSITION: left top
}
.scene03 .dimed {
	Z-INDEX: 50; POSITION: absolute; FILTER: alpha(opacity=60); WIDTH: 100%; DISPLAY: none; BACKGROUND: #000; HEIGHT: 897px; TOP: 0px; LEFT: 0px; opacity: 0.6; -moz-opacity: 0.6
}
.science {
	POSITION: absolute; WIDTH: 192px; BACKGROUND: url(http://www.hengfeng.com.cn/images/science_bg.png) no-repeat left top; HEIGHT: 209px; TOP: 340px; RIGHT: 204px
}
.science .btn_media {
	POSITION: absolute; BOTTOM: 37px; RIGHT: 45px
}
.yogurt_song {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 84px; WIDTH: 200px; BOTTOM: 159px; PADDING-RIGHT: 0px; BACKGROUND: url(../image/yogurtsong_bg.png) no-repeat left top; HEIGHT: 64px; PADDING-TOP: 29px; LEFT: 276px
}
.yogurt_song .btn_download {
	POSITION: absolute; TOP: 22px; RIGHT: 22px
}
.yogurt_song .btn_share {
	POSITION: absolute; WIDTH: 24px; DISPLAY: block; BACKGROUND: url(http://www.hengfeng.com.cn/images/btn_share.gif) no-repeat left top; HEIGHT: 23px; TOP: 49px; RIGHT: 22px
}
.yogurt_song .on.btn_share {
	BACKGROUND: url(http://www.hengfeng.com.cn/images/btn_share_on.gif) no-repeat left top
}
.yogurt_song .song_share {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 11px; WIDTH: 102px; BOTTOM: -38px; PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND: url(http://www.hengfeng.com.cn/images/share_bg.png) no-repeat left top; HEIGHT: 38px; RIGHT: -23px; PADDING-TOP: 17px
}
.yogurt_song .song_share A {
	DISPLAY: inline-block; MARGIN-RIGHT: 5px
}
.txt_yogurt {
	POSITION: absolute; BOTTOM: 112px; RIGHT: 203px
}
.media_pop {
	Z-INDEX: 70; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 615px; DISPLAY: none; HEIGHT: 519px; MARGIN-LEFT: -160px; TOP: 98px; LEFT: 50%
}
.media_pop P {
	TEXT-ALIGN: center; WIDTH: 615px; HEIGHT: 134px
}
.media_pop .media {
	WIDTH: 615px; HEIGHT: 384px
}
.media_pop .vod-box {
	POSITION: relative; BACKGROUND-COLOR: black; WIDTH: 615px; HEIGHT: 345px; TOP: 0px
}
.media_pop .btn_english {
	POSITION: absolute; TOP: 182px; RIGHT: -132px
}
.media_pop .btn_close2 {
	POSITION: absolute; TOP: 135px; RIGHT: -49px
}
.dimedpop {
	Z-INDEX: 100; POSITION: absolute; FILTER: alpha(opacity=60); WIDTH: 100%; DISPLAY: none; BACKGROUND: #000; HEIGHT: 100%; TOP: 0px; LEFT: 0px; opacity: 0.6; -moz-opacity: 0.6
}
.event_pop {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 520px; DISPLAY: block; HEIGHT: 650px; MARGIN-LEFT: -220px; OVERFLOW: hidden; TOP: 50px; LEFT: 50%
}
.event_pop .popin {
	WIDTH: 520px; BACKGROUND: url(http://www.hengfeng.com.cn/images/0604_pop.jpg) no-repeat left top; HEIGHT: 650px
}
.event_pop .btn_close_pop {
	POSITION: absolute; TOP: 13px; RIGHT: 16px
}
.input_left {
	DISPLAY: inline-block; BACKGROUND: url(http://www.hengfeng.com.cn/images/input_left_bg.gif) #d3f0fa no-repeat left top; HEIGHT: 25px
}
.input_left .input01 {
	BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-LEFT: medium none; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://www.hengfeng.com.cn/images/input_right_bg.gif) no-repeat right top; HEIGHT: 11px; COLOR: #004f98; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 7px
}
.input_left .w74.input01 {
	WIDTH: 74px
}
.input_left .w53.input01 {
	WIDTH: 53px
}
.input_left .w36.input01 {
	WIDTH: 36px
}
.input_left .w105.input01 {
	WIDTH: 105px
}
#footer .footer_in {
	PADDING-BOTTOM: 0px; MARGIN: 30px auto 0px; PADDING-LEFT: 159px; WIDTH: 958px; PADDING-RIGHT: 163px; HEIGHT: 93px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#footer .footer_logo {
	POSITION: relative; WIDTH: 118px; FLOAT: left
}
#footer .footer_logo H1 A {
	DISPLAY: inline-block; MARGIN-RIGHT: 12px
}
#footer .footer_logo .copyright {
	POSITION: absolute; TOP: 0px; LEFT: 175px
}
#footer .footer_link {
	TEXT-ALIGN: right; WIDTH: 293px; FLOAT: right
}
#footer .footer_link IMG {
	VERTICAL-ALIGN: middle
}
#footer .footer_link .social {
	MARGIN: 0px 3px 0px 7px
}
#footer .footer_link .social A {
	DISPLAY: inline-block; MARGIN-RIGHT: 7px
}
.ditu{ width: 200px;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}