@charset "utf-8";

/* CSS Document */

/* html,body{width:100%;height:100%;}
*/

body { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; background: #fff; padding-top: 45px; }
.container { width: 1200px; min-width: 1200px; margin-left: auto; margin-right: auto; }
.min-1200 { width: 100%; min-width: 1200px; }
img { max-width: 100%; }
.mb60 { margin-bottom: 60px; }

/* ------------------------------首页------------------------------- */

/*手机导航*/
#mobileHeader { width: 100%; line-height: 0; background: #eee url('//www.news.cn/world/2015/images/bgSjTop.png') no-repeat 0 0;/*-webkit-background-size:100% 45px;background-size:100% 45px;*/ position: relative; z-index: 9999; height: 60px; }
#mobileHeader .logo { display: block; width: 66px; height: 50px; background: url('//www.news.cn/world/2015/images/xh_mobile_header.png') no-repeat 0 0; -webkit-background-size: 66px; background-size: 66px; position: absolute; top: 3px; left: 15px; }
#mobileHeader .name { display: inline-block;/* width:5rem;height:.8rem;*/ line-height: 60px; font-size: 24px; color: #fff; padding-left: 105px;/*vertical-align:top;margin:0 0 0 1.5rem;background:url('//www.news.cn/world/2015/images/xh_mobile_header.png') 0 -160px no-repeat;-webkit-background-size:57px;background-size:57px;*/ overflow: hidden; }
#mobileHeader .name a { color: #fff; }
#mobileHeader .right { display: block; width: 38px; height: 34px; position: absolute; top: 15px; right: 15px; background-image: url('//www.news.cn/world/2015/images/xh_mobile_header.png'); background-position: -78px -120px; }
#mobileHeader .mobileNavList { width: 100%; height: 0; overflow: hidden; position: absolute; top: 60px; left: 0; background: #ededed; z-index: 10; }
#mobileHeader .mobileNavList a { float: left; width: 20%; padding: .2rem 0; color: #000; text-align: center; font-size: .32rem; }
#mobileHeader .phnav { text-align: center; padding-bottom: .12rem; }
#mobileHeader .phnav li { float: left; width: 25%; height: .8rem; line-height: .85rem; text-align: center; font-size: .32rem; color: #333; }
#mobileHeader .phnav a { color: #333; }
#mobileHeader { display: none; }
#page-mb-header { display: none; }

/*网站导航*/
.top-bar { height: 45px; text-align: center; border-bottom: 1px solid #ccc; color: #cccccc; width: 100%; position: fixed; _position: absolute; z-index: 1040; top: 0; left: 0; background-color: #fff; box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2); overflow: hidden; }
.top-bar .menu { width: 1200px; overflow: hidden; margin: 0 auto; }
.top-bar .home-site-link { font-style: normal; font-weight: 700; }
.top-bar li::after { content: "|"; color: #d5d5d5; }
.top-bar li:first-of-type::after { content: " "; padding-right: 15px; }
.top-bar li:last-of-type::after { content: " "; }
.top-bar .item { line-height: 45px; font-size: 14px; }
.top-bar .item a { padding: 0 8px; }
.top-bar .home-site-link { color: black; }
.top-bar a { color: #1a1a1a; }
.top-bar .loading { display: block; text-align: center; height: 32px; line-height: 32px; font-size: 12px; background-color: #f5f5f5; }

/*footer*/
.domPC, .domMobile { display: none; }
.domPC { display: block; }
#bottomBody { background: #f9f7f4; }
.adBottom { background: #f9f7f4; padding: 20px 0; }
.footer { padding: 66px 0 50px; background: #525ba3; text-align: center; color: #fff;	/*border-top: #df0045 solid 5px;*/ }
.footer p { line-height: 2; }
.f_logo { margin-bottom: 30px; }

/*RTools*/
.RTools { position: fixed; _position: absolute; right: 10px; bottom: 130px; width: 60px; z-index: 10000; display: none; }
.RTools .qrcode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px 0; border: 1px solid #ccc; background-color: #f7f7f7 !important; right: 0; bottom: 70px; position: absolute; }
.RTools .qrcode canvas { width: 100%; height: auto; }
.RTools .qrcode:hover::after { content: '扫描分享'; width: 100%; margin: 5px auto 0; color: #333; font-size: 20px; display: block; text-align: center; }
.RTools .qrcode:hover { transform: translate(0, 0); animation: change 1s; -moz-animation: change 1s; -webkit-animation: change 1s; -mozanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; overflow: hidden; width: 100%; }
@keyframes change {
	from { width: 48px; height: 48px; opacity: 1; }
	to { width: 268px; height: 310px; opacity: 1; }
}
.RTools .gototop { width: 60px; height: 60px; cursor: pointer; background: #525ba3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%; transition: .3s; opacity: 0; filter: alpha(opacity=0); }
.show { display: block; }

/* -------------------新闻列表页----------------------- */

/* PC */
.phd-inside { height: 880px; }

/* 头部 */
.header { position: absolute; left: 0; right: 0; top: 45px; height: 110px; background: url('../img/header_bg.png') center top repeat-x; border-bottom: 1px solid #8b8a89; }
.logo_01 { margin-top: 37px; }
.logo_02 { margin-top: 35px; margin-left: 60px; }
.nav { margin-top: 34px; }
.nav li { float: left; margin-left: 40px; }
.nav li:first-child { margin-left: 137px; }
.nav li a { display: block; height: 44px; line-height: 44px; font-size: 18px; color: #fff; }
.nav li a.on, .nav li a:hover { font-weight: bold; border-bottom: 4px solid #fff; }
#xhsearch { position: relative; margin-top: 36px; margin-right: 0px; }
#xhsearch .form { width: 209px; height: 38px; background: none; border: 1px solid #aaacad; border-radius: 38px; }
#xhsearch .submitBtn { width: 42px; height: 38px; position: absolute; z-index: 1; top: 0; right: 0px; left: auto; cursor: pointer; }
#xhsearch .iconSearchBtn { background: url('../img/icon_search.png') center center no-repeat; }
#xhsearch input { display: block; width: 152px; padding-left: 18px; height: 38px; line-height: 38px\9; font-size: 14px; color: #fff; border: 0px; background: none; position: absolute; top: 0px; left: 5px; }
#xhsearch input::-webkit-input-placeholder { color: #a09f9e; }
#xhsearch input:-moz-placeholder { color: #a09f9e; }
#xhsearch input::-moz-placeholder { color: #a09f9e; }
#xhsearch input:-ms-input-placeholder { color: #a09f9e; }
.news-bream { background: #525ba3; height: 65px; line-height: 65px; }
.news-bream .span-title { width: 186px; height: 72px; padding-top: 4px; margin-top: -11px; line-height: 72px; color: #fff; font-size: 28px; background: url('../img/bg_04.png') center center no-repeat; text-align: center; }
.news-bream .span-return { font-size: 18px; color: #e8eaea; }
.news-bream .span-return a { color: #e8eaea; }
.news-bream .span-return:hover a { color: #fff; }
.news-list-ul1 { margin: 33px auto 83px; }
.news-list-ul1 li { font-size: 14px; line-height: 24px; color: #999; padding: 26px 0 19px; border-bottom: 1px dashed #d8d8d8; }
.news-list-ul1 li .span-title { font-size: 20px; color: #4c4c4c; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-ul1 li .span-title a { color: #4c4c4c; }
.news-list-ul1 li .span-title a:hover { color: #525ba3; }
.news-list-ul1 li .span-detail { height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* MOBILE */
@media screen and (max-width:767px) {
	body { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;/* background:url('//www.news.cn/res/xhwimg/tech/5gsd2018/img/b-bg1.jpg') center bottom no-repeat #fff;*/ margin: 0 auto; width: 640px; position: relative; }
	.container { width: 600px; min-width: 600px; margin-left: auto; margin-right: auto; }
	.min-1200 { width: 100%; min-width: 100%; }
	#mobileHeader { display: block; }
	#page-mb-header { display: block; }
	#page-pc-header { display: none; }
	#top-bar { display: none; }

	/*top-bar*/
	body { padding-top: 0; }
	.phd-inside { height: 880px; }

	/*footer*/
	.domPC, .domMobile { display: none; }
	.domPC { display: block; }
	#bottomBody { background: #f9f7f4; }
	.adBottom { background: #f9f7f4; padding: 20px 0; }
	.footer { padding: 66px 0 50px; background: #525ba3; text-align: center; color: #fff;	/*border-top: #df0045 solid 5px;*/ }
	.footer p { line-height: 2; }
	.f_logo { margin-bottom: 30px; text-align: center; }
	.f_logo img { display: inline-block; }

	/* 头部 */
	.header { position: absolute; left: 0; right: 0; top: 60px; height: auto; background: url('../img/header_bg.png') center top repeat-x; border-bottom: 1px solid #8b8a89; }
	.logo_01 { margin-top: 37px; }
	.logo_02 { margin-top: 35px; margin-left: 60px; }
	.nav { margin-top: 25px; }
	.nav li { float: left; margin-left: 40px; }
	.nav li:first-child { margin-left: 0; }
	.nav li a { display: block; height: 54px; line-height: 54px; font-size: 24px; color: #fff; }
	.nav li a.on { font-weight: bold; border-bottom: 4px solid #fff; }
	#xhsearch { position: absolute; right: 20px; margin-top: 32px; }
	#xhsearch .form { width: 190px; height: 48px; background: none; border: 1px solid #aaacad; border-radius: 48px; }
	#xhsearch .submitBtn { width: 42px; height: 48px; position: absolute; z-index: 1; top: 0; right: 0px; left: auto; cursor: pointer; }
	#xhsearch .iconSearchBtn { background: url('../img/icon_search.png') center center no-repeat; }
	#xhsearch input { display: block; width: 152px; padding-left: 18px; height: 48px; line-height: 48px\9; font-size: 18px; color: #fff; border: 0px; background: none; position: absolute; top: 0px; left: 5px; }
	#xhsearch input::-webkit-input-placeholder { color: #a09f9e; }
	#xhsearch input:-moz-placeholder { color: #a09f9e; }
	#xhsearch input::-moz-placeholder { color: #a09f9e; }
	#xhsearch input:-ms-input-placeholder { color: #a09f9e; }

	/* 底部 */
	.footer { padding: 30px 0 25px; background: #525ba3; text-align: center; color: #fff; font-size: 18px; }
	.footer p { line-height: 2; }
	.f_logo { text-align: center; margin-bottom: 30px; }
	.f_logo img { display: inline-block; }
	.RTools .qrcode { display: none; }
	.news-list-ul { margin-left: -10px; margin-right: -10px; }
	.news-list-ul li { width: 50%; margin-top: 30px; }
	.news-list-ul li .div1 { margin-left: 10px; margin-right: 10px; }
	.news-list-ul .div1 .span-title { font-size: 20px; max-height: 90px; overflow: hidden; margin-top: 15px; line-height: 30px; }
	.news-list-ul .div1 .span-title a { font-size: 18px; color: #404040; }
	.news-list-ul .div1 .span-title a:hover { color: #237be8; }
	.news-list-ul .div1 .span-date { font-size: 16px; color: #999; line-height: 30px; }

	/* 文字列表 */
	.news-bream { background: #525ba3; height: 65px; line-height: 65px; }
	.news-bream .span-title { width: 186px; height: 72px; padding-top: 4px; margin-top: -11px; line-height: 72px; color: #fff; font-size: 28px; background: url('../img/bg_04.png') center center no-repeat; text-align: center; }
	.news-bream .span-return { font-size: 18px; color: #e8eaea; }
	.news-bream .span-return a { color: #e8eaea; }
	.news-list-ul1 { margin: 33px 20px 0 20px; }
	.news-list-ul1 li { font-size: 18px; line-height: 28px; color: #999; padding: 26px 0 19px; border-bottom: 1px dashed #d8d8d8; }
	.news-list-ul1 li .span-title { font-size: 24px; color: #4c4c4c; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.news-list-ul1 li .span-title a { color: #4c4c4c; }
	.news-list-ul1 li .span-detail { height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}