@charset "UTF-8";
/**
 * 
 * @authors MiniHui
 * @date    2015-11-26 08:34:35
 * @version $Id$
 */
html { height:100%; }
body { height:100%;min-height:990px;position:relative; font-family:Helvetica,Arial,sans-serif; background:#fff; -webkit-text-size-adjust:100%; overflow-x:hidden; font-size:0.9em; background:#fff url(//www.xinhuanet.com/world/jzgjmtfh2015/img/001.jpg) no-repeat 50% 32px; }
* { padding:0; margin:0; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
ul { list-style:none; }
a { text-decoration: none; }
a:hover{ text-decoration:underline;color: #c69965; }
input,textarea,button { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
img { background:#f1f1f1 url(//www.news.cn/2015/img2015/Loading.gif) no-repeat 50% 50%; }
/*公共样式*/
/* 清除浮动*/
.clearfix { display: block; #zoom:1; }
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block; clear: both; }

.datalist01 .dataItem { border-bottom: 1px dotted #999; padding: 15px 20px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s linear, box-shadow 0.3s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s linear, box-shadow 0.3s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s linear, box-shadow 0.3s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s linear, box-shadow 0.3s ease-in-out; transition: opacity 0.4s linear, transform 0.4s linear, box-shadow 0.3s ease-in-out; }
.datalist01 .dataItem:hover { background: #f4f4f4; }
.datalist01 .show { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.datalist01 h3 { margin-bottom: 10px; }
.datalist01 a { font-size: 18px; font-family: "微软雅黑"; color: #c69965;font-weight: normal; }
.datalist01 p { font-size: 16px; line-height:30px; color: #333;text-indent:2em; }
.datalist01 img { float: left; margin-right: 10px; width: 200px; }
.datalist01 .lazyLoad{display: none;}
.datalist01 .time { font-size: 12px; color: #828282; text-align: right; margin-top: 5px; }

.datalist02 { padding-top: 10px; width: 900px; }
.datalist02 .dataItem { float:left; width: 260px; height: 146px; margin:0 20px 20px 20px; position: relative; overflow: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s linear, box-shadow 0.3s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s linear, box-shadow 0.3s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s linear, box-shadow 0.3s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s linear, box-shadow 0.3s ease-in-out; transition: opacity 0.4s linear, transform 0.4s linear, box-shadow 0.3s ease-in-out; }
.datalist02 .show { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.datalist02 .img { width: 100%; height: 100%;}
.datalist02 img { width: 100%; height: 100%; vertical-align: top; }
.datalist02 h3 { position: absolute; z-index:1; bottom: -36px; left: 0px; width: 100%; height: 36px; text-align: center; -webkit-transition: bottom 200ms ease-in; -moz-transition: bottom 200ms ease-in; transition: bottom 200ms ease-in; }
.datalist02 h3 a { font-size: 14px; font-family: "微软雅黑"; color: #cda573; padding: 0 10px; line-height: 36px; }
.datalist02 .bg { position: absolute; bottom: -36px; left: 0px; width: 100%; height: 36px; background: #000; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: bottom 200ms ease-in; -moz-transition: bottom 200ms ease-in; transition: bottom 200ms ease-in; }
.datalist02 .playBtn { cursor: pointer;position: absolute; display:block; width: 52px; height: 52px;text-indent: -9999px;overflow: hidden; left:50%; top: 50%; margin: -26px 0 0 -26px; background: url(//www.xinhuanet.com/politics/201593ybzb/img/icon_playBtn.png) no-repeat; }
.datalist02 .firstItem{ width: 860px; height: 484px; }
.datalist02 .firstItem h3,
.datalist02 .firstItem .bg,
.datalist02 .dataItem:hover h3,
.datalist02 .dataItem:hover .bg { bottom: 0px; }

.showMore{width: 50%;margin: 30px auto;height: 30px;line-height: 30px;background: #f4f4f4;color: #999;font-size:12px;text-align: center;cursor: pointer;}
.hide{display: none;}
/* 主体结构 */
/*背景图*/
/*.bgBody { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.bgBody li { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; }
.bgBody li:nth-child(1) { background:url(//www.xinhuanet.com/politics/201593ybzb/img/001.png) no-repeat 50% 50%; }
.bgBody li:nth-child(2) { background:url(//www.xinhuanet.com/politics/201593ybzb/img/002.png) no-repeat 50% 50%; -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s; }
.bgBody li:nth-child(3) { background:url(//www.xinhuanet.com/politics/201593ybzb/img/003.png) no-repeat 50% 50%; -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay: 20s; -ms-animation-delay: 20s; animation-delay: 20s; }
.animateStart { -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 30s linear infinite 5s; -moz-animation: imageAnimation 30s linear infinite 5s; -o-animation: imageAnimation 30s linear infinite 5s; -ms-animation: imageAnimation 30s linear infinite 5s; animation: imageAnimation 30s linear infinite 5s; }*/

/*顶部导航*/
.topHeader { position:absolute; top:0px; left:0px; width:100%; height: 32px; text-align: center; background: #000;background: rgba(0,0,0,1); }
.topHeader .top { width:1000px; margin:0 auto; height:inherit; }
.topHeader a { float:left; height: 32px; line-height: 32px; color: #979797; margin:0 10px; font-size: 12px; }
.topHeader a:hover { color:#c79b67!important; }
/*导航条重置*/
.slimScrollBar,
.slimScrollRail { opacity:1!important; border-radius:0!important; }
/*主题*/
h1{position:relative;width: 1280px;height: 221px;line-height:300px;font-size: 30px; font-family: "微软雅黑";text-align: center;color: #d6b487;font-weight: normal;position: absolute; z-index:1; top: 50%; left: 50%; margin: -100px 0 0 -640px;background: url(//www.xinhuanet.com/world/jzgjmtfh2015/img/title.png) no-repeat 50% 0;}/*
.xhlogo{position:absolute;left:20px;top:60px;line-height:0px;}
.xhlogo img{background:none;}
.rglogo{position:absolute;right:25px;top:60px;line-height:0px;}
.rglogo img{background:none;}
.q0logo{position:absolute;left:138px;top:50px;line-height:0px;}
.q0logo img{background:none;}*/

/*logo*/

/*主体内容*/
.mainBody { display:none;width: 1280px; height: 710px; position: absolute; left: 50%; top: 50%; margin:-295px 0 0 -640px;}
/*右侧基本信息区*/
.boxDes { width: 270px; height: 100%; background: #2c3d8b; position: absolute; right: 0px; top: 0px; overflow: hidden; }
.boxDes .logoWrap{margin: 0 15px;padding:25px 0;border-bottom: 1px solid #acb0ca;}
.boxDes .logoWrap li{float: left;width: 49.5%;height: 50px;line-height: 50px;padding:5px 0;text-align: center;}
.boxDes .logoWrap .liR{border-left: 1px solid #acb0ca;}
.boxDes .logoWrap img{max-height: 50px;background: none;}
.boxDes .info{margin: 0 15px;padding:10px 0;border-bottom: 1px solid #acb0ca;}
.boxDes .info li{padding:5px 0;height: 28px;line-height: 28px;vertical-align: middle;color: #acb0ca;}
.boxDes .info li i{display: inline-block;width: 28px;height: 28px;background:url(//www.xinhuanet.com/politics/201593ybzb/img/icon.png) no-repeat;vertical-align: middle;margin-right: 15px;}
.boxDes .info .time i{background-position: 0 0;}
.boxDes .info .address i{background-position: -28px 0;}
.boxDes .text{margin: 0 15px;padding:15px 0;border-bottom: 1px solid #acb0ca;color: #acb0ca;line-height: 24px; text-indent:2em}
.boxDes .hylogo{position: absolute;bottom: 35px;left: 0;width: 270px;height:83px; }
/*中间内容区*/
.boxCont { width: 908px; height: 708px; overflow: hidden; position: absolute; z-index:1; left: 91px; top: 0px; border: 1px solid #fff; background: rgba(2,147,202,0.5); -moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333; }
#actWrap { width:100%; height: 668px; }
.boxCont .slimScrollDiv,
.boxCont .slimScrollDiv .slimScroll,
.boxCont .scrollWrap{width: 100%!important;}
.boxCont .item { width: 100%; height: 668px!important; overflow: hidden; background: #fff; }
.boxCont .itemT { height: 81px; line-height: 81px; padding-left:20px; background: #f4f4f4; vertical-align: middle; position:relative; border-bottom:1px dotted #c69965; margin-bottom: 10px; }
.boxCont .itemT h2 { display:inline-block;#display:inline;#zoom:1; height: 25px; line-height:25px; padding-right:20px; color: #c69965; font-size: 22px; font-family: "微软雅黑"; font-weight: normal; vertical-align: middle; }
.boxCont .itemT .en { display:inline-block; height: 25px; line-height:35px; padding:0 20px; border-left:1px solid #c69965; color: #c69965; font-size: 14px; font-family:"Times New Roman"; font-weight: bold; vertical-align: middle; }
.boxCont .itemT .adv { width: 494px; height: 48px; position: absolute; right: 70px; top: 15px; vertical-align: top; }
.boxCont .itemT .adv img { width: 494px; height: 48px; }
.boxCont .itemT .tabs { position: absolute; right: 48px; top: 0px; }
.boxCont .itemT .tabs li { float:left; width: 100px; height: 81px; line-height: 81px; font-size: 16px; font-family: "微软雅黑"; color:#c69965; text-align: center; border-left:1px solid #c69965;cursor: pointer;border-right: 1px solid #c69965; }
.boxCont .itemT .tabs li.active{background: #fff;position: relative;top: 1px;}
/*左侧导航区*/
.boxMenu { width: 82px; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.boxMenu .item { display:block; height: 118px; position: relative; margin-bottom:1px; background:#2c3d8b; overflow: hidden; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; transition: background 200ms ease-in; }
.boxMenu .on,
.boxMenu .item:hover { background: #872cd7;text-decoration:none; }
.boxMenu .item span{ display:block;width:100%; height: 118px;line-height: 98px; text-align:center; font-size: 14px; color: #fff; font-family: "微软雅黑"; cursor: pointer; }
.boxMenu .item .icon { display:block;position:relative;top:34px;height:33px;background:url(//www.xinhuanet.com/politics/201593ybzb/img/icon_menu.png) 0px 0px no-repeat; }
.boxMenu .home .icon { background-position: 0px 50%; }
.boxMenu .photo .icon { background-position: -82px 50%; }
.boxMenu .summary .icon { background-position: -164px 50%; }
.boxMenu .cctv .icon { background-position: -246px 50%; }
.boxMenu .record .icon { background-position: -328px 50%; }
.boxMenu .relate .icon { background-position: -410px 50%; }
.boxMenu .interactive .icon { background-position: -492px 50%; }
.boxMenu .qj360 .icon { background-position: -574px 50%; }
.boxMenu .cnc .icon { background-position: -656px 50%; }
/*底部快讯*/
.lastNews { height: 40px; background: #2c3d8b; position: relative; }
.lastNews strong { /*cursor:pointer;*/position: absolute; left: 0; top: 0; width: 90px; height: 40px; line-height: 40px; color: #cda573; overflow: hidden; text-align: center; font-weight: normal; }
/*.lastNews strong:hover {text-decoration:underline;}*/
.lastNews a { color:#cda573; }
.lastNews .lastNewsScroll { position: absolute; top: 0px; left: 90px;width: 800px; height:40px; line-height: 40px; overflow: hidden;}
.lastNews #miniNewsRegion { height:40px; line-height: 40px; }
.lastNews #miniNewsRegion li{ float: left; width: auto !important;height:40px; margin-right:30px;line-height: 40px; overflow: hidden; color: #cda573; }

/*首页*/
.home .mediaWrap { width: 100%; margin:10px 0 20px 0;overflow:hidden;position:relative;}
.home #mediaSwitch{width:878px;height: 494px;background: #000;overflow:hidden;margin:0 10px;position: relative;}
.home .mediaWrap .dataItem { width: 100%; height: 100%!important; text-align: center; font-size: 30px; color: #fff; overflow: hidden; /*transition:width 300ms, height 300ms; -moz-transition:width 300ms, height 300ms, -moz-transform 300ms; -webkit-transition:width 300ms, height 300ms, -webkit-transform 300ms; -o-transition:width 300ms, height 300ms, -o-transform 300ms; */; }
.home .mediaWrap .dataItem img { width: 100%;}
.home .mediaWrap .dataItem h3 { position: absolute; z-index:1; bottom: 0px; left: 0px; width: 100%; height: 36px; line-height: 36px; text-align: left; vertical-align: middle; }
.home .mediaWrap .dataItem h3 a { display:inline-block; height: 36px; line-height: 36px; font-size: 18px; font-family: "微软雅黑"; color: #cda573; padding: 0 10px; vertical-align: top; }
.home .mediaWrap .dataItem .bg { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 36px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.home .mediaWrap .videoPlay{display:none;width: 122px;height: 122px;position: absolute;left: 50%;top: 50%;margin: -61px 0 0 -61px;z-index: 1;background: url(//www.xinhuanet.com/world/jzgjmtfh2015/img/icon_playBtn2.png) no-repeat;cursor: pointer;text-indent: -9999px;overflow: hidden;}
.home .btn { display:none; position: absolute; width: 36px; height: 96px; background: url(//www.xinhuanet.com/politics/201593ybzb/img/icon.png) no-repeat; top: 50%; margin-top: -48px; z-index: 1;cursor: pointer;}
.home .prevBtn { left: 10px; background-position: -56px -30px; }
.home .nextBtn { right: 20px; background-position: -112px -30px; }
.home .num { position: absolute; right: 30px; bottom: 10px; z-index: 1; }
.home .num span { display: inline-block; width: 10px; height: 10px; background: #fff; cursor: pointer; }
.home .num .active { background: #cda573; }
.home .datalist01 .dataItem { padding: 13px 20px; }
.home .iframeBtn{display:none;width:40px;height: 20px;line-height: 20px;text-align:center;color:#fff;font-size: 12px;cursor: pointer;position: absolute;bottom:-20px;right: 0px;background: #000;}

/*实录*/
/* content */
.recordSwitch{position: relative;height: 573px;}
.recordSwitch .slimScrollDiv{position: absolute!important;top: 0px;left: 0px;}
.content .refresh{cursor: pointer;position: absolute;right:20px;top:0px;height: 22px;line-height:22px;font-size: 12px;background: #fff;color:#999;border:1px solid #999;z-index: 1;padding: 0 10px;}
/*图集*/
.photo .datalist02{margin-bottom: 20px;}
/*视频*/
.cctv .tabs li i,
.cnc .tabs li i{display: none;}
.cctv .channel,
.cnc .channel{text-align:right;padding:5px 30px 15px 30px;}
.cctv .channel span,
.cnc .channel span{display:inline-block;width:100px;height:33px;line-height:33px;margin-left:15px;cursor:pointer;text-align:center;font-size:14px;color:#fff;background:#c69965;}
.cctv .channel .active,
.cnc .channel .active{background:#795224;}
.cctv .channel span i,
.cnc .channel span i{display:none;}
.cctv .ifrDiv,
.cnc .ifrDiv{text-align: center;}
.cctv #cctvVideoIframe,
.cctv #cncVideoIframe{width: 860px; height: 500px;margin: 0 auto;}
/*全景*/
.qj360 .tabs{display: none;}

.interactive .scrollWrap{text-align: center;}
/*底部信息*/
.footer { position: absolute; left:0px; bottom:0px; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-align: center;background: #000; background: rgba(0,0,0,1); color: #969696; }
/*展开收缩*/
.foldBtn { width: 49px; height: 24px; position: absolute; right: 10px; top: 0; background: url(//www.xinhuanet.com/politics/201593ybzb/img/icon.png) no-repeat 0px -60px; z-index: 10;cursor: pointer;}
.foldBtnClose { background-position: 0px -30px; }
/*展开后页面尺寸设置*/
.boxContOpen { width: 1187px; }
.boxContOpen #mediaSwitch { width: 1157px!important; height:651px!important; }
.boxContOpen .datalist02 .firstItem{ width: 1140px!important; height:641px!important; }
.boxContOpen .datalist02 { width: 1200px; }
.boxContOpen .datalist02 .dataItem{ width: 353px; height: 199px; }
.boxContOpen .lastNews .lastNewsScroll{width:1080px;}

/*css动画*/
@-webkit-keyframes imageAnimation {
    0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -webkit-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -webkit-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-moz-keyframes imageAnimation {
    0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -moz-transform: scale(1.05);
    -moz-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -moz-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -moz-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-o-keyframes imageAnimation {
    0% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -o-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -o-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-ms-keyframes imageAnimation {
    0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -ms-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -ms-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@keyframes imageAnimation {
    0% {
    opacity: 0;
    animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
