@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("//www.xinhuanet.com/food/2016LXYJ/img/mobile_bg.jpg") no-repeat top center; 
	background-size:100% 330px;
	color: #000;
	line-height: 1.5;
	font: 12px "Trebuchet MS", "Verdana", "Helvetica", "Tahoma", "\5b8b\4f53", "sans-serif",;
}
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: #000066;
	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;

/*	border-top:solid #074289 3px;*/
}
.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:310px;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(//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(//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(//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(//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;}
.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:block;width:50px;line-height:31px;height:39px; font-size:12px;}
.newsTitleBox span a,.newsTitleBox span a:visited{ color:#999999; font-weight:bold;}
.newsTitleBox h2{ float:left; display:block;line-height:27px;border-left:#900 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;
    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("//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("//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;}
.newsListBox p a,.newsListBox p a:visited{font-weight:bold;color:#900;}
.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;}

/*图片列表*/
 .picBox{width: 100%;float:left;}
    .picBox li{width:46%;float:left;height:150px;display:inline;overflow: hidden; text-align:center;padding:5px;}
    .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;}
.forumBox li{float:left; width:46%; height:130px;overflow: hidden;padding:6px 1%;border-top:dashed #ccc 1px;}
.forumBox li img {width:100%;float:left;height:100px; display:block;text-align:center;padding:5px;}
.forumBox li span{width:45%;float:left;font-size:14px;line-height:27px;overflow: hidden;}
.forumBox li span a,.picBox li span  a:visited{ color:#666;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;}
	
	
/*right*/

 .foot_info{width: 100%;float:left;background: #000066; color:#FFFFFF; font-size:12px; text-align:center;line-height:27px;}