﻿@charset "utf-8";
/* CSS Document */

/*初始区域*/
html,body,div,p,hr,pre,h1,h2,h3,h4,h5,h6,table,tr,td,th,tfoot,tbody,thead,p,figure,form,blockquote,input,textarea,label,ul,ol,dl,li,dt,dd,.clearfix::after{margin:0;padding:0;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body{height:100%;}
*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;text-decoration:none;}
a:active,a:hover{outline:0;}
a:focus{outline:none;-moz-outline:none;-webkit-outline:none;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
ul,ol{list-style:none outside none;}
li{list-style-type:none;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5rem;}
sub{bottom:-0.25rem;}
iframe{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;-webkit-box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35rem 0.625rem 0.75rem;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/*内容区域通用*/
body{font-family:"微软雅黑","Microsoft Yahei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;background:#fff;}
img{border:0;vertical-align:middle;display:block;}
figure{margin:0;}
.clearfix{display:block;#zoom:1;}
.clearfix::after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}

.fl{float:left;}
.fr{float:right;}

.domPC{display:block!important;}
.domMobile{display:none!important;}

.section{margin:50px auto;width:1200px;}

.row{font-size:0;+word-spacing:-1px;}
.row .dib{display:inline-block;+display:inline;+zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal;vertical-align:top;}

/*网站导航*/
.top-bar{height:45px;text-align:center;border-bottom:1px solid #ccc;color:#ccc;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 7px;}
.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;}

/*背景图*/
.phd {margin-top:45px;height:600px;}
#mobileHeader{display:none;}

/*导航*/
.nav{height:70px;line-height:70px;background:#0950a0;}
.nav-ul{width:1200px;margin-left:auto;margin-right:auto;display:flow-root;}
.nav-ul li{float:left;text-align:center;background:url('http://www.newsimg.cn/tech/5gsd2018/img/line-01.png') left center no-repeat;padding:0 40px;font-size:20px;position:relative;color:#fff;transition:.2s all linear;cursor:pointer;}
.nav-ul li:first-child{background:none;}
.nav-ul li a{display:block;color:#fff;}
.nav-ul li::before{content:"";position:absolute;top:5px;left:50%;width:0;height:100%;border-bottom:3px solid #09f;transition:.2s all linear;z-index:-1;}
.nav-ul li:hover::before{width:100%;top:5px;left:0;transition-delay:.1s;border-bottom-color:#09f;}
.nav-ul li:hover ~ li::before{left:50%;}

/*栏目条*/
.section-title{/*background:url('http://www.newsimg.cn/tech/5gsd2018/img/bg-10.png') center bottom no-repeat;*/-webkit-background-size:100%;background-size:100%;height:50px;line-height:50px;font-size:28px;color:#00a0e9;border-bottom:2px solid #0950a0;}
.section-title em{font-style:normal;border-bottom:2px solid #00a0e9;display:inline-block;padding:0 20px;}

/*RTools 只限这版 html里js控制字体为50px；*/
.RTools{position:fixed;_position:absolute;right:10px;bottom:200px;width:60px;z-index:10000;display:none;}
.RTools .qrcode{width:100%;height:61px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 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%;color:#333;font-size:16px;display:block;text-align:center;margin-top:-9px;}
.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%;padding-top:5px;}
@keyframes change{
	from{width:48px;height:48px;opacity:1;}
	to{width:120px;height:150px;opacity:1;}
}
.RTools .gototop{width:60px;height:60px;cursor:pointer;background:#00a0e9 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;}

/*Copyright*/
.adBottom{background:#00a0e9;/*padding:20px 0 40px;*/}
.footer{padding:50px 0;background:#00a0e9;text-align:center;color:#fff;/*border-top:#df0045 solid 5px;*/}
.footer p{line-height:2;font-size:16px;}

/*list title上*/
.areaBox .mod-card{padding:30px 20px;border-bottom:1px dashed #ccc;*zoom:1;}
.areaBox .mod-card::before,.areaBox .mod-card::after{content:"";display:table;}
.areaBox .mod-card::after{clear:both;}
.areaBox .mod-card .media{float:left;}
.areaBox .mod-card .media a{display:block;overflow:hidden;width:200px;height:130px;margin-right:40px;}
.areaBox .mod-card .media a img{width:100%;height:auto;transition:.5s;display:block;}
.areaBox .mod-card .media a:hover img{transform:scaleX(1.2) scaleY(1.2);}
.areaBox .mod-card .topic{line-height:1.6;width:100%;color:#333;font-weight:400;font-size:24px;margin-bottom:10px;}
.areaBox .mod-card .topic a{color:#333;}
.areaBox .mod-card .topic a:hover{color:#00a0e9;}
.areaBox .mod-card .abstract{line-height:2;max-height:130px;font-size:16px;color:#999;overflow:hidden;}
.areaBox .mod-card .abstract a{color:#00a0e9;}
.areaBox .mod-card .abstract a:hover{color:#dc0000;}

/*list title右*/
.areaBox-r .mod-card{padding:30px 20px;border-bottom:1px dashed #ccc;*zoom:1;}
.areaBox-r .mod-card::before,.areaBox .mod-card::after{content:"";display:table;}
.areaBox-r .mod-card::after{clear:both;}
.areaBox-r .mod-card .media{float:left;}
.areaBox-r .mod-card .media a{display:block;overflow:hidden;width:200px;height:130px;margin-right:40px;}
.areaBox-r .mod-card .media a img{width:100%;height:auto;transition:.5s;display:block;}
.areaBox-r .mod-card .media a:hover img{transform:scaleX(1.2) scaleY(1.2);}
.areaBox-r .mod-card .topic{line-height:1.6;width:100%;color:#333;font-weight:400;font-size:24px;margin-bottom:5px;}
.areaBox-r .mod-card .topic a{color:#333;}
.areaBox-r .mod-card .topic a:hover{color:#00a0e9;}
.areaBox-r .mod-card .abstract{line-height:1.8;max-height:100px;color:#999;font-size:16px;overflow:hidden;}
.areaBox-r .mod-card .abstract a{color:#00a0e9;}
.areaBox-r .mod-card .abstract a:hover{color:#dc0000;}

/* list ul */
.list-news li{padding:30px 20px;border-bottom:1px dashed #d8d8d8;}
.list-news li .topic{font-size:24px;line-height:1.6;color:#333;margin-bottom:10px;}
.list-news li .topic a{color:#333;}
.list-news li .topic a:hover{color:#00a0e9;}
.list-news li .abstract{font-size:16px;line-height:2;color:#999;}
.list-news li .date{font-size:14px;line-height:2;color:#999;text-align:right;}
.list-news li span{ display:block;}


@media screen and (max-width:767px) {

.domPC,.domMobile{display:none!important;}
.domMobile{display:block!important;}
.section{ width:100%;margin:.4rem auto;padding:0 .2rem;box-sizing:border-box;}

/*手机导航*/
#mobileHeader{width:100%;line-height:0;background:#eee url(http://www.news.cn/world/2015/images/bgSjTop.png) no-repeat 0 0;-webkit-background-size:100% 45px;background-size:100% 45px;position:relative;display:block;}
#mobileHeader .logo{display:block;width:1.3rem;height:.9rem;background:url(http://www.news.cn/world/2015/images/xh_mobile_header.png) no-repeat 0 0;-webkit-background-size:57px;background-size:57px;position:absolute;top:0;left:.2rem;}
#mobileHeader .name{display:inline-block;width:5rem;height:.8rem;line-height:2.7;font-size:.32rem;padding:0 0 0 .2rem;color:#fff;vertical-align:top;margin:0 0 0 1.5rem;background:url(http://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:.6rem;height:.9rem;position:absolute;top:0;right:.2rem;background:url(http://www.news.cn/world/2015/images/xh_mobile_header.png) no-repeat 100% -45px;-webkit-background-size:57px;background-size:57px;}
#mobileHeader .mobileNavList{width:100%;height:0;overflow:hidden;position:absolute;top:.9rem;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;}
.widthMain{width:100%;}

/*背景图*/
.phd {height:auto;margin-top:0;}
#top-bar{display:none;}

/*导航*/
.nav-swiper{font-size:.4rem;background:#0950a0;height:1rem;line-height:1rem;}
.nav-swiper a{color:#fff;padding:0 .52rem;background:url('http://www.newsimg.cn/tech/5gsd2018/img/line-01.png') left center no-repeat;}
.nav-swiper .swiper-slide{width:auto;}
.nav-swiper .swiper-slide:first-child a{background:none;}

/*栏目条*/
.section-title{/*background:url('http://www.newsimg.cn/tech/5gsd2018/img/bg-10.png') center bottom no-repeat;-webkit-background-size:100%;background-size:100%;*/height:.8rem;line-height:.8rem;font-size:.48rem;color:#00a0e9;border-bottom:2px solid #0950a0;}
.section-title em{font-style:normal;border-bottom:2px solid #00a0e9;display:inline-block;padding:0 .4rem;}

/*RTools*/
.RTools{width:40px;bottom:100px;}
.RTools .qrcode{display:none;}
.RTools .gototop{width:40px;height:40px;}

/*Copyright*/
#bottomBody{background:#00a0e9;color:#fff;}
.adBottom{background:#00a0e9;padding:.4rem 0;}
.footer{padding:.4rem .3rem;background:#00a0e9;text-align:center;/*margin-top:.4rem;border-top:#df0045 solid .1rem;*/}
.footer p{line-height:1.8;font-size:.2rem;margin:0 auto;word-spacing:-1px;letter-spacing:-1px;}

/*list title上*/
.areaBox .mod-card{padding:.3rem .2rem;border-bottom:1px dashed #ccc;*zoom:1;}
.areaBox .mod-card::before,.areaBox .mod-card::after{content:"";display:table;}
.areaBox .mod-card::after{clear:both;}
.areaBox .mod-card .media{float:left;}
.areaBox .mod-card .media a{display:block;overflow:hidden;width:2rem;height:1.3rem;margin-right:.2rem;}
.areaBox .mod-card .media a img{width:100%;height:auto;transition:.5s;display:block;}
.areaBox .mod-card .media a:hover img{transform:scaleX(1.2) scaleY(1.2);}
.areaBox .mod-card .topic{line-height:1.4;width:100%;color:#333;font-weight:400;font-size:.4rem;margin-bottom:.1rem;}
.areaBox .mod-card .topic a{color:#333;}
.areaBox .mod-card .abstract{line-height:1.6;max-height:1.3rem;font-size:.28rem;color:#999;overflow:hidden;}
.areaBox .mod-card .abstract a{color:#00a0e9;}

/*list title右*/
.areaBox-r .mod-card{padding:.3rem .2rem;border-bottom:1px dashed #ccc;*zoom:1;}
.areaBox-r .mod-card::before,.areaBox .mod-card::after{content:"";display:table;}
.areaBox-r .mod-card::after{clear:both;}
.areaBox-r .mod-card .media{float:left;}
.areaBox-r .mod-card .media a{display:block;overflow:hidden;width:2rem;height:1.3rem;margin-right:.2rem;}
.areaBox-r .mod-card .media a img{width:100%;height:auto;transition:.5s;display:block;}
.areaBox-r .mod-card .media a:hover img{transform:scaleX(1.2) scaleY(1.2);}
.areaBox-r .mod-card .topic{height:.6rem;line-height:1.4;width:auto;color:#333;font-weight:400;font-size:.4rem;margin-bottom:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.areaBox-r .mod-card .topic a{color:#333;}
.areaBox-r .mod-card .abstract{line-height:1.4;max-height:.7rem;color:#999;font-size:.28rem;overflow:hidden;}
.areaBox-r .mod-card .abstract a{color:#00a0e9;}

/* list ul */
.list-news li{padding:.3rem .2rem;border-bottom:1px dashed #d8d8d8;*zoom:1;}
.list-news li .topic{font-size:.4rem;line-height:1.6;color:#333;margin-bottom:.1rem;}
.list-news li .topic a{color:#333;}
.list-news li .topic a:hover{color:#00a0e9;}
.list-news li .abstract{font-size:.28rem;line-height:1.6;color:#999;}
.list-news li .date{font-size:.24rem;line-height:1.6;color:#999;text-align:right;}
.list-news li span{ display:block;}

}