﻿@charset "utf-8";
/*
/* swiper css
------------------------------*/
.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 }
.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 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x }
.swiper-scrollbar { border-radius: 10px; -ms-touch-action: none; position: absolute; right: 2px; top: 2%; width: 5px; height: 96%; background: rgba(0,0,0,0.2); z-index: 10 }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px }
.swiper-scrollbar-cursor-drag { cursor: move }
/* css reset */
html { height: 100%; }
body { font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; background: #fff; -webkit-text-size-adjust: 100%; padding-top: 50px; overflow-x: hidden; font-size: 0.9em; }
* { padding: 0; margin: 0; border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; }
nav, footer, section, header, article { display: block; }
ul { list-style: none; }
a { color: #000; text-decoration: none; }
input, textarea, button { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/*img { background: #f1f1f1 url(http://www.news.cn/2015/img2015/Loading.gif) no-repeat 50% 50%; }*/
/*
/* 公共样式
------------------------------*/
/* 清除浮动 */
.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; }
/* 侧导航 */

aside { position: fixed; width: 130px; height: 100%; padding: 10px; /*border-top:1px solid #7ecef3;*/ background: #294473; z-index: 9999; top: 50px; right: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: left; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; }
aside ul { margin-top: 10px; padding-bottom: 50px; }
aside li { padding: 5px 0px; overflow: hidden; border-bottom: 1px solid #3d5f99 }
aside li a { display: block; line-height: 34px; text-align: center; color: #fff; font-size: 15px; }
/* 侧导航打开给body加的class */

.navOpen { overflow: hidden; }
.navOpen aside { right: 0px; }
/*banner*/

header { width: 100%; height: 50px; background: #294473; position: fixed; top: 0px; left: 0px; z-index: 9990; }
header .logo { position: absolute; left: 0; top: 0; z-index: 5; width: 62px; height: 100%; background: url(http://www.news.cn/politics/2016qglh/mobile/img/logo2.jpg) 0 50% no-repeat; background-size: 100% auto; }
header .banner { position: absolute; left: 10px; top: 10px; z-index: 1; width: 100%; height: 100%; background-size: auto 56%; color: #fff; font-size: 22px; font-weight: bold; }
header .banner a { color: #fff; }
header .navBar { display: block; width: 30px; height: 40px; position: absolute; right: 15px; top: 2px; z-index: 2; }
header .navBar i { display: block; width: 25px; height: 2px; background: #fff; position: relative; top: 20px; left: 5px; }
header .navBar i::before { content: ""; display: block; width: 25px; height: 2px; background: #fff; position: relative; top: -6px; left: 0px; }
header .navBar i::after { content: ""; display: block; width: 25px; height: 2px; background: #fff; position: relative; top: 4px; left: 0px; }
header .navBar em { display: block; width: 2px; height: 40px; background: #294473; position: relative; top: -2px; left: 7px; }
/*nav*/

.nav { width: 92%; height: 24px; margin: 0px auto; padding: 0px 0 0px 0; background: #294473; }
.nav .swiper-wrapper { padding: 0 2%; height: 24px; }
.nav a { border-radius: 3px; display: inline-block; height: 20px; line-height: 20px; padding: 0; margin: 0 0px; font-size: 14px; color: inherit; vertical-align: middle; }
.nav .swiper-slide { display: inline-block; text-align: center; background: #e9e9e9; width: auto; line-height: 20px; height: 25px; padding: 1px 2.8%; font-size: 14px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.nav .swiper-slide a { color: #0068b7; line-height: 20px; }
.nav .on, .nav .on a { color: #0068b7; line-height: 20px; background: #fff; }
.swiper-container { height: auto; width: 100% !important; }
.nav .swiper-slide { margin-right: 10px }
.content { padding: 10px; overflow: hidden }
.bigpic1 { margin-bottom: 10px }
.bigpic1 img { width: 100% }
.bigpic1 h2 { font-size: 20px; line-height: 22px; padding: 10px 0px }
.bigpic1 p { font-size: 16px; line-height: 20px }
.newslist li { border-top: 1px solid #cfcfcf; padding: 12px 0px; overflow: hidden }
.newslist li img { float: left; width: 30%; height: auto; margin-right: 2%; }
.newslist li h2 { font-size: 16px; line-height: 16px; }
.newslist li em { display: block; float: left; width: 5px; height: 5px; background: #8ecdee; margin-right: 5px; margin-top: 5px }
.title em { float: left; width: 50px; display: block; height: 30px; background: url(http://russian.news.cn/2016/imgs/icon.png) no-repeat 0px 5px }
.photo .title em { background-position: 0px -183px; height: 40px }
.title h2 { border-bottom: 0px; font-size: 24px; border-bottom: 3px solid #56afcd; float: left }
.title h2 a { font-size: 24px }
.dt { position: relative; margin-bottom: 10px }
.dt img { width: 100%; height: auto }
.dt .bg { position: absolute; bottom: 3px; left: 0; z-index: 4; width: 100%; height: 40px; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
.dt .name { position: absolute; bottom: 5px; left: 10px; z-index: 4; height: 35px; line-height: 15px }
.dt .name a { font-size: 14px; color: #fff }
.piclist li { width: 49%; margin-left: 2%; float: left; margin-bottom: 10px }
.piclist li img { width: 100% }
.piclist li.first { margin-left: 0px }
.piclist li h2 { font-size: 12px; line-height: 15px; height: 45px; overflow: hidden }
.link { clear: both; padding-top: 20px }
.link .title2 { height: 60px; border-top: 1px solid #294473; margin-bottom: 10px }
.link h2 { background: #274472; width: 5em; text-align: center; height: 60px; line-height: 75px; font-size: 24px; color: #fff }
.linklist li { width: 50%; float: left; margin: 5px 0px; font-size: 18px }
.foot { background: #274472; padding: 10px; color: #fff; line-height: 20px }
.foot a { color: #3D6CB7 }
.newslist1 li { border-bottom: 1px solid #cfcfcf; padding: 12px 0px; overflow: hidden }
.newslist1 li img { float: left; width: 30%; height: auto; margin-right: 3%; }
.newslist1 li h2 { font-size: 16px; line-height: 16px; }
.newslist1 li em { display: block; float: left; width: 5px; height: 5px; background: #8ecdee; margin-right: 5px; margin-top: 5px }
/*瀑布流组件1*/ 
.Waterfall1 .tabTitHeight { height: 47px; position: relative; }
.Waterfall1 .tabTit { border: 1px solid #006cba; border-top: 2px solid #006cba; height: 46px; line-height: 46px; overflow: hidden; background: #fff; }
.Waterfall1 .tabTit .tabLi { float: left; font-size: 18px; color: #006cba; width: 100px; text-align: center; float: left; height: 46px; line-height: 46px; font-family: "微软雅黑"; cursor: pointer; }
.Waterfall1 .tabTit a:hover { text-decoration: none; }
.Waterfall1 .tabTit .on { background: #d0001f; color: #fff }
.Waterfall1 .dataList li { padding: 15px 0 17px 0; border-bottom: 1px solid #eee; overflow: hidden; position: relative; }
.Waterfall1 .dataList h3 { font-family: "微软雅黑", Microsoft YaHei; font-size: 16px; font-weight: normal; margin-bottom: 10px }
.Waterfall1 .dataList h3 a { display: inline-block; line-height: 24px; overflow: hidden; font-size: 16px; color: #3d8bcd; }
.Waterfall1 .dataList .imgs a { font-size: 0px; vertical-align: top; float: left; width: 138px; height: 90px; overflow: hidden; display: inline; margin-right: 10px }
.Waterfall1 .dataList .imgs img { width: 138px; height: 90px; vertical-align: top; padding-right: 10px; float: left; display: none; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease; }
.Waterfall1 .dataList .imgs img:hover { width: 138px; height: 90px; vertical-align: top; float: left; display: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Waterfall1 .dataList .summary { line-height: 24px; overflow: hidden; color: #666; font-size: 14px; }
.Waterfall1 .dataList .info { height: 14px; line-height: 14px; padding: 0; text-align: right; display: none }
.Waterfall1 .dataList .time { font-size: 12px; color: #999; display: none; }
.Waterfall1 .bdsharebuttonbox { position: absolute; top: 20px; right: 0px; display: none; }
.Waterfall1 .bdsharebuttonbox span.bds_more { padding: 0 0 0 20px!important; background: url(http://www.news.cn/house/bj/fcpdgb2015/img/icon_share.png) no-repeat 0px 0px!important; line-height: 20px; }
.Waterfall1 .dataList .moreBtn { text-align: center; padding: 15px 0; vertical-align: middle; cursor: pointer; }
.Waterfall1 .dataList .moreBtn i { display: inline-block; width: 16px; height: 16px; background: url(http://www.news.cn/fortune/2015/images/more.gif) no-repeat; vertical-align: middle; margin-right: 5px; display: none; }
.Waterfall1 .dataList .moreBtn .text { line-height: 16px; vertical-align: middle; font-size: 12px; color: #333333 }
.photo { margin-top: 15px }
.pageVideo { width: 100%; height: 260px; }
