@charset "UTF-8";
/**
 * 
 * @authors MiniHui
 * @date    2015-11-26 14:15:52
 * @version $Id$
 */
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, label, ul, ol, dl, li, dt, dd { margin: 0; padding: 0}
html, body { height: 100%}
body { font-size: 62.5%; color: #000}
li { list-style-type: none}
a { text-decoration: none; outline: 0; color: #000}
table { border-collapse: collapse; border-spacing: 0}
iframe, img { border: 0}
.list li:after, .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0; font-size: 0; margin: 0; padding: 0; display: block; clear: both}
.left { float: left}
.right { float: right}
.part { background: #fff; width: 100%; margin: 0 auto}
.hide { display: none}
.cBlue { color: #22227a}
.cRed { color: #d00f31}
.cGold { color: #c69965}
h1, h2, h3 { padding: 0; margin: 0}
header, .headerBox { width: 100%; height: 90px; overflow: hidden}
header { background-color: #170000; background-image: url(//www.xinhuanet.com/world/201512dejhlwdh/img/headerBg.jpg); background-position: center top; background-size: 100% 100%; position: relative; top: 0; left: 0; z-index: 9990}
.openMenu { overflow: hidden; width: 100%}
.openMenu .aside { left: 0; overflow: scroll!important}
.openMenu, .openMenu header { position: fixed}
header .logoBox { width: 92px; position: absolute; z-index: 3; top: 50px; left: 50%; margin-left: -46px}
header .xinhuanetLogo { display: block; background-image: url(//www.xinhuanet.com/politics/kzsl70/ybzbsj/img/xinhuanetLogo.png); background-position: center top; background-size: 100% 100%; width: 41px; height: 27px; position: absolute; top: 2px; left: 0}
header .xinhuanetLogo img { width: 100%; background: 0}
header .logo70 { display: block; background-image: url(//www.xinhuanet.com/politics/kzsl70/ybzbsj/img/logo70.png); background-position: center top; background-size: 100% 100%; width: 31px; height: 29px; position: absolute; top: 0; right: 0}
header .logo70 img { width: 100%; background: 0}
header .menuBtn { top: 40px; display: block; width: 40px; height: 40px; position: absolute; right: -5px; z-index: 5; overflow: hidden}
header .menuBtn .i, header .menuBtn .i:before, header .menuBtn .i:after, header .menuBtn .i2, header .menuBtn .i2:before, header .menuBtn .i2:after { display: block; height: 2px; background: #fff; position: absolute; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s}
header .menuBtn .i, header .menuBtn .i:before, header .menuBtn .i:after { width: 20px}
header .menuBtn .i2, header .menuBtn .i2:before, header .menuBtn .i2:after { width: 2px}
header .menuBtn .i, header .menuBtn .i2 { top: 20px}
header .menuBtn .i { left: 5px}
header .menuBtn .i2 { left: 0}
header .menuBtn .i:before, header .menuBtn .i2:before { content: ""; top: -6px; left: 0}
header .menuBtn .i:after, header .menuBtn .i2:after { content: ""; top: 6px; left: 0}
.openMenu header .menuBtn .i2 { left: 45px}
.openMenu header .menuBtn .i, .openMenu header .menuBtn .i:before, .openMenu header .menuBtn .i:after { width: 25px}
.openMenu header .menuBtn .i { left: 90px}
.openMenu header .menuBtn .i:before, .openMenu header .menuBtn .i:after { top: 50%; left: -90px; margin-top: -1px}
.openMenu header .menuBtn .i:before { -ms-transform: rotate(-315deg); -webkit-transform: rotate(-315deg); -o-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg)}
.openMenu header .menuBtn .i:after { -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg)}
header .mainText, header .subText { position: absolute; width: 100%; left: 0}
header .mainText { top: 12px; height: 75px; background-image: url(//www.xinhuanet.com/world/201512dejhlwdh/img/mainText.png); background-position: center top; background-repeat: no-repeat; background-size: auto 52px; z-index: 1}
header .subText { top: 32px; font-size: 14px; color: #c69965; line-height: 11px; text-align: center; z-index: 2}
.aside { position: fixed; width: 100%; height: 100%; padding: 10px; padding-bottom: 100px; border-top: 1px solid #c69965; background: #fff; z-index: 9999; top: 80px; left: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-transition: left 300ms ease-out; -webkit-transition: left 300ms ease-out; -o-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out}
.aside ul { margin-top: 10px}
.aside li { float: left; width: 25%; height: 36px; padding: 0 5px; margin-bottom: 10px; overflow: hidden; background: rgba(237,237,237,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.aside li a { display: block; line-height: 34px; text-align: center; color: #555; font-size: 15px; background: #fff; border: 1px solid #d8d8d8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.nav, .nav a { height: 33px; line-height: 33px}
.nav { display: -moz-box; display: -webkit-box; display: box; background-color: #22227a; text-align: center; width: 100%; font-size: 1.4em; position: relative}
.nav a { color: #fff; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1}
.nav .on { background-color: #d00f31; text-decoration: none; font-weight: bold}
.nav .on { opacity: 1}
.rot { width: 100%; background-color: #ccc; position: relative; overflow: hidden}
.rot .swiper-container { width: 100%; height: 100%; overflow: inherit; text-align: center}
.rot .swiper-slide { text-align: center; font-size: 1.4em; background-color: #000}
.rot .swiper-pagination { position: absolute; text-align: right; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; z-index: 10}
.rot .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 0; background: #fff; opacity: 1}
.rot .swiper-pagination-bullet-active { background: #c69965}
.rot .swiper-container-horizontal>.swiper-pagination { bottom: 27px; width: 98%}
.rot .rotLi .img, .rot .rotLi .img img { width: 100%; height: 100%}
.rot .rotLi .t { position: absolute; bottom: 0; left: 0; width: 100%; height: 23px; line-height: 23px; font-size: 1em; text-align: center; background-color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.rot .rotLi a { color: #c69965}
.textBox .i, .textCol, .bigTitle, .list li, .col .c, .col .e { padding: 0 9px}
.bigTitle, .list li { border-bottom: #eaeaea 1px solid}
.bigTitle { font-size: 19px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.list li, .list li a { font-size: 15px; line-height: 25px}
.list li { padding-top: 10px; padding-bottom: 10px}
.list li img { float: left; margin: 0 10px 0 0; width: 30%}
.col { padding: 9px 0 6px 0; border-bottom: 1px solid #c69965}
.bgBlue { background-color: #22227a}
.bgGray { background-color: #eee; border-top: 1px solid #c69965}
.col, .col a { color: #c69965}
.col .c, .col .e { font-size: 14px; height: 14px; line-height: 14px; font-weight: bold; overflow: hidden}
.col .e { font-family: "Times New Roman"; border-left: 1px solid #c69965}
.textBox { border-bottom: 1px solid #e2e2e2}
.textCol { font-size: 14px; line-height: 24px; border-bottom: 1px solid #e2e2e2; background-color: #eee; padding-top: 6px; padding-bottom: 6px}
.textCol .t { color: #2c3d8b; font-family: Arial; font-weight: bold}
.textCol .d { color: #c69965; margin-left: .6em}
.textBox .i { font-size: 14px; line-height: 24px; padding-top: 10px; padding-bottom: 10px}
.textBox .i:last-child { padding-bottom: 2em}
.ad, .ad img { width: 100%; height: auto; display: block}
.ad:before, .ad:after { content: ''; height: 8px; clear: both; overflow: hidden; display: block; width: 100%; background-color: #fff}
.picBox { width: 98%; display: -moz-box; display: -webkit-box; display: box; margin: 0 auto; padding: 10px 0}
.picBox .p { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; margin: 0 5px}
.picBox2 { width: 98%; display: block; margin: 0 auto; padding: 10px 0}
.picBox2 .p { margin: 0 5px 10px 5px}
.picBox .p .i, .picBox .p .i img { width: 100%; height: auto}
.picBox .p .i { position: absolute; z-index: 1; top: 0; left: 0}
.picBox .p .i img { display: block}
.picBox .p .in { width: 100%; height: 100%; position: relative}
.picBox .p .t, .picBox .p .bg { width: 100%; position: absolute; bottom: 0; left: 0; height: 20px; line-height: 20px}
.picBox .p .t { z-index: 3; font-size: 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.picBox a .t, .picBox .t a, .picBox .p .t { color: #fff}
.picBox .p .bg { z-index: 2; overflow: hidden; background-color: rgba(0,0,0,0.6)}
.picBox .p .btn { position: absolute; top: 50%; left: 50%; width: 5em; height: 5em; margin-top: -3.7em; margin-left: -2.5em; background-image: url(//www.xinhuanet.com/politics/kzsl70/ybzbsj/img/btnPlay.png); background-position: center center; background-size: 100% 100%; z-index: 3}
.QRCode { background-color: #c69965; padding: 20px 0 15px 0; text-align: center}
.QRCode img { width: 35%; height: auto; margin-bottom: 6px}
.QRCode .t { color: #fff; font-size: 16px}
footer { display: block; width: 100%; background-color: #22227a; text-align: center; color: #c69965; font-size: 12px; line-height: 18px; padding: 10px 0}
.noWeight { font-weight: normal}
@media(max-width:320px) { header .mainText { top: 8px; background-size: auto 20px}-width:321px) and (max-width:375px) { header .mainText { top: 8px; background-size: auto 22px}(min-width:376px) and (max-width:414px) { .picBox .p .btn { width: 4.6em; height: 4.6em; margin-top: -3.3em; margin-left: -2.3em}