@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:12px; max-width:640px; background: #f8f8f8;}
a { font-style:normal;  text-decoration: none;}
a, a:link, a:visited, a:active { font-style:normal; }
a img{ border:none}
ul{ list-style:none;}
em{ font-style:normal;}
i{ font-style:normal;}

.box{ width:100%; margin:0 auto; overflow:hidden; position:relative; left:0; top:0;}
.main{ width:100%; margin:0 auto; overflow:hidden; max-width:640px;  margin-bottom:80px;}
.nav{ position:absolute;}

.toph{ width:100%; margin:0 auto; background:#ffffff; border-bottom:#dcdddd 1px solid; overflow:hidden; max-height:94px; position:relative;}
.top-left{ width:90%; padding:1.5% 0 1.5% 0; float:left;}
.top-meb{ width:5.46875%; float:left; margin-left:5%; margin-top:3.2%; cursor:pointer;}
.top-meb img{ width:100%; max-height:35px;}
.top-logo{ width:19.44444444%; float:left; margin-left:35%;}
.top-logo img{ width:100%; max-height:55px;}
.search{ position:absolute; width:79.6875%; left:5%; top:10%; z-index:9999;}
.soubox{ width:100%; height:56.311%;  margin:2.3% 0 0.8% 3%; float:left; background:#f5e6dc; overflow:hidden; padding:0%; border: 0px solid #d20300; -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:8px;  }
.soubox .sosoinput{ width:90%; float:left; background:none; border:none; height:36px; margin-left:5%; line-height:36px; color:#e1a77e; font-size:14px;}
@media screen and (max-width:540px){
	.soubox{ width:100%; height:56.311%; margin:2.3% 0 0.8% 3%; float:right;  overflow:hidden; border: 0px solid #d20300; -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:4px; }
	.soubox .sosoinput{ width:90%; float:left; background:none; border:none; height:24px; margin-left:5%; line-height:24px; color:#e1a77e; font-size:12px;}
}
.top-right{ width:10%; padding:3.5% 0 3.5% 0; float:right;}
.top-sou{ cursor:pointer; width:50%; margin-top:7%;}
.top-sou img{ width:100%; max-height:40px;}

/*首页线样式*/
.l-main{ width:100%; margin:0 auto; overflow: hidden; min-height:550px; background:#fffef9;}

.meibox{ width:100%; min-height:550px; padding:7% 0 10% 0; overflow:hidden; margin:0 auto;}
.meibox-guz{ width:100%; min-height:550px; overflow:hidden; margin:0 auto;}
.neibox{ width:84.375%; margin:0 auto; overflow:hidden;}
.neidl{ width:100%; margin-top:6%; margin-bottom:2%; position:relative;}
.neidl img{ width:100%;display:block;}
.neidti{ width:100%; position:absolute; bottom:0; left:0; background: url(../tu005.png) no-repeat center center; padding:1% 0;}
.neidti p{ font-family: "微软雅黑"; font-size:16px; line-height:28px; color:#b4b4b4; text-align:center;}
.neidti span{ font-size:12px;}
 
.footbox{ width:100%; background:#ff0000; padding:1.5% 0; overflow:hidden;}
.footbox p{ font-family:"宋体"; line-height:20px; font-size:10px; color:#fdffff; text-align:center; } 
 
.banner{ width:100%; margin:0 auto; overflow:hidden; background:#ffffff; border-bottom:#c9caca 1px solid;}
/** focus **/
.pic_focus { width:100%; position:relative; z-index:9;  margin:0 auto; overflow:hidden;}
.focus { width:100%; position:relative; left:0; top:0; overflow:hidden; transition:0.3s;}
.focus div { width:100%; display:block; position:relative; float:left; top:0;  -webkit-transition: -webkit-transform .4s ease-in-out;}
.focus img { width:100%;}
.title_focus { 
	height:43px; color:#fff; line-height:30px; font-size:1.5em; width:100%; position:absolute; z-index:2; bottom:0; left:0;
	/*background: url(../ban001.png) no-repeat center bottom ;*/
	 /*opacity:0.4;filter:alphaopacity=40;*/
	/*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear,left,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/ /* 渐变效果*/
}
.title_focus a { color: #FFF; display:none; margin: 0 0 0 15px; font-family:"微软雅黑"; font-size:18px; line-height:43px;}
.title_focus a.on { display:block;}
.select_focus { position:absolute;  bottom:0; z-index: 3; height:33px; width:97%; text-align: right; line-height:26px; text-indent:8em;}
.select_focus span { width:10px; height:10px; display:inline-block; margin:0 3px 0 0; border-radius: 10px; background:#FFF;}
.select_focus span.on { background:#d91e17;}

.title_focus-b { 
	height:40px; color:#fff; line-height:40px; font-size:1.5em; width:100%; position:absolute; z-index:2; bottom:0; left:0;
	background: url(../ab001.png) no-repeat center center;
	/*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear,left,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/ /* 渐变效果*/
}
.title_focus-b a { color:#dedfca; display:none; margin: 0 0 0 15px; font-family:"微软雅黑"; font-size:20px;}
.title_focus-b a.on { display:block;}
.select_focus-b { position:absolute; right:15px; bottom:0px; z-index: 3; height:28px; width:100%; text-align: center;}
.select_focus-b span { width:12px; height:12px; display:inline-block; margin:0 3px 0 0; border-radius: 10px; background: #FFF;}
.select_focus-b span.on { background: #f08200;}


/*菜单*/
.m-nav{ width:100%;  position: fixed; max-width:640px; bottom:0; z-index:9999; }
.m-nav dl{ width:25%; float:left;}
.m-nav dl dt{ max-width:160px; cursor:pointer; background:#fcf7f1;}
.m-nav dl dt img { width:100%; display:block; overflow:hidden;}
#midbg{ max-width:160px; cursor:pointer; background:#930d14;}
.m-nav dl dd{ width:25%; display:none; bottom:0px;  position:absolute; z-index:2000; }
.m-nav dl dd ul{ text-align:center; overflow:hidden; padding:0; margin:0;/* border: 1px solid #b4b4b4;*/ -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:8px; background:#ffffff;opacity: 0.8;}
.m-nav dl dd ul li{ width:100%;  overflow:hidden;}
.m-nav dl dd ul li p{ width:85%; margin:0 auto; border-top:1px solid #b4b4b4; line-height:35px; color:#debf4a; font-family:"微软雅黑"; font-size:13px;}
.m-nav dl dd ul li p a{ display:block; line-height:35px; color:#000000; font-family:"微软雅黑"; font-size:13px;opacity: 1;}
#bord{border-top:none;}
.bg{ width:100%; display:block; overflow:hidden; background:url(../mebg002.png) no-repeat center bottom; padding:0; margin:-1px 0 0 0;  height:12px; }
.bg img{ width:100%; display:block;}

/*侧边菜单*/
.cbox{ width:68.59375%; max-width:439px; overflow:hidden; height:100%; position:absolute; z-index:999999; background: url(../tu007.jpg) repeat-y right center; top:0; left:-68.59375%;}
.clogo{ width:62.41457858769932%; margin:0 auto; overflow:hidden;}
.clogo img{ width:100%;}
.cmain{ width:100%; border-top:2px solid #c9caca; margin-top:5%;}
.lflist{width:100%; margin:0 auto; overflow:hidden;  position:relative; border-bottom:1px solid #e2cab9;}
.lflist img{ width:100%;}
.lflistxt{ width:100%; position:absolute; top:0; left:0;}
.lflistlogo{ width:10%; float:left; margin-top:4%; margin-left:5%;}
.lflistlogo img{ width:100%;}
.lflistbox{ width:82%; margin-left:3%; float:left; font-family:"微软雅黑"; font-size:18px; padding:4% 0; color:#b4b4b4; line-height:24px; text-align:left; cursor:pointer;}
.lflistbox a{ color:#b4b4b4; width:82%; height:auto; display:block; }
.current{ background: url(../bg002.jpg) no-repeat;}

.lflistchild{ width:100%; background: url(../b008.jpg) repeat-y center right;  padding-bottom:0px; overflow:auto;}
.lflistchilds{ width:100%; overflow:hidden; margin:0 auto; }
.lflistchilds li{ }
.lflistchilds li a{ background: url(../b009.png) no-repeat 45px center; color:#e38380; border-bottom:1px solid #e1c8b6; line-height:34px; font-size:12px; padding-left:28%; padding-top:1%; width:72%; display:block;}


/*内页开始*/
.inbox{ width:100%; margin:0 auto; overflow:hidden;}

.nynav{ background: /*url(../nyb001.jpg) repeat-x top center */ #f8f8f8; padding-bottom:0%; position:relative;}
.nynav dl{ margin-left:3%; margin-right:3%; padding-top:4%; padding-bottom:1%;}
.nynav dl dt{ background:url(../nyb002.jpg) no-repeat 3% 25%;  font-size:20px; text-transform:uppercase; padding-left:8%; padding-bottom:1%; color:#f30101; }
.nynav dl dt span{ font-size:14px;}
.nynav dl dt i{ margin-left:4px; margin-right:4px;}
.nynav dl dd{ overflow:hidden; padding-left:1.5%; padding-bottom:2%; border-top:2px solid #e9dfdf;}
.nynav dl dd ul{ width:100%; margin:0 auto; overflow:hidden;}
.nynav dl dd ul li a{ float:left; background:#f3e7df; font-size:14px; padding-left:3%;padding-right:3%; margin-right:3%; padding-top:2%; padding-bottom:2%;color:#5c5c5c; margin-top:2.3%;  color:#e30c0c;}
.nynav dl dd ul li a.on{ background:#bd0c00; color:#e30c0c; }
#nyId{ background:#fc2222; color:#FFF;}
.nybanner{ width: 100%; margin:0 auto; overflow:hidden;}
.nybanner img{ width:100%;}

/*about*/
.ab-m{ width:92.34375%; margin:0 auto; overflow:hidden;}
.ab-mT{ background:url(../20150415001.gif) left no-repeat; width:280px; height:37px; overflow:hidden;}
.ab-m p{ color:#4c4948; font-family:"微软雅黑"; font-size:15px; line-height:32px; margin-top:6%; margin-bottom:6%;}
.ab-m img{ width:100%;}
.abtn{ width:14.375%; margin:0 auto; overflow:hidden; margin-top:3%;}
.abtn img{ width:100%;}

/*stroy*/
.st-m{ width:92.34375%; margin:0 auto; overflow:hidden;}
.st-m h1{ font-family: "微软雅黑"; font-size:24px; color:#4c4948; line-height:34px; margin-top:6%; margin-bottom:5%;}
.st-m p{ font-family:"微软雅黑"; font-size:15px; color:#4c4948; line-height:34px;}

/*course*/
.co-m{ width:92.34375%; margin:0 auto; overflow:hidden; }
.hop{ width:100%; margin:3% auto; overflow:hidden;}
.hop p{ font-family: "微软雅黑"; font-size:15px; line-height:30px; margin:10px 0; color:#4f4f4f;  }
.honorbox{ background:url(../honor_quan.gif) top left no-repeat;padding-bottom:20px; margin-left:15px; padding-top:15px;}
.honorbox dl{ border-left:1px solid #eee; margin-left:7px; padding-top:40px;}
.honorbox dl dt{ background:url(../honor_xian.gif) left center no-repeat; padding-left:40px; margin-top:20px; font-size:16px;}
.honorbox dl dt p{ font-family: "微软雅黑"; font-size:15px; line-height:24px; color:#4c4948;}
.honorbox dl dt span{ font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; color:#d91e17;}
.honorbox dl dd{ padding-left:40px; padding-top:20px; padding-bottom:30px;}
.honorbox dl dd img{ display:block; padding:5px; border:1px solid #eee;}

/*news*/
.ne-m{ width:92.34375%; margin:0 auto; overflow:hidden;}
.nymainbox .newsbox{ margin-top:5px; border-bottom: #d6d6d4 1px dotted;}
.nymainbox .newsbox .newslist{ width:100%; margin:0 auto; margin-top:20px; border-top: #d6d6d4 1px dotted;}
.nymainbox .newsbox .newslist dl{ width:100%; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.nymainbox .newsbox .newslist dl dt{ width:100%; font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei"; font-size:18px; margin:20px 0;}
.nymainbox .newsbox .newslist dl dt h4{ font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei"; font-size:18px; font-weight:bold; color:#2e2e2e; line-height:24px;}
.nymainbox .newsbox .newslist dl dt p{ font-family:"宋体",Arial; font-size:13px; line-height:20px; color:#c1c1c1; padding:5px 0 0 0;}
.nymainbox .newsbox .newslist dl dt p em{ display:block; float:right; background:url(../20150415002.gif) left no-repeat; text-indent:30px;}
.nymainbox .newsbox .newslist dl dd{ width:100%;}
.nymainbox .newsbox .newslist dl dd a{ display:block; width:100%; overflow:hidden; margin:0 auto; line-height:30px; text-align:right; color:#9b9b9b; font-family:"宋体",Arial; font-size:13px;}
.nymainbox .newsbox .newslist dl dd a img{ width:100%;}
.nymainbox .newsbox .newslist dl dd h4{ font-size:15px; font-weight:normal; color:#4c4948; font-family:"微软雅黑";}
.nymainbox .newsbox .newslist dl dd h4 a{color:#4c4948;}
.nymainbox .newsbox .newslist dl dd h6{ font-size:12px; font-weight:normal; color:#b4b3b3; padding-top:6px; padding-bottom:6px;  font-family:"微软雅黑";}
.nymainbox .newsbox .newslist dl dd p{ font-size:12px; color:#4c4948;  font-family:"微软雅黑";}

/*视频列表*/
.nymainbox .videobox{}
.nymainbox .videobox .videolist{ background:#f2f2f2; width:100%; margin:0 auto; margin-top:20px;}
.nymainbox .videobox .videolist dl{ overflow:hidden; padding-top:15px; padding-bottom:15px; }
.nymainbox .videobox .videolist dl dt{ float:left; width:32.51%; margin-left:3%; position:relative;}
.nymainbox .videobox .videolist dl dt img{ width:100%;}
.newstm{ position:absolute; left:0; top:0;}
.nymainbox .videobox .videolist dl dd{ float:left; width:60%; margin-left:3%; padding-top:5px;}
.nymainbox .videobox .videolist dl dd h4{ font-size:15px; font-weight:normal; color:#4c4948; font-family:"微软雅黑";}
.nymainbox .videobox .videolist dl dd h4 a{color:#4c4948;}
.nymainbox .videobox .videolist dl dd h6{ font-size:12px; font-weight:normal; color:#b4b3b3; padding-top:6px; padding-bottom:6px;  font-family:"微软雅黑";}
.nymainbox .videobox .videolist dl dd p{ font-size:12px; color:#4c4948;  font-family:"微软雅黑";}

.newstm{ position:absolute; left:0; top:0;}
.newstm img{ width:100%;}
.yema{ text-align:center; padding-top:30px; padding-bottom:30px;}
.yema a{ width:40px/*6.25%*/; display: inline-block;}
.yema a img{ width:100%;}

/*news_2*/
.ne2_m{ width:100%; margin:0 auto; overflow:hidden;  padding:0 0 7% 0; min-height:150px; position:relative; border:0;}
.ne2_sz{width:100%; height:5px; position:absolute; top:0; left:0;}
.example1{ background: -webkit-gradient(linear,center top,center bottom,from(#d4cfd1), to(#f8f8f8));}
.ne2_bo{width:92.34375%; margin:0 auto; overflow:hidden;}
.ne2_bo h1{ color:#5d5a59; font-family:"微软雅黑"; font-size:20px; line-height:28px; margin-bottom:15px; text-align:center; font-weight:normal;}
.ne2_bo p{ color:#4c4948; font-family:"微软雅黑"; font-size:14px; line-height:28px; text-align:left; margin:14px 0;}
.ne2_bo span{ display:block; color:#b3b2b2; font-size:12px; text-align:center; padding-bottom:3%; margin-bottom:30px; border-bottom:1px solid #c4c3c3;}
.ne2_bo img{ width:100%; margin-top:2%; margin-bottom:2%;}
.ne2-xin{ width:100%; position:absolute; top:4.5%; right:0; text-align:right;}
.ne2box{ width:30%; overflow:hidden; float:right;}
.ne2-xp{ width:24px; overflow:hidden; float:left; margin-top:1%;}
.ne2-xp img{ width:100%;}
.ne2txt{ color:#d91e17; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; float:left; margin-left:1.5%;}
/*goddes_2*/
.godox{ width:92.34375%; margin:0 auto; overflow:hidden; }
.godtit{ width:100%; color:#4c4948; font-family:"微软雅黑"; font-size:24px; line-height:36px; text-align:left;}
.godvimg{ width:100%; margin:5% auto; overflow:hidden; position:relative;}
.godvimg img{ width:100%;}
.godpic{ width:100%; position:absolute; left:0; top:5%; z-index:100;}
.godpic img{ width:100%;}
.godpicstop{ width:100%; position:absolute; left:0; top:5%; z-index:101;}
.godpicstop img{ width:100%;}

/*copyfoot*/
.foot{ width:100%;}
.foot img{ width:100%; display:block;}
.foot p{ font-family:"微软雅黑"; font-size:12px; text-align:center; color:#003047; float:left;}

/*活动规则*/
.rubox{ width:100%; margin:0 auto; overflow:hidden;}
.rutop{ width:100%; margin:0 auto;}
.rutop img{ width:100%;}
.rumain{ width:100%; margin:0 auto; overflow:hidden;}
.rumain_info{ width:90.625%; margin:0 auto; overflow:hidden;}
.rumaitxt{ width:100%;}
.rumaitxt p{ color:#fdf4da; font-family:"微软雅黑"; font-size:15px; line-height:24px; text-indent:2em;}
.rumaitxt span{ color:#ffde00;}
.rumai-pic{ width:100%;}
.rumai-pic img{ width:100%;}
.rumaitxt img{ width:100%; display:block;}
/*二维码图下载*/
.rumai-pic1{ width:100%; position:relative;}
.rumai-pic1 img{ width:100%; display:block;}
.ruer{ width:45.46875%; position:absolute; top:3%; left:27%;}
.ruer img{ width:100%;}

/*糖与文化详细页*/
.cu2_bo{width:92.34375%; margin:0 auto; overflow:hidden;}
.cu2_bo h1{ color:#5d5a59; font-family:"微软雅黑"; font-size:20px; line-height:45px; text-align:center; font-weight:normal;}
.cu2_bo p{ color:#4c4948; font-family:"微软雅黑"; font-size:14px; line-height:24px; text-align:left; margin-top:8%; margin-bottom:8%;}
.cu2_bo span{ display:block; color:#b3b2b2; font-size:12px; text-align:center; padding-bottom:3%; border-bottom:1px solid #c4c3c3;}
.cu2_bo img{ width:100%; margin-top:2%; margin-bottom:2%;}

/*contact*/
.cont-m{ width:92.34375%; margin:0 auto; overflow:hidden;}
.contitle{ width:100%; height:42px; background: url(../co001.png) no-repeat; margin:6% 0;}
.contxt{ width:100%; margin:0 auto; overflow:hidden;}
.contxt div{ width:50%; float:left; overflow:hidden; line-height:30px; font-size:15px; font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei"; margin-bottom:30px;}
@media screen and (max-width: 450px) {
.contxt div{font-size:12px;}
}
.contxt img{ width:100%;}
.conmap{ width:100%; margin:5% auto; overflow:hidden;}

/*candy*/
.nyp-m{ width:92.34375%; margin:0 auto; overflow:hidden;}
.nyprlist{ clear:both; overflow:hidden; padding-top:20px;}
.nyprlist dl{ border:1px solid #eee; width:75.9375%; margin:0 auto; background:#FFF; padding-bottom:0px; margin-bottom:20px;}
.nyprlist dl dt{ padding-top:0px; width:100%;}
.nyprlist dl dt img{ width:100%; display:block;}
.nyprlist dl dd span{ height:16px; width:16px; display:inline-block; margin-right:4px; margin-left:4px;}
.nyprlist dl dd{ background:#f42d27; text-align:center; font-size:14px; margin-top:0px; line-height:30px; color:#FFF; font-family:"微软雅黑";}

.cand2{ width:92.34375%; margin:0 auto; overflow:hidden;}
.cand2 h1{ color:#4c4948; font-family:"微软雅黑"; font-size:24px; line-height:34px; margin-top:8%; text-align:center;}
.cand2 p{ color:#4c4948; font-family:"微软雅黑"; font-size:15px; line-height:24px; margin-top:5%; margin-bottom:3%;}
.canbtn{ width:30.46875%; margin:0 auto; overflow:hidden; margin-top:5%;}
.canbtn img{ width:100%;}
.canit{ width:75.9375%; margin:0 auto; overflow:hidden;}
.canit img{ width:100%;}

/*分享*/
.share_box{ overflow:hidden; overflow:hidden; }
.share_box p{ padding-top:4%; padding-bottom:2%; font-size:16px; padding-left:2.4%;}
.share_box ul{ overflow:hidden; padding-bottom:5%;}
.share_box ul li{ float:left; width:46.6%; margin-left:2.4%; margin-top:1%;}
.share_box ul li img{ width:100%; max-height:55px;}


.brand_menu { background:none; }
.brand_menu a { color: #e30c0c; }

/*关于我们*/
.nynav_about{ width:100%; min-height:550px; padding:30% 0 10% 0; overflow:hidden; margin:0 auto; background:url(../20150415006.jpg) top center no-repeat,url(../20150415007.jpg) bottom center no-repeat; background-size:100%}
/*品牌故事*/
.nynav_brand{ width:100%; min-height:550px; padding:7% 0 10% 0; overflow:hidden; margin:0 auto; background:url(../20150415009.jpg) bottom center no-repeat; background-size:100%}
/*发展历程*/
.meibox_history{ width:100%; min-height:550px; padding:7% 0 10% 0; overflow:hidden; margin:0 auto; background:url(../20150416001.jpg) top center no-repeat,url(../20150416002.jpg) bottom center no-repeat; background-size:100%}
/*产品*/
.meibox_pro{ width:100%; min-height:550px; padding:0 0 10% 0; overflow:hidden; margin:0 auto;}

.titleBox{ width:92.34375%; margin:0 auto; background:url(../20150415008.jpg) left repeat-y; overflow:hidden;}
.titleBox dd{ margin-left:13px; margin-top:-3px; color:#d91e17; font-size:26px; height:31px; line-height:28px; overflow:hidden;}
.titleBox dt{ margin-left:13px; color:#d91e17; font-size:24px; height:25px; line-height:25px; overflow:hidden; font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei";}
.titleBox_pro{ margin:30px auto;}