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

/*初始区域*/
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, p, figure, form, blockquote, input, textarea, label, ul, ol, dl, li, dt, dd,.clearfix:after { margin:0; padding:0; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, body { height:100%; }
*::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background: transparent; text-decoration: none;}
a:active, a:hover { outline: 0;}
a:focus { outline:none; -moz-outline:none; -webkit-outline:none;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
ul, ol { list-style: none outside none;}
li { list-style-type:none;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5rem;}
sub { bottom: -0.25rem;}
iframe { border:0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre { overflow: auto;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35rem 0.625rem 0.75rem;}
legend { border: 0; padding: 0;}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}


/*内容区域通用*/
body { font-family: "微软雅黑","Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
img { border: 0; vertical-align: middle; display: block;}
figure { margin: 0;}

.clearfix { display:block; #zoom:1;}
.clearfix:after { content:''; overflow:hidden; width:100%; height:0px; font-size:0px; display:block; clear: both;}

.fl { float:left;}
.fr { float:right;}
.domPC { display: none!important;}
.domMobile { display: block;}

.row { font-size: 0; +word-spacing: -1px;}
.row .dib { display: inline-block; +display: inline; +zoom: 1; font-size: 1rem; letter-spacing: normal; word-spacing: normal; vertical-align: top;}

.section { margin: .4rem auto; padding: 0 .16rem;box-sizing: border-box;}


.phd { /*margin-top: 0.16rem;*/}
.phd img { width: 100%; height: auto;}

/*手机导航*/
#mobileHeader { width: 100%; line-height: 0; background:#eee url(http://www.news.cn/world/2015/images/bgSjTop.png) no-repeat 0 0; -webkit-background-size: 100% 45px; background-size: 100% 45px; position:relative; display:none;}
#mobileHeader .logo { display: block; width: 1.3rem; height: .9rem; background: url(http://www.news.cn/world/2015/images/xh_mobile_header.png) no-repeat 0 0; -webkit-background-size: 57px; background-size: 57px; position: absolute; top: 0; left: .2rem;}
#mobileHeader .name { display: inline-block; width: 5rem; height: .8rem; line-height: 2.7; font-size: .32rem; padding: 0 0 0 .2rem; color: #fff; vertical-align: top; margin: 0 0 0 1.5rem; background:url(http://www.news.cn/world/2015/images/xh_mobile_header.png) 0 -160px no-repeat; -webkit-background-size: 57px; background-size: 57px; overflow: hidden;}
#mobileHeader .name a { color:#fff;}
#mobileHeader .right { display: block; width: .6rem; height: .9rem; position: absolute; top: 0; right: .2rem; background: url(http://www.news.cn/world/2015/images/xh_mobile_header.png) no-repeat 100% -45px; -webkit-background-size: 57px; background-size: 57px;}
#mobileHeader .mobileNavList { width: 100%; height: 0; overflow: hidden; position: absolute; top: .9rem; left: 0; background: #ededed; z-index:10;}
#mobileHeader .mobileNavList a { float: left; width: 20%; padding: .2rem 0; color: #000; text-align: center; font-size: .32rem;}
#mobileHeader .phnav { text-align: center; padding-bottom: .12rem;}
#mobileHeader .phnav li { float:left; width: 25%; height: .8rem; line-height: .85rem; text-align:center; font-size: .32rem; color:#333;}
#mobileHeader .phnav a { color:#333;}
.widthMain { width: 100%;}

body{overflow-x:hidden;width:100%;}
/* section1 */
.section{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


/* 顶部 知食之路 begin */
.section-1{
	padding-bottom: 20px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/xiangyun.png) no-repeat center bottom;
}
.section-1 .sec_tit img{
	width: 100%;
}
.section-1 .sec_main{
	background: #f7fcff;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 20px;
	box-shadow: 0.788px 0.616px 9.5px 0.5px rgba(3, 41, 108, 0.05);
}
.section-1 .sec_main .sec_left{
	width: 100%;
	height: auto;
	position: relative;
	float: none;
}
.section-1 .sec_main .sec_left .btn_play{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 3;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/play_btn1.png);
	background-size: cover!important;
}
.section-1 .sec_main .sec_left video{
	width: 100%;
	height: 100%;
	background: #000;
}
.section-1 .sec_main .sec_right{
	width: 100%;
	float: none;
	margin-top: 10px;
}
.section-1 .sec_main .sec_right .tit{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.section-1 .sec_main .sec_right ul li{
	line-height: 36px;
	width: 50%;
	float: left;
	box-sizing: border-box;
	color: #7b7e7f;
	font-size: 16px;
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	cursor: pointer;
}
.section-1 .sec_main .sec_right ul li.on{
	padding-left: 20px;
	color: #db883e;
}
.section-1 .sec_main .sec_right ul li.on .icon{
	opacity: 1;
}
.section-1 .sec_main .sec_right ul li .icon{
	width: 16px;
	height: 16px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/play_btn.png) no-repeat center center;
	background-size: cover!important;
	position: absolute;
	left: 0;
	top: 10px;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.section-1 .sec_main .sec_right .tit .shuxian{
	background-color: rgb(35, 88, 194);
	width: 4px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
/* 顶部 知食之路 end */
/* 知食故事 begin */
.sec_tit{
	color: #000000;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
}
.section-2{
	padding-top: 5px;
	margin-top: -10px;
}
.section-2 .sec2_main{
	width: 100%;
	height: auto;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/yuncaibg.png) no-repeat center center;
	background-size: cover;
	margin-left: 0px;
	margin-top: 20px;
	padding-top: 20px;
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;

}
.section-2 .sec2_main .swiper-container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.section-2 .sec2_main .swiper-slide{
	width: 240px;
}
.sec2_main .prev{
	width: 34px;
	height: 62px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/zuojian1.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -51px;
	cursor: pointer;
}
.sec2_main .next{
	width: 34px;
	height: 62px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/youjian1.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -51px;
	cursor: pointer;
}
.section-2 .sec2_main .swiper-slide .pic{
	width: 240px;
	height: 170px;
	position: relative;
	margin-bottom: 15px;
}
.section-2 .sec2_main .swiper-slide .pic img{
	width: 240px;
	height: 170px;
}
.section-2 .sec2_main .swiper-slide .pic span.abs{
	width: 100%;
	height: 100%;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/play_btn2.png) no-repeat center center rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.section-2 .sec2_main .swiper-slide .tit a{
	color: #000000;
	font-size: 16px;
	line-height: 22px;
}
/* 知食故事 end */
/* 知食音乐家 begin */
.section-3{
	padding-top: 10px;
}
.section-3 .sec3_main{
	background: #fff;
	padding: 10px;
	margin-top: 15px;
}
.section-3 .sec3_main .sec3_left{
	width: 100%;
	height: auto;
	float: none;
}
.section-3 .sec3_main .sec3_left video{
	width: 100%;
	height: auto;
}
.section-3 .sec3_main .sec3_right{
	width: 100%;
	float: none;
	margin-top: 10px;
}
.section-3 .sec3_main .sec3_right .swiper-slide{
	width: 130px;
}
.section-3 .sec3_main .sec3_right .swiper-slide .item{
	width: 130px;
	height: 93px;
	cursor: pointer;
}
.section-3 .sec3_main .sec3_right .swiper-slide img{
	width: 130px;
	height: 93px;
}
.section-3 .sec3_main .sec3_right .swiper-slide .item span{
	height: 69px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/yinying2.png) repeat-x bottom;
	background-size: cover;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 38px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
}
.section-3 .sec3_main .sec3_right .swiper-slide .item.on span{
	color: #db883e;
}
.section-3 .sec3_main .sec3_left{
	position: relative;
}
.section-3 .sec3_main .sec3_left .btn_play{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 3;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/play_btn1.png);
	background-size: cover!important;
}
.section-3 .sec3_main .sec3_right .sec3_btn{
	margin-top: 15px;
	text-align: center;
}
.section-3 .sec3_main .sec3_right .sec3_btn .prev{
	width: 23px;
	height: 43px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/zuojian2.png) no-repeat center center;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.section-3 .sec3_main .sec3_right .sec3_btn .next{
	width: 23px;
	height: 43px;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/youjian2.png) no-repeat center center;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.section-3 .sec3_main .sec3_right .sec3_btn img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
/* 知食音乐家 end */
/* 广告位 begin */
.ggw{
	margin-top: 20px;
}
.ggw img{
	display: block;
	width: 100%;
}
/* 广告位 end */

/* 知食广场 begin */
.section-4{
	margin-top: 25px;
}
.sec4_main{
	background: #fff;
	box-shadow: 0.788px 0.616px 9.5px 0.5px rgba(3, 41, 108, 0.05);
	padding: 10px;
	margin-top: 20px;
}
.sec4_tit{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}
.sec4_tit .shuxian{
	background-color: rgb(35, 88, 194);
	width: 4px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
	top: -2px;
}
.sec4_m{
	margin-top: 15px;
	margin-bottom: 20px;
}
.sec4_m .sec4_left{
	width: 100%;
	height: auto;
	float: none;
}
.sec4_m .sec4_left .swiper-slide img{
	width: 100%;
	height: auto;
}
.sec4_m .sec4_left .swiper-slide .tit{
	height: 69px;
	line-height: 40px;
	padding-top: 29px;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 120px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(http://www.newsimg.cn/food/zszg20200611/img/yinying2.png) repeat-x;
}
.sec4_m .sec4_left .swiper-slide .tit a{
	color: #fff;
	font-size: 14px;
}
.sec4_m .sec4_left .swiper-pagination{
	right: 0px;
	bottom: 10px;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
}
.sec4_m .sec4_left .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.5;
}
.sec4_m .sec4_left .swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
}
.sec4_m .sec4_right{
	width: 100%;
	margin-top:10px;
	float: none;
}
.sec4_m .sec4_right ul li{
	line-height: 30px;
	padding-left: 15px;
	position: relative;
	height: 30px;
	overflow: hidden;
	opacity: 0.7;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	color: #000;
    font-size: 20px;
}
.sec4_m .sec4_right ul li:hover{
	opacity: 1;
}
.sec4_m .sec4_right .more{
	text-align: right;
}
.sec4_m .sec4_right .more a{
	color: #2358c2;
	font-size: 14px;
	font-weight: bold;
}
.sec4_m .sec4_right ul li:before{
	content: '';
	width: 6px;
	height: 6px;
	background: #2358c2;
	position: absolute;
	left: 0;
	top:12px;
}
.sec4_m .sec4_right ul li a{
	color: #000;
	font-size: 14px;
}
.sec4_m1{
	margin-top: 15px;
	margin-left: -5px;
}
.sec4_m1 .item{
	height: 60px;
	position: relative;
	width: 49.5%;
	background: #6289d4;
	margin-top: 3px;
	margin-left: 0.5%;
}
.sec4_m1 .item .item_abs{
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sec4_m1 .item .item_abs a{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
.sec4_m1 .item:nth-child(1),
.sec4_m1 .item:nth-child(2){
	width: 100%;
}
.sec4_m1 .item:nth-child(1),
.sec4_m1 .item:nth-child(4),
.sec4_m1 .item:nth-child(6),
.sec4_m1 .item:nth-child(7),
.sec4_m1 .item:nth-child(9)
{
	background: #2358c2;
}
/* 知食广场 end */
/* 合作鸣谢 begin */
.section-5{
	margin-top: 20px;
}
.sec5_main{
	margin-top: 15px;
	box-shadow: 0.788px 0.616px 9.5px 0.5px rgba(3, 41, 108, 0.05);
	background: #f7fcff;
	padding: 15px;
}
.sec5_main ul li{
	width: 33.33%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.sec5_main ul li img{
	max-width: 90%;
	max-height: 50px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
/* 合作鸣谢 end */
/* footer 补充 begin */
.footer{
	padding-top:17px!important;
	padding-bottom: 40px;
	box-sizing: border-box;
	font-size: 14px!important;
	color: #fff!important;
	line-height: 30px!important;
	background:#112472;
	background-size: 100% 100%!important;
}
/* footer 补充 end */
.footer p{
	line-height: 1.4!important;
}
.bigbg{
	/* background:url(http://www.newsimg.cn/energy/zwjt2020/img/bgtp3.png) no-repeat center bottom!important; */
}
/* footer 补充 end */

/*返回区块*/
.RTools{position:fixed;_position:absolute;right:10px;bottom:100px;width:60px;z-index:10000;display:none;}
.RTools .qrcode{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 5px 0;border:1px solid #ccc;background-color:#f7f7f7 !important;right:0;bottom:70px;position:absolute; display:none;}
.RTools .qrcode canvas{width:100%;height:auto;}
.RTools .qrcode:hover::after{content:'扫描分享';width:100%;margin:5px auto 0;color:#333;font-size:20px;display:block;text-align:center;}
.RTools .qrcode:hover{transform:translate(0,0);animation:change 1s;-moz-animation:change 1s;-webkit-animation:change 1s;-mozanimation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;overflow:hidden;width:100%;}
/* 用来改变二维码大小 */
@keyframes change{
	from{width:48px;height:48px;opacity:1;}
	to{width:268px;height:310px;opacity:1;}
}
/* 用来改变二维码大小 */
.RTools .gototop{width:60px;height:60px;cursor:pointer;background:#c30210 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;transition:.3s;opacity:0;filter:alpha(opacity=0);}
.show{display:block;}
@media screen and (min-width:0px) and (max-width:767px){
	.RTools{width:40px;}
	.RTools .gototop{width:40px;height:40px;}
}


/*版权区块*/
.domPC,.domMobile{display:none!important;}
.domMobile{display:block!important;}
#bottomBody{color:#fff;}
.adBottom{background:#00a0e9;padding:.4rem 0;}
.footer{padding:.4rem .3rem;background:#112472;text-align:center;margin-top:.4rem;/*border-top:#df0045 solid .1rem;*/}
.footer p{line-height:1.8;font-size:.2rem;margin:0 auto;word-spacing:-1px;letter-spacing:-1px;}
body{
	background: #def2ff;
}