@charset "utf-8";
.clearfix:after, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, html, input, label, li, ol, p, pre, table, tbody, td, textarea, tfoot, th, thead, tr, ul { margin: 0; padding: 0 }
body { font-family: 'PingFang SC', XHW-pzh, 'Lantinghei SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', '微软雅黑', STHeitiSC-Light, simsun, '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif }
@font-face { font-family: XHW-pzh; src: url(/global/public/text/XHW-pzh.woff2) format('woff2'), url(/global/public/text/XHW-pzh.woff) format('woff'), url(/global/public/text/XHW-pzh.ttf) format('truetype') }
li { list-style-type: none }
a { text-decoration: none; outline: 0; color: #000 }
a:hover { text-decoration: none; color: #ffbc3f!important }
table { border-collapse: collapse; border-spacing: 0 }
iframe, img { border: 0 }
img { vertical-align: top }
.clearfix { display: block }
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0; font-size: 0; display: block; clear: both }
i { font-style: normal }
.domMobile { display: none }
.domPc { display: block }
.content { width: 1200px; height: auto; margin: 0 auto; }
.part { width: 1200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto }

.ej-banner { width: 100%; height: 850px; background:url(//www.news.cn/politics/nhxj/index/images/pcbanenr.jpg) center top no-repeat }
.nav_box { width: 100%;
    height: 70px;
    margin-top: -99px;
}
.nav_list { list-style: none; }
.nav_list li { float: left; font-size: 20px; color: #fff; line-height: 70px; position: relative; }
.nav_list li+li { margin-left: 67px; }
.nav_list li a { color: #fff; }
.language-more { background: url(//www.news.cn/res/xhwimg/world/scosummit2018/images/arrow_down.png) no-repeat 88px 28px; padding-right: 50px; }
.language-more:hover .sub { height: 300px; padding: 15px 0; }
.sub { position: absolute; left: 0; width: 100px; transition: all 0.5s; overflow: hidden; height: 0px; background: #2d4aa7; background: linear-gradient(to top, #2d4aa7 0%, #2d4aa7 100%); z-index: 50; }
.sub a { display: block; text-align: center; font-weight: normal; line-height:30px; font-size:14px; }
.sub a:hover { background-color: rgba(255, 255, 255, 0.5); }
.lib-foot { margin-top: 0!important; background: #112d2c!important; color:#fff !important; }
.ej-list { margin: 50px auto 30px }
.title { position: relative; margin: 0 auto; font-size: 30px; line-height: 1.5; font-weight: 700; color: #3f6e31; border-bottom: 1px solid #ccc }
.title:before { content: ""; display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 5px; width: 6px; height: 30px; background: #3f6e31; }
.explain { margin-left: 10px; margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 1.5; color: #666 }
.explain.hide { display: none }
.list-txt { margin-top: 30px }
.list-txt li { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0 15px 10px; line-height: 26px; border-bottom: 1px dotted #ccc }
.list-txt li .tit { font-size: 18px; color: #333; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1 }
.list-txt li .tit a { color: #333 }
.list-txt li .time { margin-left: 10px; font-size: 14px; color: #999 }
.list-txt li:before { content: ""; margin-right: 10px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #c3871f }
.list-txt li:last-child { border-bottom: 0 }
.list-pic { margin-top: 30px }
.list-pic ul { font-size: 0; width: 1240px }
.list-pic ul li { vertical-align: top; display: inline-block; position: relative; width: 280px; margin-right: 27px; margin-bottom: 15px }
.list-pic ul li .img { position: relative; z-index: 1; width: 100%; height: 157px; overflow: hidden }
.list-pic ul li .img img { width: 100%; height: auto }
.list-pic ul li .tit { padding: 5px 10px; font-size: 18px; line-height: 26px; min-height: 62px; color: #333 }
.list-pic ul li .tit a { color: #333 }
.xpage-more-btn { width: 100px; text-align: center; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #bbb; background: #eee; line-height: 36px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer }
.xhwlogo{ width:126px; height:81px; position:absolute; left:50%; top:21px; margin-left:-706px;}
.hjylogo{ width:351px; height:74px; position:absolute; left:50%; top: 24px;
    margin-left: -504px;}
.fhgw{ width:174px; height:49px; position:absolute; left:50%; top: 40px;
    margin-left: 413px;}
.ht{ width:3px; height:82px; position:absolute; left:50%;     top: 24px;
    margin-left: -544px;}

@media screen and (max-width:1200px) {
body { position: relative; height: auto; max-width: 1242px; margin: 0 auto }
.domMobile { display: block }
.domPc { display: none }
.part { width: 100%; padding: 0 3% }
.ej-banner { width: 100%; height: auto; background: 0 0 }
.ej-banner img { width: 100%; height: auto }
.content { width: 100%; height: auto; margin: 0 auto; }
.mob_box { position: relative; z-index: 2; /* margin-top: -36px; */ width: 100%; height: 36px; background:url(m_dh.png); background-size:100% auto; }
.mob_list { list-style: none; width: 100%; height: 36px; overflow-x: scroll; font-size: 0; white-space: nowrap;     margin-top: -86px; }
.mob_list li { display: inline-block; font-size: 14px; font-weight: bold; color: #fff; line-height: 36px; padding: 0 10px; }
.mob_list li+li { margin-left:0; }
.mob_list li a { color: #fff; }
.mob_list li .color-white { margin-right:20px; }
.lib-foot { padding: 10px 0!important; font-size: 12px!important; line-height: 1.5!important }
.title { font-size: 22px }
.title:before { width: 6px; margin-top: 5px; height: 22px }
.ej-list { margin-top: 45px; margin-bottom: 20px }
.list-txt { margin-top: 10px }
.list-txt li { padding: 10px 0 10px 5px; line-height: 1.5 }
.list-txt li .tit { font-size: 18px }
.list-txt li .time { display: none }
.list-txt li:before { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 12px; margin-right: 10px; width: 6px; height: 6px }
.list-pic { margin-top: 10px }
.list-pic ul { font-size: 0; width: 100% }
.list-pic ul li { vertical-align: top; display: inline-block; position: relative; width: 49%; margin-right: 2%; margin-bottom: 10px }
.list-pic ul li:nth-child(even) { margin-right: 0 }
.list-pic ul li .img { height: auto }
.list-pic ul li .img img { width: 100%; height: auto }
.list-pic ul li .tit { padding: 5px; font-size: 18px; line-height: 1.5; min-height: 54px }
.xpage-more-btn { width: 100px; margin-top: 10px; line-height: 36px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
}