﻿@charset "utf-8";
/*-----------Notice------------------------------
	   Filename:  Main.css
	Description:  Reset/HomePage/NewsCenter/PhotoPage/List/Details/Bordlives CSS
		 Update:  2011-8-26 by meiy76(meiy76@163.com)
		       l_$:  layout      exp: l_topbar, l_page, l_top, l_cont, l_foot...
		      t_$:  top          exp: t_logo,t_nav,t_menu,t_topbar
	     cont_$:  content    exp: cont_main, cont_movie, cont_lives
		    ad_$:  advert
		  foot_$:  foot         exp: foot_menu, foot_info
		      *_$:  For TNND IE
		 *html $:  For TNND IE6
	   *+html $:  For TNND IE7
------------------------------------------------*/
/*-----------Reset-----------------------------*/
body {
	background: url("http://www.newsimg.cn/food/spfzdh20191011/img/mobile.jpg") no-repeat top center; 
	background-size:100% auto;
	color: #000;
	line-height: 1.5;
}
body, p, blockquote, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend {
	margin: 0;
	padding: 0;
}
h2, h3, h4, h5, h6 {
	font-size: 15px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea, button, select {
	font-family: "Verdana";
	vertical-align: middle;
}
label {
	vertical-align: middle
}
legend {
	color: #333;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ul, ol {
	list-style: none;
}
img {
	border: 0;
}
a, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #933;
}
.floatl {
	float: left;
	font-weight: bolder;
}
.floatr {
	float: right;
}
.red {
	color: #990000;
}
.a_bold, .a_bold:visited {
	font-weight: bold;
}
.a_red, .a_red:visited {
	color: #BA2636;
}
.a_blue, .a_blue:visited {
	color: #00549b;
}
/*---------------------------------------------*/
/* 清除浮动 */
.clearfix {
	display: block;
#zoom:1;/*ie6-ie7*/
}
.clearfix:after {
	content: '';
	overflow: hidden;
	width: 100%;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
}

.domPC{ display:none;}

/*导航*/
/*-----------------xhwzjpd-bannner----------------*/


.xhwTop {margin: 0 auto;

}
.xhwTop li {
	float: right;
	line-height: 15px;
	height: 15px;
	padding:10px;
	display: inline;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: bold;display:block;}
.xhwTop li a,.xhwTop li a:visited {
	color: #000033; display:block; text-align:center;}
	
	
.xhwzjpd-bannner-box { margin-top:50%;text-align:center;}
.xhwzjpd-bannner {margin: 0 auto;	
	padding:5px 0; background:#ccc;
}
.xhwzjpd-bannner li {background:#2467AE;
	width:47%;
	float: left;
	line-height: 15px;
	height: 15px;
	margin: 2px;
	padding: 6px 2px;
	display: inline;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
	font-weight: bold;color: #fff;}
.xhwzjpd-bannner li a, .xhwzjpd-bannner li a:visited {
	color: #fff; display:block; text-align:center;}	
	



/* rotPicBox */
.rotPicBox .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.rotPicBox .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.rotPicBox .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.rotPicBox .swiper-slide { float: left }
.rotPicBox .swiper-wp8-horizontal { -ms-touch-action: pan-y }
.rotPicBox .swiper-wp8-vertical { -ms-touch-action: pan-x }
/* next = left */
.rotPicBox .swiper-button-prev,
.rotPicBox .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.rotPicBox .swiper-button-prev.swiper-button-black,
.rotPicBox .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.rotPicBox .arrow-left,
.rotPicBox .swiper-button-prev.swiper-button-white,
.rotPicBox .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.rotPicBox swiper-button-next,
.rotPicBox .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.rotPicBox .swiper-button-next.swiper-button-black,
.rotPicBox .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.rotPicBox .arrow-right,
.rotPicBox .swiper-button-next.swiper-button-white,
.rotPicBox .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.rotPicBox .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.rotPicBox .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; }
.rotPicBox .swiper-scrollbar-cursor-drag { cursor: move; }
.rotPicBox .arrow-left,
.rotPicBox .arrow-right { background-repeat: no-repeat; }
.rotPicBox .pagination { position: absolute; left: 0; text-align: right; bottom: 15px; width: 98%; z-index: 5 }
.rotPicBox .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #FFF; margin-right: 8px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.rotPicBox .swiper-active-switch { background: #4787aa }
.rotPicBox .swiper-slide .name { position: absolute; bottom: 0; left: 2%; z-index: 5; }
.rotPicBox .swiper-slide .bg { position: absolute; bottom: 0; left: 0; z-index: 4; width: 100%; height: 60px; background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)) }
.rotPicBox .arrow-left { /*background-images: url(http://www.xinhuanet.com/world/2015/images/arrows.png);*/ background-position: left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 5 }
.rotPicBox .arrow-right { /*background-images: url(http://www.xinhuanet.com/world/2015/images/arrows.png);*/ background-position: left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 5 }
.rotPicBox .swiper-container img { width: 100%; height: 100%; }
.rotPicBox .swiper-slide { position: relative }
.rotPicBox .swiper-slide .name a { color: #fff; line-height: 55px; font-size: 20px; }
.rotPicBox .swiper-container-tab>.swiper-wrapper { float: left; height: 43px; }
.rotPicBox .arrow-left:hover,
.rotPicBox .arrow-right:hover { top: 49%; padding: 4px; }
.rotPicBox { position: relative; }
.rotPicBox,
.rotPicBox .swiper-container { height: 380px; width: 625px }
/* */
.rotPicBox { width: 100%; position: relative; margin-bottom: 15px; height: 240px; overflow: hidden; }
.rotPicBox.rotPicBox .swiper-container,
.rotPicBox.swiper-wrapper,
.rotPicBox.rotPicBox .swiper-container,
.rotPicBox.swiper-slide,
.rotPicBox.swiper-container img { width: 100%; height: 240px; }
.rotPicBox .arrow-left { /*background: url(http://www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left top;*/ position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 5 }
.rotPicBox .arrow-right { /*background: url(http://www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left bottom;*/ position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 5 }
.rotPicBox .content-slide { padding: 20px; color: #fff }
.rotPicBox .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #FFF; margin-right: 8px; cursor: pointer }
.rotPicBox .swiper-active-switch { background: #4787aa }
.rotPicBox .swiper-slide { position: relative }
.rotPicBox .swiper-slide .bg { position: absolute; bottom: 0; left: 0; /*background: #000;*/ z-index: 4; width: 100%; height: 35px; }
.rotPicBox .swiper-slide .name a { color: #fff; line-height: 35px; font-size: 14px; position: absolute; bottom: 0; top: auto; left: 2%; z-index: 5; }
.rotPicBox .pagination { position: absolute; left: 0; text-align: right; bottom: 5px; width: 98%; z-index: 5; }
.rotPicBox .swiper-slide .name { position: absolute; bottom: 0; top: auto; left: 2%; z-index: 5; width: 100%; color:#FFFFFF }
.rotPicBox .arrow-left,
.rotPicBox .arrow-right { visibility: hidden; }
.rotPicBox .swiper-container-tab { margin: 0; }
@media screen and (max-width:321px) {
.rotPicBox .swiper-container,
.rotPicBox .swiper-wrapper,
.rotPicBox .swiper-container,
.rotPicBox .swiper-slide,
.rotPicBox .swiper-container img { width: 100%; height: 180px; }
.rotPicBox { width: 100%; position: relative; margin-bottom: 10px; height: 180px; overflow: hidden; }
}




/*标题盒*/
.newsListBox{padding:5px;display:block; overflow:hidden;}
.newsTitleBox{margin:26px 0 10px;line-height:39px;border-bottom:#ccc solid 1px;height:39px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;float:left;width:100%;}
.newsTitleBox span{ float:right; display:none;width:50px;line-height:35px;height:39px; font-size:14px;}
.newsTitleBox span a,.newsTitleBox span a:visited{ color:#999999; font-weight:bold;}
.newsTitleBox h2{ float:left; display:block;line-height:27px;border-left:#1455c1 solid 4px;padding-left:10px;margin-left:5px;font-size: 20px;}
.newsTitleBox h3{ float:left; display:block;width:270px;line-height:27px;border-left:#900 solid 4px;padding-left:10px;margin-left:5px;font-size: 20px;}
.newslist{display:block;}
.newslist li a,.newslist li a:visited{float:left;
	overflow: hidden;
	padding:2% 1% 2% 5%;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
	font-size: 17px;
	display:block;
	background:url("http://www.xinhuanet.com/food/2016JLY/img/red_dot.gif") no-repeat scroll 5px 18px;}
.newslist2{display:block;}
.newslist2 li{float:left;
    height:17px;
	overflow: hidden;
	padding:10px 5px 10px 20px;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
	font-size: 17px;
	display:block;
	background:url("http://www.xinhuanet.com/food/2016JLY/img/red_dot.gif") no-repeat scroll 5px 18px;}	
.newsListBox p{ font-size:15px;line-height:29px;float:left;padding:10px;}
.foot_info p{ font-size:15px; display: inline-block; margin: 0 7px; line-height: 2;}
.newsListBox p a,.newsListBox p a:visited{font-weight:bold;color:#fff;}
.newsTitleBoxImg{padding:10px;display:block;}
.newsTitleBoxImg img{width:100%;height:200px;}


.publishList {	
	padding:5px 0; 
}
.publishList li {background:#900;
	width:31%;
	float: left;
	line-height: 15px;
	height: 15px;
	margin: 10px 1px 0 1px;
	padding: 6px 2px;
	display: inline;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
	font-weight: bold;color: #fff;}
.publishList li a, .publishList li a:visited {
	color: #fff; display:block; text-align:center;}	
	
	
.videoBox{text-align:center;}
.videoBox img {width: 100%;}

/*图片列表*/
 .picBox{width: 100%;float:left;}
    .picBox li{width:46%;float:left;height:150px;display:inline;overflow: hidden; text-align:center;padding:2%;}
    .picBox li img {width:100%;float:left;height:100px; display:block;text-align:center;}
    .picBox li span{width:100%;float:left;height:50px;font-size:14px;line-height:25px;text-align:center;overflow: hidden;}
	.picBox li span a,.picBox li span  a:visited{ color:#888;font-weight:bold;}
	
.forumBox{width: 100%; float:left; margin-bottom: 20px;}
.forumBox li{float:left; width:46%; height:138px;overflow: hidden;padding:6px 1.5%;}
.forumBox li img {width:100%;float:left;height:100px; display:block;text-align:center;padding:1.5%;}
.forumBox li span{width:100%;float:left;font-size:14px;line-height:18px;overflow: hidden;padding:1.5%; text-align:center;}
.forumBox li span a,.picBox li span  a:visited{ color:#000;font-weight:bold;}
	
/*appBox*/
 .appBox{width: 100%;float:left; background:#CCCCCC;}
 .appBox h2{float:left;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important; font-size:19px;width: 100%;height:51px; line-height:51px;}
 .appBox li{width:30%;float:left;height:120px;display:inline;overflow: hidden; text-align:center;padding:5px;}
    .appBox li img {width:100%;float:left;height:80px;}
    .appBox li span{width:100%;float:left;height:50px;font-size:12px;line-height:25px;text-align:center;overflow: hidden;}
	
/*滚动图*/
.section{ margin-left: auto;margin-right: auto; margin-top: 8px; width: 96.8%;}
.section-jdt {  margin: 20px auto; width: 96.8%; position: relative; overflow: hidden; }
.section-jdt .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: auto; }
.section-jdt .e_pic_wrap li { position: relative; display: inline; width: 100%; overflow: hidden; }
.section-jdt .e_pic_wrap li img { width: 100%; height: auto; display: block; }
.section-jdt .e_bg_flt { position: absolute; left: 0; bottom: 0; width: 100%; height: 18%; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 7; }
.section-jdt .e_flt_inf { position: absolute; left: 0; bottom: 0; width: 88%; height: 17%; overflow: hidden; z-index: 8; color: #fff; white-space: normal; word-wrap: break-word; line-height: 1.35; }
.section-jdt .e_flt_inf h3 { font-size: 0.94em; padding: 0% 3%; color: #fff; text-align: left; }
.section-jdt .e_flt_inf h3 a { color: #fff; }
.section-jdt .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 7; }
.section-jdt .e_sep a { color: #81d6d3; }
.section-jdt .prev, .section-jdt .next { position: absolute; z-index: 7; display: block; }
.section-jdt .prev { top: 40%; left: 0; }
.section-jdt .next { top: 40%; right: 0; }
.section-jdt .prev a, .section-jdt .next a { display: block; width: 40px; height: 40px; overflow: hidden; background: url(http://www.xinhuanet.com/kshzt/20151021/images/visualMB3008_20150723_LR.png) no-repeat scroll 0 0; }
.section-jdt .prev a { background-position: 0 0; }
.section-jdt .prev a:hover { background-position: 0 -48px; }
.section-jdt .next a { background-position: 0 -96px; }
.section-jdt .next a:hover { background-position: 0 -144px; }
.section-jdt .pageState { position: absolute; bottom: 1.5%; right: 3%; z-index: 7; color: #fff; font-size: .775em; font-family: "微软雅黑"; font-style: italic; }
.section-jdt .pageState span { font-size: 1.5em; }

.pic { position: relative;}
.pic, .pic img{ width:100%;}
.pic .name { color: #fff; width: 94%; line-height: 54px; font-size: 16px; bottom: 0; margin-left: 15px; z-index: 5; position:absolute; padding:0;}
.nav a, .pic .name a { color: #FFF;}
.pic .bg { position: absolute; bottom: 6px; left: 0; background-color: #000; z-index: 4; height: 42px; -moz-opacity: .6; opacity: .6; width:100%; padding:0;}
/*right*/

 .foot_info{ padding: 10px 0 10px; background: #1760d8; font-size: 14px; color: #fff; text-align: center;}
 
/* 头条 */
.tc {
    text-align: center;
}
.news-title .span1 {
    font-size: 20px;
    line-height: 32px;
    color: #cc3b3b;
    display: inline-block;
    font-weight: bold;
    padding: 20px 0 5px;
}
.news-title .span1 a {
    color: #cc3b3b;
}
.news-title p {
    line-height: 26px;
    font-size: 14px;
    overflow: hidden;
    color: #666;
    text-indent: 2em;
    text-align: left;
}
 
/* 会议日程 */
.time-list{
	border-left: 1px solid #237be8;
}
.time-list li{
	margin-top: 34px;
	position: relative;
	top: -4px;
}
.time-list li:nth-child(1) {
    margin-top: 84px;
}
.time-list .span-icon{
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #333;
	background: url('http://www.newsimg.cn/tech/5gsd2018/img/icon-02.png') left center no-repeat;
	padding-left: 41px;
	margin-left: -4px;
	margin-bottom: 15px;
}
.time-list li:first-child .span-icon{
	position: relative;
	top: -4px;
}
.time-content{
	width: 100%;
	padding: 20px 0;
}
.time-content span{
	font-size: 14px;
	color: #333;
	line-height: 26px;
	padding: 0 34px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}