@charset "utf-8";
/* CSS Document */
body { font-family: 'Arial'; }
.domPC { display: block; }
.domMobile { display: none; }
.banner { width: 100%; height: 428px; position: relative; background: url(http://www.xinhuanet.com/english/special/a20170627/images/20170621_SHZZ_ENPCbanner_v1.jpg) center center no-repeat; }
.banner .box { position: relative; }
.logo { position: absolute; top: 50px; left: 50%; margin-left: 440px; z-index: 10; width: 138px; height: 84px; }
.header { width: 1200px; margin: 14px auto; background: url(http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img02_v1.png) left top no-repeat; }
.header ul { height: 105px; padding-left: 250px; overflow: hidden; }
.header li { font-size: 1.25em; line-height: 1.5em; color: #fff; overflow: hidden; margin: 20px 12px 11px 22px; }
.header li a { color: #fff; }
.nav ul { margin: 0 auto; overflow: hidden; }
.nav li { float: left; width: 195px; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 1.125em; margin-right: 5px; }
.nav li a { color: #fff; display: block; text-decoration: none; }
.rightsidebar { position: fixed; width: 110px; top: 74px; right: 20px; z-index: 9900; }
.rightsidebar .dh_xx { width: 110px; background: url(http://www.newsimg.cn/world/zfylszl2017/img/bg_nav.png) center bottom repeat-y; }
.rightsidebar .dh_xx ul { padding-bottom: 54px; }
.rightsidebar .dh_xx li { float: right; width: 110px; height: 50px; line-height: 40px; position: relative; text-align: center; font-size: 16px; color: #fff; }
.rightsidebar .dh_xx li a { color: #000; }
.rightsidebar .dh_xx .on { background: url(http://www.newsimg.cn/shouye/2017lh/zhonglijizhao/images/dh_on.png) no-repeat; color: #fff; }
.rightsidebar .dh_xx .on a { color: #fff; }
.rightsidebar .rightsidebar-top { width: 40px; height: 40px; background: url(http://www.newsimg.cn/shouye/2017lh/zhonglijizhao/images/da_top.png) 0px 0px no-repeat; cursor: pointer; position: absolute; bottom: 3px; left: 34px; }
.zt { width: 1200px; height: 380px; margin: 40px auto 0; overflow: hidden; }
.zt-video { position: relative; float: left; width: 620px; height: 100%; }
.zt-video .img { width: 100%; height: 380px; }
.zt-btn { position: absolute; top: 50%; left: 50%; z-index: 10; width: 66px; height: 66px; margin-top: -33px; margin-left: -33px; background: url(http://www.newsimg.cn/world/zfylszl2017/img/icon_play_btn.png) center center no-repeat; cursor: pointer; }
.zt-txt { float: right; width: 540px; }
.zt dd ul { overflow: hidden; }
.zt dd ul:first-child { padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px dashed #adafb7; }
.zt dd ul li h3 { font-size: 28px; font-weight: normal; padding-bottom: 5px; padding-top: 2px; line-height: 30px; }
.zt dd ul li h3 a { font-size: 22px; line-height: 30px; color: #333; font-weight: bold; }
.zt dd li p { font-size: 16px; line-height: 30px; color: #666; }
.zt dd li p span { color: #d8b05b; }
.zt dd li span a { color: #d8b05b; }
.zt_v2 { overflow: hidden; }
.zt_v2 ul { overflow: hidden; }
.zt_v2 ul li { position: relative; line-height: 34px; }
.zt_v2 ul li i { width: 5px; height: 5px; background: #42a4ea; position: absolute; left: 5px; top: 16px; margin-top: 0px; margin-left: 0px; }
.zt_v2 ul li h3 { font-weight: normal; padding-left: 20px; font-size: 18px; }
.invact { margin-top: 62px; }
.box { width: 1200px; margin: 0 auto; }
.inves { float: left; width: 600px; margin-top: 34px; }
.inves-tit { padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
.inves-cont-img { display: block; float: left; width: 180px; height: 120px; margin-right: 20px; margin-top: 12px; }
.inves-cont-txt, .inves-cont-txt p { font-size: 16px; line-height: 36px; color: #666; }
.interact { float: right; width: 542px; }
.interact-tit { height: 90px; background: url(http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img04_v1.png) right top no-repeat; }
.interact-cont { height: 100%; overflow: hidden; }
.interact-cont-wrap { width: 540px; margin: 20px auto 0; }
.interact-cont-wrap li { padding: 12px 0; border-bottom: 1px dashed #7a88ac; position: relative; }
.interact-cont-wrap li i { width: 5px; height: 5px; background: #42a4ea; position: absolute; left: 5px; top: 23px; margin-top: 0px; margin-left: 0px; }
.interact-cont-wrap li h3 { font-weight: normal; padding-left: 22px; }
.interact-cont-wrap li a { font-size: 18px; }
/*现成图集*/
.xctjbox { width: 1200px; margin: 0 auto; margin-top: 20px; }
.xctjbox .titlebg { background: url("http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img05_v1.png") 0 50% no-repeat; width: 1200px; height: 100px; }
.xctjbox .titlebg a { display: block; width: 100%; height: 100%; }
.zbtj { width: 1200px; margin: 20px auto; overflow: hidden; }
.zbtj h2 { margin: 20px 0; height: 10px; background: url(http://www.newsimg.cn/shouye/2017lh/zhonglijizhao/images/bgline0308.gif) 0 0 repeat-x; }
.foucebox { position: relative; width: 1200px; height: 530px; overflow: hidden; }
.foucebox .bd { position: relative; float: left; width: 940px; height: 530px; overflow: hidden; }
.foucebox .bd img { width: 940px; height: 530px; }
.foucebox .hd { position: relative; width: 240px; float: right; padding-right: 4px; z-index: 1; overflow: auto; }
.foucebox .hd ul { position: relative; width: 240px; overflow: auto; }
.foucebox .hd li { height: 122px; padding-bottom: 14px; overflow: hidden; }
.foucebox .hd img { width: 215px; height: 122px; display: block; }
.foucebox .hd li .bg { z-index: 10; width: 215px; height: 122px; background: #000000; opacity: 0.5; position: absolute; }
.foucebox .hd .on .bg { opacity: 0; }
.foucebox .bd .picBg { background: #000; bottom: 5px; height: 55px; left: 0; opacity: 0.7; position: absolute; width: 90%; z-index: 1; }
.foucebox .bd .picTit { color: #fff; font-size: 22px; line-height: 65px; bottom: 5px; height: 60px; left: 0; position: absolute; width: 90%; z-index: 2; overflow: hidden; padding: 0 5px; text-align: left; text-indent: 1em }
.foucebox .bd .picTit a { color: #fff; font-size: 22px; line-height: 65px; overflow: hidden; text-align: left; }
/*-----  相关报道 20170317  ------*/
.xgbd { margin-top: 60px; }
.xgbd .box { padding: 40px 0; /*height: 330px;*/ background-color: #052063; }
.zygx, .zfhg, .xgbd-tit, .xgbd-cont { float: left; height: 100%; }
.zygx { width: 56%; padding-left: 16px; }
.zfhg { width: 42%; }
.xgbd-tit { position: relative; top: -30px; width: 214px; height: 52px; /*任意数值*/ background-position: center top; background-repeat: no-repeat; }
.zygx-tit { margin-right: 20px; background-image: url("http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img06_v1.png"); }
.zfhg-tit { margin-right: 20px; background-image: url("http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img07_v1.png"); }
.zygx-img_txt img { float: left; display: block; width: 240px; height: 142px; margin-right: 18px; }
.zygx_txt { float: right; width: 400px; height: 130px; overflow: hidden; }
.zygx-list { padding-top: 25px; }
.zygx_txt-tit a { font-size: 18px; line-height: 28px; color: #fff; }
.zygx_txt-abstr { font-size: 14px; line-height: 20px; color: #999; }
.zygx-list a { position: relative; display: block; padding-left: 30px; font-size: 18px; line-height: 36px; color: #fff; }
.zygx-list a:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 10px; height: 10px; background-color: #e0c384; }
.zfhg-cont { width: 100%; }
.zfhg-anchor { position: relative; display: block; width: 450px; height: 270px; margin: 0 auto; }
.zfhg-anchor img { display: block; width: 100%; height: 100%; }
.zfhg-anchor span { position: absolute; left: 30px; bottom: 14px; font-size: 20px; line-height: 24px; color: #fff; }
.footer { background: #fff; height: 55px; padding-top: 20px; border-top: 1px solid #b5b5b5; line-height: 30px; color: #444758; clear: both; margin-top: 40px; text-align: center; font-size: 16px; }
/*二级*/
.lmt { width: 1200px; margin: 0 auto; }
.lmt h2 { width: 100%; padding: 10px 0; background: url(http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img10_v1.png) 120px 68% no-repeat; font-size: 1.4em; margin: 10px 0; }
.listbox { width: 1200px; margin: 0 auto; margin-top: 0px; }
.listbox li { padding: 10px 2% 17px 25px; overflow: hidden; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; position: relative; }
.listbox li i { width: 5px; height: 5px; background: #42a4ea; position: absolute; left: 0px; top: 18px; margin-top: 0px; margin-left: 10px; }
.listbox h3 { width: 80%; font-size: 1.12em; font-weight: normal; float: left; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listbox h3 a { color: rgb(51, 51, 51); }
.listbox .info { padding: 0px; width: 20%; height: 18px; text-align: right; line-height: 18px; float: right; }
.listbox li .time { color: rgb(153, 153, 153); padding-right: 10px; padding-left: 5px; font-size: 12px; }
#moreBtn { padding: 15px 0px; text-align: center; }
#moreBtn span { background: #222126; border-radius: 25px; width: 200px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 18px; display: inline-block; cursor: pointer; }
.morelist { clear: both; margin-top: 20px; width: 1000px; margin: 0 auto; }
.morelist ul { overflow: hidden; }
.morelist li { float: left; width: 310px; height: 228px; overflow: hidden; border: 1px solid #dbd8d8; margin: 0 10px; margin-bottom: 30px; }
.morelist li img { width: 310px; height: 175px; display: block; }
.morelist li p { text-align: center; font-size: 18px; overflow: hidden; padding: 5px 0; }
.morelist li p a { color: #333; }
 @media screen and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.banner { height: auto; background: none; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; }
.nav { width: 100%; background: #052063; height: auto; margin-top: 7px; }
.nav ul { width: 100%; margin: 0 auto; overflow: hidden; }
.nav li { width: 33.3%; height: 40px; line-height: 40px; margin-right: 0; }
.nav li a { color: #fff; display: block; text-decoration: none; }
.header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 98%; height: 68px; padding-left: 113px; margin: 8px auto 0; background: #031d65 url(http://www.xinhuanet.com/world/zfylszl2017/images/20170320_yslzl_img09_v1.png) left center no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; }
.header ul { height: 100%; padding-left: 0; }
.header li { height: auto; padding: 0; margin: 0; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.zt { width: 98%; height: auto; margin: 10px auto 24px; }
.zt-video { width: 100%; height: auto; }
.zt-video img { width: 100%; height: auto; }
.zt-btn { width: 50px; height: 50px; margin: 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.zt-txt { width: 100%; margin-right: 0; }
.zt dd { margin-top: 0px; }
.zt dd ul:first-child { padding-bottom: 10px; margin-bottom: 10px; }
.zt dd li { float: none; width: 98%; margin: 0 auto; padding: 3% 0; border-top: 1px dashed #a9a9a9; border-right: none; border: none; }
.zt dd ul li h3 { padding: 0; padding-bottom: 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; font-size: inherit; line-height: 100%; }
.zt dd ul li h3 a { font-size: 18px; line-height: 20px; }
.zt dd li p { line-height: 26px; }
.box { width: 98%; margin: 0 auto; }
.inves, .interact { float: none; width: 100%; }
.inves-tit { padding-bottom: 3px; margin-bottom: 14px; }
.inves-tit img { display: block; width: auto; height: 30px; }
.interact-tit { height: 60px; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.interact-cont-wrap { width: 100%; height: auto; overflow: hidden; }
.xctjbox { width: 100%; margin: 0 auto; margin-top: 20px; }
.xctjbox .titlebg { margin-bottom: 12px; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 70%; width: 96%; margin: 0 auto; height: 70px; }
.xctjbox .titlebg a { height: 65px; }
.cxtj-swiper { height: 225px; height: 61.25vw; }
.cxtj-swiper-cont { position: relative; width: 98%; height: 100%; margin: 0 auto; }
.cxtj-swiper-cont img { display: block; width: 100%; height: 100%; }
.cxtj-swiper-cont .text { position: absolute; left: 0; bottom: 6px; padding: 0 14px; font-size: 16px; line-height: 26px; color: #fff; background-color: rgba(0, 0, 0, 0.5); }
.zfhg-anchor { width: 100%; height: auto; }
.zygx, .zfhg { float: none; width: 100%; }
.zygx { padding: 0; width: 90%; margin: 0 auto; }
.zygx-list { padding-top: 5px; }
.zygx-img_txt img { width: 117px; height: 74px; margin-right: 19px; }
.zygx_txt { height: auto; width: auto; float: none; display: inline; }
.zygx-list a { padding-left: 20px; font-size: 14px; }
.zygx-list a:before { top: 12px; }
.xgbd-tit { top: auto; margin-bottom: 15px; }
.zfhg { width: 90%; margin: 0 auto; }
.zfhg-anchor span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; left: 0; bottom: 0; height: 30%; text-align: center; background-image: -moz-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.footer { background-color: #5e5e5e; color: #fff; height: auto; line-height: 24px; padding: 10px 0; margin-top: 10px; }
.xgbd { margin-top: 30px; }
.invact { margin-top: 20px; }
/*二级*/
.lmt { width: 100% }
.listbox { width: 100%; margin-top: 20px; }
.listbox h3 { width: 98%; }
.listbox li .time { display: none; }
.morelist { width: 100%; margin-top: 20px; margin: 0 auto; }
.morelist li { width: 96%; height: auto; margin: 0 auto 15px; float: none; }
.morelist li img { width: 100%; height: auto; }
}