.txtoh { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
iframe { display: block; width: 100%; }
a:hover { color: inherit; -webkit-touch-callout: none; }
body { font-family: "微软雅黑", "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, "PingFang SC", "Lantinghei SC", "Helvetica Neue", "Helvetica, Arial", "STHeitiSC-Light", "simsun", "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif"; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height: auto; }
.domPc { display: block; }
.domMobile { display: none; }

@media all and (max-width: 768px) {
.domPc { display: none !important; }
.domMobile { display: block; }
}
.hide { display: none; }
html body .hide { display: none; }
.noEvt { pointer-events: none; }
.box { width: 1000px; margin: 0 auto; }
.container { padding-bottom: 32px; }
.nav { height: 62px; background-color: #305798; background-color: rgba(48, 87, 152, 0.8); }
.nav .box { position: relative; font-size: 0; line-height: 62px; }
.nav .box:after { content: ""; position: absolute; display: block; top: 0; right: -356px; width: 300px; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url("//www.news.cn/res/xhwimg/world/brics2017/bg_nav_pc.png"); }
.nav a, .nav .nav-xyz-wrap { display: inline-block; margin-left: 45px; vertical-align: middle; font-size: 20px; color: #fff; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
.nav a:first-child { margin-left: 0; }
.nav .nav-xyz-wrap { position: relative; margin-left: 42px; font-size: 0; }
.nav a:hover { color: #ffd71c; }
.nav-xyz { position: relative; }
.nav-xyz:after { content: ""; position: absolute; display: block; left: 28px; bottom: 5px; width: 14px; height: 7px; background-image: url("//www.news.cn/res/xhwimg/world/brics2017/pc_nav_arr_down.png"); background-repeat: no-repeat; background-position: center center; margin-top: -7px; margin-left: -3.5px; }
.sub-nav .sub-nav-wrap { position: absolute; right: -6px; z-index: 10; width: 66px; padding: 0 10px; background-color: #305798; background-color: rgba(48, 87, 152, 0.8); display: none; }
.sub-nav a { display: block; height: 36px; margin: 0; line-height: 36px; font-size: 14px; text-align: center; color: #fff; }
.nav-on { background-color: #d65b2f; }

@media screen and (max-width: 768px) {
.box { width: 96%; margin: 0 auto; }
.banner .box { height: auto; }
.nav { height: auto; overflow-x: auto; background-color: #75a5e1; }
.nav .box { width: 100%; /* display: flex;
			justify-content: center;
			align-items:center; */ font-size: 0; white-space: nowrap; line-height: inherit; }
.nav a { padding: 0.25rem 0.22rem; margin-left: 0; font-size: 0.36111111rem; line-height: 100%; color: #fff; }
.nav .box:after { display: none; }
.nav-on-m { background-color: #d65b2f; }
.nav .nav-xyz-wrap { margin-left: 0; }
.nav-xyz:after { display: none; }
.sub-nav { display: inline-block; white-space: nowrap; vertical-align: middle; }
.sub-nav .sub-nav-wrap { position: static; display: inline-block; font-size: 0.36111111rem; background: none; white-space: nowrap; font-size: 0; }
.sub-nav .sub-nav-wrap a { display: inline-block; height: auto; }
.foot { font-size: 0; height: 2.44444444rem; line-height: 2.44444444rem; background-color: #004ea1; background-color: rgba(0, 78, 161, 0.3); vertical-align: middle; }
.foot-box { display: inline-block; width: 100%; padding-top: 0; vertical-align: middle; font-size: 12px; line-height: 14px; text-align: center; color: #fff; }
html { background: none; }
}
.box { width: 96%; margin: 0 auto; }
.headline-tit { width: 96%; margin: 0 auto; padding: 0.25rem 0; }
.headline-tit, .headline-tit a { font-size: 0.6rem; line-height: 1rem; color: #164bb5; text-align: center; font-weight: bold; }
.headline-swiper-box { width: 100%; margin-top:20px; }
.headline-swiper { position: relative; width: 10rem; height: 6rem; margin: 0 auto; }
.headline-swiper .swiper-wrapper, .headline-swiper .swiper-slide { height: 100%; }
.headline-swiper .swiper-slide a, .headline-swiper .swiper-slide img { display: block; width: 100%; height: 100%; }
.headline-swiper .swiper-slide span { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; padding: 0 6px; background-color: rgba(47,113,183, 0.5); font-size: 16px; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.headline-swiper .swiper-slide span a { color:#fff; }
.headline-swiper .pagination { position: absolute; left: inherit; right: 0.13888889rem; bottom: 10px; z-index: 20; width: 72px; font-size: 0; line-height: 0; text-align: center; }
.headline-swiper .pagination span { display: inline-block; width: 8px; height: 8px; background-color: #b9b9b9; margin: 0 2px !important; }
.headline-swiper .pagination .swiper-active-switch { background-color: #930001; }
.headline-txt { width: 1000px; width: 96%; margin: 0 auto; }
.headline-txt ul { font-size: 0; line-height: 100%; margin-top: 15px; }
.headline-txt li { position: relative; padding-left: 0.5rem; line-height: 0.83333333rem; margin-top:0.2rem; }
.headline-txt li:before { content: ""; position: absolute; display: block; top: 0.4rem; left: 0; width: 6px; height: 6px; background-color: #305798; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(0, -2px); -moz-transform: translate(0, -2px); -ms-transform: translate(0, -2px); transform: translate(0, -2px); }
.headline-txt a { display: inline-block; vertical-align: middle; font-size: 0.42rem; line-height: 0.55555556rem; color: #333; }
.headline-txt a + a { margin-left: 6px; }
.blocktit { display: block; height: 1.66666667rem; background-position: center 60%; background-repeat: no-repeat; -webkit-background-size: auto 1.02777778rem; -moz-background-size: auto 1.02777778rem; background-size: auto 1.02777778rem; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
.footer { padding: 25px 0 25px 0; background: #2d4aa7; text-align: center;}
.footer p { line-height: 30px; font-size: 12px; color: #fff; }
.mNavCon { width: 100%; overflow: auto; height: 36px; line-height: 20px; background: #2d4aa7; }
.mNavCon .mNavList { white-space: nowrap; height: 36px; overflow-x: auto; overflow-y: hidden; }
.mNavCon a { display: inline-block; white-space: nowrap; padding: 0 10px; color: #fff; font-size: 16px; font-weight: bold; }
.mNavCon a.on { background-color: #d65b2f; }
.jj_box { width: 100%; height: auto;  background-size: contain; }
.bag_bj01 { width: 100%; height: auto; }
/*热点透视*/
.dh_box { width: 100%; height: auto; margin-top: 15px; }
.dh_box img { width: 100%; height: auto; }
.rdts_box { width: 96%; height: auto; margin: 0 auto; }
.rdts_box img { float: left; width: 48%; height: auto; padding-right: 2%; }
.rdts_box p { font-size: 0.5rem; color: #035899; line-height: 0.8rem; }
.rdts_box p a { color: #035899; font-weight: bold; }
/*独家策划*/
.djch_box { width: 96%; height: auto; margin: 0 auto; }
.djch_nr { width: 100%; height: 100%; overflow: hidden; margin-bottom: 1.5%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03599a+0,0a6298+26,0f6b97+40,1a7b95+56,1e8194+61,1e8194+61,1e8194+64,1e8194+64,1e8194+69,1e8194+69,1e8194+72,248894+78,248894+78,248894+79,248894+79,248894+80,248894+80,288e92+87,2a9192+91,2c9592+100 */ background: #03599a; /* Old browsers */ background: -moz-linear-gradient(-45deg, #03599a 0%, #0a6298 26%, #0f6b97 40%, #1a7b95 56%, #1e8194 61%, #1e8194 61%, #1e8194 64%, #1e8194 64%, #1e8194 69%, #1e8194 69%, #1e8194 72%, #248894 78%, #248894 78%, #248894 79%, #248894 79%, #248894 80%, #248894 80%, #288e92 87%, #2a9192 91%, #2c9592 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #03599a 0%, #0a6298 26%, #0f6b97 40%, #1a7b95 56%, #1e8194 61%, #1e8194 61%, #1e8194 64%, #1e8194 64%, #1e8194 69%, #1e8194 69%, #1e8194 72%, #248894 78%, #248894 78%, #248894 79%, #248894 79%, #248894 80%, #248894 80%, #288e92 87%, #2a9192 91%, #2c9592 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #03599a 0%, #0a6298 26%, #0f6b97 40%, #1a7b95 56%, #1e8194 61%, #1e8194 61%, #1e8194 64%, #1e8194 64%, #1e8194 69%, #1e8194 69%, #1e8194 72%, #248894 78%, #248894 78%, #248894 79%, #248894 79%, #248894 80%, #248894 80%, #288e92 87%, #2a9192 91%, #2c9592 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03599a', endColorstr='#2c9592', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.djch_box .title { width: 46%; height: 140px; font-size: 0.5rem; color: #fff; line-height: 0.8rem; text-align: center; padding: 4% 2%; overflow: hidden; }
.djch_box .title a { color: #fff; }
.djch_box .img { width: 50%; height: auto; }
.djch_box .img img { width: 100%; height: auto; }
/*精彩视频*/
.bag_bj02 { width: 100%; height: auto;  background-size: 100%; }
.bag_bj02 .big_img { width: 96%; height: auto; position: relative; margin: 0 auto; }
.bag_bj02 .big_img img { width: 100%; height: auto; }
.bag_bj02 .title { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; padding: 0 6px; background-color: rgba(47,113,183, 0.5); font-size: 16px; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 12%; }
.bag_bj02 .title a { color: #fff; }
.bag_bj02 .player { position: absolute; left: 0; bottom: 0; width: 10%; height: auto; z-index: 50; }
.bag_bj02 .player img { width: 100%; height: auto; }
.bag_bj02 .small_list { list-style: none; width: 96%; height: auto; margin: 0 auto; padding-top: 5%; padding-bottom: 2%; overflow: hidden; }
.bag_bj02 .small_list li { float: left; width: 49%; height: auto; position: relative; }
.bag_bj02 .small_list li img { width: 100%; height: auto; }
.bag_bj02 .small_list li + li { margin-left: 2%; }
/*高清大图*/
.gqdt_box { width: 100%; height: auto; margin: 0 auto; }
.gqdt_swiper.swiper-container { width: 100%; height: auto; margin-top:20px;}
.gqdt_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; line-height: auto; position: relative; }
.gqdt_swiper .swiper-slide img { display: block; width: 100%; height: 100%; }
.gqdt_swiper .swiper-slide span { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; padding: 0 6px; background-color: rgba(47,113,183, 0.5); font-size: 16px; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:15%; }
.gqdt_swiper .swiper-slide span a { color:#fff; }
.gqdt_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { font-size: 0.38rem; left: 85%; z-index: 50; width: 15%; bottom: 1%; color: #fff; }
/*背景资料*/
.bjzl_list { width: 75%; height: auto; margin: 0 auto; }
.bjzl_list li { width: 100%; height: auto; margin-bottom: 5%; }
.bjzl_list li img { width: 100%; height: auto; }

.ssjb{ background:url(//www.xinhuanet.com/world/ciie2018/mobile/images/ssbj.jpg); width:96%; height:auto; background-size:100% auto; margin:auto; }
.ssjb .nr{ width:100%; margin:auto; }
.ssjb .nr ul{ width:100%;  }
.ssjb .nr li{    background:url(//www.xinhuanet.com/world/ciie2018/index/images/3_11.png) 32px 11px no-repeat; padding-left:97px; }
.ssjb .nr li h2{font-size:18px; color:#404040; }
.ssjb .nr li h2 a{color:#404040; }
.ssjb .nr li h2 span{ font-size:24px; color:#1b4d9d;}
.ssjb .nr li h2 span a{color:#1b4d9d; }

.ssjb .hgd{ margin-top:20px;}
.headline-txt1 {  width: 96%; margin: 0 auto; margin-bottom:10px; }
.headline-txt1 ul { font-size: 0; line-height: 100%; margin-top: 15px; }
.headline-txt1 li { position: relative;
   
    line-height: 0.83333333rem;
    margin-top: 0.2rem;
    width: 45%;
    float: left;
    margin-left: 3.5%; text-align: center;}

.headline-txt1 a { display: inline-block; vertical-align: middle; font-size: 0.42rem; line-height: 0.55555556rem; color: #333; }
.headline-txt1 a + a { margin-left: 6px; }