/**
 * Copyright (c) 2015 Xinhuanet Inc. All rights reserved.
 *
 * @file   css/index.css
 * @author St. <st_sister@icloud.com>
 * @time   2015-11-20-13.32
 *         2015-11-24-16.19
 *         2015-11-26-11.29
 *         2015-11-27-10.22
 *         2015-11-27-13.36
 *         2015-11-27-16.36
 *         2015-12-01-09.41
 */
 
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.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; /* Fix of Webkit flickering */ z-index: 1; }
.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; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -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; }
.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; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px;
	height: 100px;*/ }
.swiper-slide { /* Specify Slides's Size: */ /*width: 100%;
	height: 100%;*/ }
.swiper-slide-active { /* Specific active slide styling: */ }
.swiper-slide-visible { /* Specific visible slide styling: */ }
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }
.swiper-active-switch { /* Specific active button style: */ }
.swiper-visible-switch { /* Specific visible button style: */ }
/* hey we go! */
html,
body,
div,
p,
h1,
h2,
h3,
ul,
li { margin: 0; padding: 0 }
/* clearfix */
.part:after,
.col:after,
.list li:after,
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.oldie .part,
.oldie .col,
.oldie .list li,
.oldie .clearfix { zoom: 1; } /* ie6 ie7 */
body { font-family: \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, Arial; font-size: 62.5%; color: #000; }
.safari body { font-family: PingHei, Helvetica Neue, elvetica, Arial, Verdana, sans-serif; }
/*.oldie body { font-family: SimSun; }*/

li { list-style-type: none }
a { text-decoration: none; outline: 0; color: #000 }
a:hover { color: #c53024 !important; }
a:hover span { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
img { border: 0; background-color: rgba(227,227,227,1.00); background-image: url(../img/loading.gif); background-position: center center; background-repeat: no-repeat; }
.left { float: left; }
.right { float: right; }
.footer { background-color:#e03e0b; color: #FFFFFF; width: 100%; text-align: center; font-size: 12px; line-height: 18px; padding: 10px 0; margin-top: 20px; }
.hide { display: none; }
/* topNav */
.topNav { width: 100%; z-index: 2; position: absolute; top: 0; font-size: 14px; line-height: 30px; background-color: rgba(255,255,255,0.8); text-align: center; /*font-family: SimSun*/ opacity:0.8; filter: alpha(opacity=80);}
.topNav a { padding: 0 5px; color: #927d9d; text-align: center; }
/* .part */
.part { width: 980px; margin: 0 auto; }
/* col */
.col .sprite { float: left; }
.col .sprite-t0 { margin-top: 6px; }
.col .sprite-t2,
.col .sprite-t1 { margin-top: 18px; margin-left: 5px; }
.col .sprite-t9,
.col .sprite-t10,.col .sprite-t12 { margin-top: 18px; margin-left: 5px; }
.col .sprite-t8,
.col .sprite-t11,
.col .sprite-t13,
.col .sprite-t7,
.col .sprite-t6,
.col .sprite-t5,
.col .sprite-t4,
.col .sprite-t3 { margin-top: 10px; margin-left: 5px; }
.col .line { display: block; height: 19px; border-bottom: #feb378 1px solid; width: 95px; margin: 0 0 0 5px; }
.col .more,
.col .more a,
.col a .more { font-size: 14px; color: #71869e; line-height: 38px; }
.col .more { float: right; width: 60px; display: block; text-align: right; }
.col .more:hover,
.col .more a:hover,
.col a:hover .more { color: #00925a; text-decoration: underline; }
.col .colIn { position: absolute; top: 0; left: 50%; margin-left: -139px; }
/* bigTitle */
.bigTitle,
.bigTitle a { font-size: 20px; line-height: 50px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bigTitle a:hover { color: #7ad041; }
.partT { padding: 0 10px 12px 20px; margin-bottom: 8px; border-bottom: #a8a8a8 1px dashed; }
/* abs */
.abs { color: #000000; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; }
/*.oldie .abs { font-family: SimSun; }*/
/* content */
.content { width: 100%; overflow: hidden; margin-bottom: 40px; }
/* list */
.list li { line-height: 32px; font-size: 14px; padding-left: 15px; position: relative; }
.list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list .d { display: block; width: 5px; height: 5px; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; background-color:#c53024; overflow: hidden; position: absolute; top: 50%; left: 0; margin-top: -3px; }
.list li:hover .d,
.list li a:hover .d { background-color: #c53024; }
/* list2 */
.list2 li,
.list2 li a { color: #FFFFFF; font-size: 18px; }
.list2 li { background-color:#c53024; border-bottom: #FFFFFF 1px solid; line-height: 47px; font-size: 16px; padding: 0 15px; position: relative; cursor: pointer; }
.list2 li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list2 .d { display: none; border-left: 9px solid #c53024; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -8px; margin-right: -12px; top: 50%; right: 0; width: 0; height: 0; line-height: 0; font-size: 0; position: absolute; overflow: hidden; }
.list2 .active .d,
.list2 li:hover .d { display: block; }
.list2 .active,
.list2 li:hover { background-color:#feb378; }
/* bgGray */
.bgGray { background-color: #f0f0f0; }
/* pic */
.pic,
.pic img { height: 238px; }
.pic { position: relative; margin-bottom: 12px; }
.pic img { width: 100%; }
.pic .bg { position: absolute; bottom: 0; left: 0; background-color: #000000; z-index: 4; width: 100%; height: 42px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.pic a:hover .bg { /*background-color:#7ad041;*/ filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.pic .name { display: block; color: #fff; width: 94%; line-height: 42px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 50%; margin-left: -47%; z-index: 5; }
.pic .name a { color: #FFFFFF; }
/* sprite */
.sprite { background-image: url(//www.xinhuanet.com/food/spaqsfcs/img/spritesheet.png); background-repeat: no-repeat; display: block; }
.sprite-b0 { width: 387px; height: 154px; background-position: 0 0; }
.sprite-b1 { width: 265px; height: 84px; background-position: -387px 0; }
.sprite-b2 { width: 757px; height: 244px; background-position: 0 -154px; }
.sprite-b3 { width: 103px; height: 243px; background-position: 0 -408px; }
.sprite-b4 { width: 211px; height: 105px; background-position: -166px -428px; }
.sprite-b5 { width: 154px; height: 98px; background-position: -514px -408px; }
.sprite-ic0 { width: 81px; height: 33px; background-position: -652px 0; }
.sprite-ic1 { width: 103px; height: 49px; background-position: -652px -33px; }
.sprite-ic2 { width: 70px; height: 50px; background-position: -385px -84px; }
.sprite-t0 { width: 117px; height: 27px; background-position: -512px -84px; }
.sprite-t1 { width: 118px; height: 28px; background-position: -629px -84px; }
.sprite-t2 { width: 118px; height: 28px; background-position: -512px -112px; }
.sprite-t3 { width: 148px; height: 35px; background-position: -570px -112px; }
.sprite-t4 { width: 148px; height: 35px; background-position: -514px -506px; }
.sprite-t5 { width: 148px; height: 35px; background-position: -514px -541px; }
.sprite-t6 { width: 156px; height: 35px; background-position: -85px -573px; }
.sprite-t7 { width: 147px; height: 35px; background-position: -440px -576px; }
.sprite-t8 { width: 147px; height: 35px; background-position: -103px -611px; }

.sprite-t9 { width: 290px; height: 28px; background-position: -256px -619px; }
.sprite-t10 { width:175px; height: 28px; background-position: -255px -578px; }
.sprite-t11 { width:175px; height: 35px; background-position: -515px -575px; }
.sprite-t12 { width: 290px; height: 28px; background-position: -106px -541px; }
.sprite-t13 { width: 290px; height:35px; background-position: -513px -114px; }
/* mainRender */
.mainRender { background:url(//www.xinhuanet.com/food/spaqsfcs/img/banner.jpg) no-repeat center 0;}
/*.mainRenderIn { background:url(../img/mainRenderIn_bg.jpg) center 2200px no-repeat}*/
.topHeightBlank { margin: 0 auto; overflow: hidden; height: 432px; }
/* banner */


/* mainBox */
.mainBox { position: relative; z-index: 2; }
/* nav */
.nav { background-color:#e03e0b; height: 60px; line-height: 60px; overflow: hidden; font-size: 20px; text-align: center; opacity:0.8; }
.nav a { display: inline-block; width:15%; color: #FFF; }
.nav a.active,
.nav a:hover { background-color: #ffb5a4; }
.oldie .nav a { zoom: 1; }
/* main */
.main { }
.main .part { margin-top:30px; }
/* part1 */
.part1 { height: 397px; overflow: hidden; padding-top: 18px; margin-top: 0 !important; background:#FFFFFF; padding-left:10px;}
.part1 .rot,
.part1 .rot .swiper-container { width: 598px; height: 397px; }
.part1 .rot { overflow: hidden; position: relative; }
.part1 .rot .pagination { position: absolute; text-align: right; left: -10px; bottom: 28px; width: 100%; z-index: 5; }
.part1 .rot .swiper-pagination-switch { display: inline-block; width: 5px; height: 5px; background: #b9b9b9; margin-right: 8px; cursor: pointer; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; }
.part1 .rot .swiper-active-switch { background: #930001; }
.part1 .rot .swiper-slide { position: relative; }
.part1 .rot .swiper-slide .bg { position: absolute; bottom: 0; left: 0; background: #000; z-index: 4; width: 100%; height: 62px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.part1 .rot .swiper-slide .name,
.part1 .rot .swiper-slide .name a { display: block; width: 83%; color: #fff; line-height: 62px; font-size: 20px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part1 .rot .swiper-slide .name { position: absolute; bottom: 0; left: 10px; z-index: 5; }
.part1 .rot .swiper-slide:hover .bg { /*background-color:#7ad041;*/ filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.part1 .rot .line { display: block; z-index: 5; width: 100%; height: 1px; border-top: #eeeeee 1px solid; position: absolute; left: 0; bottom: 61px; pointer-events: none; }
.part1 .rot .arrow-left { background: url(//www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 17px; height: 30px; z-index: 5; }
.part1 .rot .arrow-right { background: url(//www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 17px; height: 30px; z-index: 5; }
.part1 .right { width: 350px; margin-right:10px;}
.part1 .right .col { margin-top: -5px; position: relative; height: 38px; margin-bottom: 5px; }
.part1 .right .col .line { position: absolute; top: 0; left: 198px; }
.part1 .right .list { margin-left: 5px; }
.part1 .right .abs { -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; }
.part1 .right .abs:hover { height: 100px; }
/* part2 */
.part2 { padding:10px; margin-top: 25px; background-color:#FFFFFF; overflow:hidden; }
.part2 .col { height: 54px; position: relative; overflow: hidden; margin-bottom: 14px; }
.part2 .col .more,
.part2 .col .more a,
.part2 .col a .more { font-size: 16px; color: #71869e; line-height: 70px; }
.part2 .col .more { float: right; width: 80px; display: block; }
.part2 .left { width: 568px; overflow: hidden; }
.part2 .left .picBox { width: 186px; float: left; }
.part2 .left .pic,
.part2 .left .pic img { width: 186px; height:220px; }
.part2 .left .pic { margin-top: 12px; margin-bottom: 40px; }
.part2 .left .text { width: 358px; float: right; }
.part2 .left .text .bigTitle,
.part2 .left .text .bigTitle a { font-size: 18px; line-height: 42px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part2 .left .text .bigTitle a:hover { color: #7ad041; }
.partT { padding: 0 0 12px 4px; margin-bottom: 8px; border-bottom: #a8a8a8 1px dashed; }
.part2 .left .text .abs { color: #000000; font-size: 14px; line-height: 22px; height:65px; overflow: hidden; text-indent: 2em; }
.part2 .left .text .partT:nth-child(1) { margin-top: -4px; }
.part2 .left .text .partT:nth-last-child(1) { border: none; margin: 0; }
.part2 .left .pic .name { display: block; color: #fff; width: 96%; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; margin-left: 4px; z-index: 5; text-align: center; }
.part2 .left .pic .bg { height: 30px; }
.part2 .right { width: 382px; }
.part2 .list li { font-size: 15px; padding-left: 15px; position: relative; }
/* part3 */
.part3 { }
.part3 .col { height: 50px; position: relative; margin-bottom: 14px;  background:url(../img/col_bg.jpg); font-size:22px; color:#FFFF00; line-height:60px; text-align:left; padding-left:20px; width:960px; font-family:"Microsoft YaHei",Tahoma,Arial,Helvetica,"瀹嬩綋"; font-weight:bold;  }
.part3 .col .line { position: absolute; top: 20%; left: 0; width: 330px; }
.part3 .col .line1 { left: auto; right: 0; }
.part3 .col .colIn { margin-left: -139px; }
/* part4 */
.part4 { }
.part4 .col { height: 50px; position: relative; margin-bottom: 14px;  background:url(../img/col_bg.jpg); font-size:22px; color:#FFFF00; line-height:60px; text-align:left; padding-left:20px; width:960px; font-family:"Microsoft YaHei",Tahoma,Arial,Helvetica,"瀹嬩綋"; font-weight:bold; }
.part4 .col .line { position: absolute; top: 20%; left: 0; width:330px; }
.part4 .col .line1 { left: auto; right: 0; }
.part4 .col .colIn { margin-left: -140px; }
.part4 .content { height: 479px; overflow: hidden; }
.part4 .list2 { width: 343px; border-right:#feb378 3px solid; float: left; height: 100%; background:#c53024; }
.part4 .right { width: 511px; padding-right: 65px; padding-top: 32px; }
.part4 .right ul li { display: none; }
.part4 .right .pic { margin-bottom: 0; }
.part4 .right .pic,
.part4 .right .pic img { height: 193px; }
.part4 .right .abs { height: 200px; padding-top: 20px; font-size: 14px; line-height: 30px; }
/* part5 */
.part5 { }
.part5 .col { height: 50px; position: relative; margin-bottom: 14px; background:url(../img/col_bg.jpg) ; font-size:22px; color:#FFFF00; line-height:60px; text-align:left; padding-left:20px; width:960px; font-family:"Microsoft YaHei",Tahoma,Arial,Helvetica,"瀹嬩綋"; font-weight:bold; }
.part5 .col .line { position: absolute; top: 20%; left: 0; width: 330px; }
.part5 .col .line1 { left: auto; right: 0; }
.part5 .col .colIn { margin-left: -139px; }
/* loadingTip */
.loadingTip { padding: 60px; font-size: 16px; text-align: center; margin: 0 auto; }
.loadingTip p { margin-bottom: 20px; }
/* iframe */
#iframe0 .content { height: 563px; position: relative; }
#iframe0 .content .mask { width: 980px; height: 518px; position: absolute; top: 0; left: 0; z-index: 2; }
#iframe1 .content { height: 624px; }
#iframe2 .content { height: 838px; }
/* ======================> tinyHui <======================== */
/* listPic */
.listPic { /*margin: 20px auto 0*/ }
.listPic li { width: 245px; height: 245px; overflow: hidden; float: left; position: relative; }
.listPic li img { width: 245px; height: 245px; }
.listPic li .tit { position: absolute; width: 245px; height: 245px; left: 0; top: 245px; background-color: rgba( 197, 48, 36, 0.7); -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; transition: top .3s; }
.listPic li .tit h3 { margin: 73px 45px 0; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
.listPic li .tit h3 a { color: #fff }
.oldie .listPic li .tit { background-color: #feb378; }
.listPic li.li01 .tit,
.listPic li.li03 .tit,
.listPic li.li06 .tit,
.listPic li.li08 .tit,
.listPic li a:hover .tit { display: block; top: 0; }
.listPic li.li01 .tit,
.listPic li.li03 .tit { background-color: #feb378; }
.listPic li.li06 .tit,
.listPic li.li08 .tit { background-color: #fc6e51; }
.visualCon { /*width: 992px;*/ height: 435px; margin: 0px auto; position: relative; overflow: hidden; /*border: 4px solid #fff;*/ }
.visualCon ul li { width: 95px; height: 435px; border-left: 1px solid #fff; position: relative; overflow: hidden; float: left; }
.visualCon ul li .imgTop img { opacity: 1; width: 600px; height: 435px; }
.visualCon ul li .imgTop img.tm { opacity: 1; }
.visualCon ul li .imgCon { width: 600px; height: 435px; }
.visualCon ul li .imgCen { width: 600px; height: 50px; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; line-height: 50px; position: absolute; left: 0px; bottom: 0px; text-indent: 20px;/*display:none;*/ }
.oldie .visualCon ul li .imgCen { background: #00b279; }
.visualCon ul li .imgCen a { color: #fff; font-size: 20px; line-height: 50px; height: 50px; width: 600px; overflow: hidden; }
.visualCon ul li.first { width: 600px; }
.visualCon ul li.fast { position: absolute; right: 0px; bottom: 0px; }

/* iPhone4/5/5s */
@media(max-width:320px) {
}

/* iPhone6 & iPhone6 Plus */
@media(min-width:321px) and (max-width:375px) {
}

/* */
@media(min-width:376px) and (max-width:414px) {
}