@charset "utf-8";
/* CSS Document */
/**
 * @Author: LHR
 * @Date:   2017-05-05-00:00:00
 * @Last modified by:   LHR
 * @Last modified time: 2017-05-05-00:49:27
 * @License: MIT
 * @Copyright: Copyright (c) Xinhuanet Inc. All rights reserved.
 */
/*通用样式*/
body { font-family: Arial; /*font-family:Georgia;*/ }
.domPC { display: block; }
.domMobile { display: none; }
.hide { display: none; }
.box { width: 100%; margin: 0 auto; overflow: hidden; }
.list li { line-height: 26px; font-size: 18px; padding-left: 15px; padding-bottom: 9px; position: relative; }
.list li:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 2.5px; background-color: #3ec3a8; overflow: hidden; position: absolute; top: 12px; left: 0; margin-top: -3px; }
.list li a { overflow: hidden; }
.bigTitle, .bigTitle a { font-size: 21px; line-height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.titleBox { padding: 0 0 12px 4px; margin-bottom: 12px; border-bottom: #a8a8a8 1px dashed; }
.abs { color: #004ea1; font-size: 15px; line-height: 24px; height: 72px; overflow: hidden; }
.col .more, .col .more a, .col a .more { font-size: 14px; color: #71869e; line-height: 38px; }
.col .more { position: absolute; top: 0; width: 50px; right: 0; display: block; text-align: right; }
.arrow-left, .arrow-right { position : absolute; right : 10px; top : 50%; margin-top: -25px; width : 17px; height : 30px; z-index : 5; transition: none; }
.arrow-left { left: 10px; }
.arrow-left:active { transform: translateX(-3px); }
.arrow-right:active { transform: translateX(3px); }
.arrow-left:before, .arrow-right:before { content : ''; display : block; background-image : url("http://www.xinhuanet.com/world/2016G20/img/arrows.png"); background-repeat: no-repeat; position : absolute; top : 0; width : 17px; height : 30px; z-index : 2; }
.arrow-left:before { left : 0; background-position: 0 top; }
.arrow-right:before { right : 0; background-position: 0 bottom; }
.arrow-left:after, .arrow-right:after { content : ''; display : block; width : 17px; height : 30px; padding : 20px 10px; position : absolute; top : 50%; left : 50%; margin-top : -35px; margin-left : -19.5px; border-radius: 8px; border : 1px transparent solid; z-index : 1; }
.arrow-left:after { border-top-left-radius : 0; border-bottom-left-radius: 0; }
.arrow-right:after { border-top-right-radius : 0; border-bottom-right-radius: 0; }
.arrow-left:hover:after, .arrow-right:hover:after { border-color: #FFF; background : url("http://www.xinhuanet.com/world/2016G20/img/titleBg.png"); }
.arrow-left:active:after, .arrow-right:active:after { border-width: 2px; border-color: #FFF; background : url("http://www.xinhuanet.com/world/2016G20/img/titleBg2.png"); }
.pic, .pic img { height: 238px; }
.pic { position : relative; margin-bottom: 12px; }
.pic img { width: 100%; }
.pic:after { content : ''; display : block; position : absolute; bottom : 0; left : 0; background: url("http://www.xinhuanet.com/world/2016G20/img/titleBg.png"); z-index : 4; width : 100%; height : 42px; }
.pic:hover:after { background: url("http://www.xinhuanet.com/world/2016G20/img/titleBg2.png"); }
.pic .name { display : block; color : #fff; width : 94%; line-height : 42px; font-size : 16px; overflow : hidden; text-overflow: ellipsis; white-space : nowrap; position : absolute; bottom : 0; left : 50%; margin-left : -47%; z-index : 5; }
.pic .name a { color: #FFFFFF; }
/*顶部导航*/
.top { text-align: center; background-color: #000; height: 40px; }
.top a { height: 40px; line-height: 40px; color: #FFF; margin: 0 10px; font-size: 12px; }
/*banner区*/
.banner { background: url(http://www.xinhuanet.com/english/special/201705ydylforum/images/EN_PC_EJbanner_v1.jpg) 50% 0 no-repeat; height: 288px; position: relative; overflow: hidden; }
.banner-xinhuanet-logo { position: absolute; z-index: 15; top: 13px; left: 50%; margin-left: -535px; }
.banner-main-title { width: 830px; height: 150px; position: absolute; z-index: 14; top: 65px; left: 50%; margin-left: -400px; background: url(http://www.xinhuanet.com/english/special/201705ydylforum/images/EN_PC_logo01_v1.png) 50% 0 no-repeat; overflow: hidden; }
/*专题导航*/
.nav, .nav-bg, .nav-item { height: 61px; line-height: 61px; }
.nav-bg { background: url(http://www.xinhuanet.com/english/special/201705ydylforum/images/EN_PC_nav01_v1.png) 50% 0 no-repeat; width: 100%; margin: 0 auto; position: absolute; z-index: 16; top: 227px; margin: 0 auto; }
.nav { width: 1000px; margin: 0 auto; position: relative; z-index: 2; }
.nav-item { text-align: center; cursor: pointer; vertical-align: top; width:141px;float: left;}
.nav-item, .nav-item a { font-size: 24px; color: #FFF; text-decoration: none; }
.nav-item a, .nav-item li { padding: 0 20px; }
.nav-item:hover { background: #115692; }
.nav-item:hover a { color: #ffc600; }
.nav-bg .slect { border: none; outline: none; font-weight: bold; cursor: pointer; width: 90px; height: 28px; background: #185da7; position: absolute; top: 16px; left: 50%; font-size: 15px; padding-left: 5px; border-radius: 17px; margin-left: 540px; color: #fff; }
.content { width: 1000px; margin: 20px auto; }
.content h2 { color: #134682; font-size: 36px; font-weight: normal; height: 50px; line-height: 50px; cursor: pointer; border-bottom: 1px solid #134682; margin-bottom: 20px; }
#autoData li { padding: 10px 0 17px 0; border-bottom: 1px solid #ededed; overflow: hidden; position: relative; display: none; }
#autoData h3 { font-size: 1.125em; font-weight: normal; float: left; width: 91%; }
#autoData h3 a { color: #323232; }
#autoData span { float: right; color: #ccc; font-weight: normal; font-size: 14px; }
#moreBtn { text-align: center; padding: 15px 0; }
#moreBtn span { display: inline-block; height: 35px; line-height: 35px; font-size: 18px; width: 200px; border-radius: 25px; text-align: center; background: #256b9c; cursor: pointer; color: #fff; }
.footer { background: #004ea1; padding: 60px 0; text-align: center; font-size: 20px; color: #fff; }
.nav2 { width: 92%; height: 36px; margin: 0px auto 0; padding: 0px 4% 0px; background: #ececec; }
.nav2 .swiper-slide { text-align: center; color: #fff; width: auto; padding: 0px 3%; font-size: 1em; 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; }
.nav2 .on, .nav .on a { color: #da2222;/* background: #da2222; */ }
.nav2 .swiper-slide a { color: #333; }
.nav2 .navzz { background: url(http://www.newsimg.cn/politics/2017lh/ej0220/img/20170216_LHFT_navzz_v1.png) 27% 0 no-repeat; position: absolute; right: 0; top: 0; width: 27px; height: 36px; z-index: 9; }
.backtotop { position: absolute; position: fixed; right: 13px; bottom: 50px; z-index: 10; width: 40px; height: 30px; border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f6f6f6; overflow: hidden; cursor: pointer; display: none; }
.backtotop:after { content: ""; display: block; width: 0; margin: 2px auto 0; border-left: 6px solid #f6f6f6; border-right: 6px solid #f6f6f6; border-top: 8px solid #f6f6f6; border-bottom: 8px solid #007bff; }
 @media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.banner { background: none; height: auto; }
.banner img { width: 100%; height: auto; }
.content { width: 100%; margin: 10px auto; }
.content h2 { padding-left: 10px; }
#autoData { width: 96%; margin: 0 auto; }
#autoData h3 { width: 100%; }
#autoData li { padding: 10px 0 10px 0; }
#autoData span { font-size: 12px; }
.footer { padding: 30px 0; font-size: 14px; }
/*手机导航*/
#mobileHeader { width: 100%; background: #004ea1; position: relative; }
#mobileHeader .name { display: block; text-align: center; width: 100%; height: 45px; line-height: 45px; font-size: 1em; color: #fff; overflow: hidden; }
#mobileHeader .name a { color: #fff; }
#mobileHeader .right { display: block; width: 5%; height: 50%; position: absolute; top: 26%; right: 10px; }
#mobileHeader .right img { width: 100%; height: auto; display: block; }
#mobileHeader .mobileNavList { width: 100%; height: 0px; overflow: hidden; position: absolute; top: 45px; left: 0px; background: #5d9cf9; z-index: 10; }
#mobileHeader .mobileNavList a { float: left; width: 25%; padding: 10px 0; color: #fff; text-align: center; font-size: 14px; }
#mobileHeader .phnav { text-align: center; padding-bottom: 6px; }
#mobileHeader .phnav a { float: left; width: 25%; height: 30px; line-height: 35px; text-align: center; font-size: 16px; color: #333; }
}
 @media screen and (min-width:0px) and (max-width: 320px) {
#mobileHeader .name { font-size: 14px; }
#mobileHeader .mobileNavList a { padding: 8px 0; font-size: 12px; }
}