@charset "utf-8";
/* CSS Document */
a { -webkit-transition: all 0.4s; transition: all 0.4s; }
a:hover { color: #ff9724 !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
.domPC { display: block; }
.domMobile { display: none; }
body { background-color: #fff; font-family: "微软雅黑"; }
.topnav { position: absolute; width: 100%; height: 65px; top: 0; background: url(//www.news.cn/science/kjqydst/images2018/20180511_dstTopNavBg_v1.png) 50% 100% repeat-x; z-index: 999; }
.topnav li { float: left; line-height: 65px; margin-right: 20px; position: relative; padding-right: 20px; }
.topnav a { color: #fff; }
.topnav li:after { content: ""; position: absolute; width: 2px; height: 18px; position: absolute; background: #fff; top: 23px; right: 0; }
.topnav .non::after { display: none; }
.topnav .li01 { color: #88c1e0; padding-left: 15px; margin-left: 30px; font-weight: bold; margin-right: 0; }
.topnav .li01 a { color: #88c1e0; }
.topnav .li01:before { content: ""; position: absolute; width: 8px; height: 18px; position: absolute; background: #88c1e0; top: 23px; left: 0; }
.xl { position: relative; }
.xl dl { position: absolute; left: -70px; padding-top: 15px; display: none; width: 200px; }
.xl dl:before { content: ""; display: block; width: 0; margin: 8px auto 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid transparent; border-bottom: 14px solid #52617e; position: absolute; z-index: 2; top: -36px; left: 43%; }
.xl dl:after { content: ""; display: block; background: #28375c; opacity: 0.95; width: 200px; height: 570px; border-radius: 20px; position: absolute; z-index: 1; top: 0; left: 0; }
.xl dl dd { position: relative; z-index: 3; line-height: 50px; text-align: center; width: 180px; margin: 0 auto; border-bottom: 1px solid #3b4b6d }
.banner { width: 100%; height: 690px; position: relative; overflow: hidden; }
.logo { width: 538px; height: 169px; margin: 250px auto 0; position: relative; z-index: 9; }
.review-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.review-video .review-video-wrapper { width: 1920px; height: 690px; margin: 0 auto; }
.review-video video { display: block; width: 100%; height: 100%; }
.contant { width: 1200px; margin: 30px auto 0; }
.con_left { float: left; width: 710px; }
/*焦点图组件jdxw_right*/
.jdxw_right { width: 710px; height: 400px; padding-top: 10px; margin: 0 auto; position: relative; }
.jdxw_right .arrow-left { background: url(//www.news.cn/global/img/iconBtn/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2; cursor: pointer; }
.jdxw_right .arrow-right { background: url(//www.news.cn/global/img/iconBtn/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2; cursor: pointer; }
.jdxw_right .swiper-container { width: 710px; height: 400px; }
.swiper-slide { position: relative; }
.jdxw_right .swiper-slide img { width: 710px; height: 400px; }
.jdxw_right .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 140px; opacity: 0.6; background: url(//www.news.cn/sports/rio2016/img/20160707_LYolp_jdtBg03_v1.png) repeat-x; z-index: 0 }
.jdxw_right .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 55px; color: #fff; font-size: 18px; overflow: hidden; z-index: 1; padding-left: 20px }
.jdxw_right .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; }
.jdxw_right .pagination { position: absolute; right: 20px; text-align: right; bottom: 22px; width: 100px; z-index: 2; background: none; }
.jdxw_right .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #fff; margin: 0 3px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.jdxw_right .swiper-active-switch { background: #00b3e8; }
.backtotop { position: absolute; position: fixed; right: 20px; bottom: 50px; z-index: 10; width: 50px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #e6e5e3; overflow: hidden; cursor: pointer; display: none; }
.backtotop:after { content: ""; display: block; width: 0; margin: 8px auto 0; border-left: 6px solid #e6e5e3; border-right: 6px solid #e6e5e3; border-top: 8px solid #e6e5e3; border-bottom: 8px solid #3a68d8; }
.text-contant { overflow: hidden; /*margin-top: 20px;*/ }
.tabTit { border: 1px solid #ccc; font-size: 24px; overflow: hidden; padding: 10px 0; margin-bottom: 10px; }
.tabTit a { display: block; float: left; width: 33.3%; text-align: center; position: relative; }
.tabTit .on { color: #007bff }
/*.tabTit .on:after { content: ""; width: 42px; height: 3px; background: #007bff; position: absolute; bottom: -6px; left: 41%; }*/
.con_right { width: 400px; float: right; }
.conR01 { margin-bottom: 40px; }
.lmt01 { position: relative; padding-left: 38px; border-bottom: 1px solid #ccc; font-size: 24px; line-height: 40px; font-weight: normal; }
.lmt01:before { content: ""; width: 35px; height: 10px; background: #3a68d8; position: absolute; left: 0; bottom: -5px; }
.lmt01 span { float: right; color: #ccc; font-size: 16px; }
.lmt01 span a { color: #999; }
.xpage-content li { clear: both; border-bottom: 1px solid #ccc; overflow: hidden; margin: 10px 0; padding: 10px 0 20px; }
.xpage-content h3 { padding-bottom: 16px; font-size: 20px; line-height: 24px; }
.xpage-content p { font-size: 16px; line-height: 36px; color: #666; margin-top: 10px; }
.xpage-content span { text-align: right; float: right; color: #666; font-size: 14px; }
.xpage-content img { width: 215px; height: 120px; float: left; margin-right: 20px; margin-bottom: 10px; }
.xpage-more-btn01, .xpage-more-btn02, .xpage-more-btn03 { border-bottom: 1px solid #ccc; text-align: center; font-size: 16px; padding: 3px 0 10px; cursor: pointer; color: #777; }
.xpage-more-btn { border-bottom: 1px solid #ccc; text-align: center; font-size: 18px; padding: 3px 0 10px; cursor: pointer; }
/* 分页器 */
/* 默认豪华版 */
.xpage-content-list4 { overflow: hidden; margin-top: 30px; margin-bottom: 20px; }
.xpage-content-list4 li { float: left; width: 50%; text-align: center; margin-bottom: 20px; height: 200px; overflow: hidden; }
.xpage-content-list4 li img { width: 110px; height: 110px; border-radius: 60px; margin-bottom: 10px; }
.xpage-content-list4 li h3 { font-weight: normal; line-height: 34px; }
.xpage-content-list4 li p { font-size: 14px; }
.xpage-pagination { text-align: center; margin: 20px auto; }
.xpage-pagination span { display: inline-block; line-height: 2em; margin-left: 3px; border: 1px solid #ccc; cursor: pointer; }
.xpage-pagination span a { display: block; padding-left: 0.5em; padding-right: 0.5em; min-width: 1em; text-decoration: none; color: #333; }
.xpage-pagination span:hover, .xpage-pagination .xpage-pagination-pager-active { border-color: #333; font-weight: bold; }
.xpage-pagination span:hover a, .xpage-pagination .xpage-pagination-pager-active { color: #333; }
/* 定制版 隐藏首页/尾页按钮 */
.xpage-pagination.xpage-pagination-no-first-last .xpage-pagination-first, .xpage-pagination.xpage-pagination-no-first-last .xpage-pagination-last { display: none; }
.conR02 { margin-bottom: 40px; }
.numlist { width: 400px; border: 1px solid #eaeaea; margin-bottom: 10px; margin-top: 30px; }
.numlist li { height: 55px; _height: 52px; border-bottom: 1px solid #eaeaea; padding-left: 11px; line-height: 55px; padding: 0 15px; font-size: 18px; overflow: hidden }
.numlist li a { color: #585858; }
.numlist li span { background: url(//www.news.cn/world/2015/images/common.png) no-repeat -558px 5px; font-size: 20px; color: #000000; font-family: Arial; font-weight: bold; width: 75px; margin-right: 20px; padding-left: 15px; }
.numlist .cur { border: none; font-weight: bold; padding: 0px; height: 75px; line-height: 75px; }
.numlist .cur a { color: #000; font-size: 18px; font-weight: bold; float: left; width: 290px; line-height: 28px; margin-top: 9px; }
.numlist .cur span { height: 75px; width: 75px; background-color: #3a68d8; color: #FFFFFF; font-size: 42px; line-height: 75px; text-align: center; background-image: none; display: block; padding: 0; float: left }
.numlist-img { width: 400px; height: 225px; }
.numlist-img img { width: 400px; height: 225px; }
.conR03 { }
.conR03 ul { width: 90%; margin: 20px auto 0; }
.conR03 li { width: 50%; float: left; font-size: 18px; line-height: 40px; }
.footer { margin-top: 40px; padding: 40px 0 40px 0; background: #f9f7f4; text-align: center; }
.footer-con { width: 800px; margin: 0 auto; overflow: hidden; }
.footer p { width: 33.3%; float: left; font-size: 16px; }
 @media screen and (max-width: 767px) {
body { overflow-x: hidden; }
.domPC { display: none; }
.domMobile { display: block; }
.full-screen, .full-screen body { width: 100%; height: 100%; overflow: hidden; }
.contant { width: 100%; margin: 0 auto; }
.con_left { width: 96%; margin: 0 auto; float: none; }
.menuBox { width: 1rem; height: 1rem; position: absolute; right: 0.2rem; top: 0.2rem; z-index: 999; border-radius: 50%; background: #6c6c6c; }
.menuBtn { width: 0.7rem; height: 0.15rem; position: absolute; left: 0.15rem; top: 0.48rem; z-index: 2; }
.menuBtn:before { content: ""; width: 0.7rem; height: 2px; background-color: #fff; position: absolute; left: 0; top: -0.2rem; z-index: 2; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear }
.menuBtn-middle { width: 0.7rem; height: 2px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 2; opacity: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear }
.menuBtn:after { content: ""; width: 0.7rem; height: 2px; background-color: #fff; position: absolute; left: 0; top: 0.2rem; z-index: 2; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear }
.open .menuBtn-middle { opacity: 0; background-color: #fff }
.open .menuBtn:before {
 -webkit-transform: rotate(135deg) translate(.14rem, -.13rem);
 -moz-transform: rotate(135deg) translate(.14rem, -.13rem);
 -ms-transform: rotate(135deg) translate(.14rem, -.13rem); transform: rotate(135deg) translate(0.15rem, -0.13rem); }
.open .menuBtn:after {
 -webkit-transform: rotate(-135deg) translate(.2625rem, .275rem);
 -moz-transform: rotate(-135deg) translate(.2625rem, .275rem);
 -ms-transform: rotate(-135deg) translate(.2625rem, .275rem); transform: rotate(-135deg) translate(0.13rem, 0.13rem) }
.sideNav { width: 100%; height: 110%; overflow: hidden; position: absolute; left: 100%; top: 0; background-image: url(//www.news.cn/talking/sjwd2/images/20180413_ct_Mob03_v1.png); background-repeat: repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-position: 50% 0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; z-index: 99; }
.sideNav ul { width: 100%; margin: 0 auto; padding-top: 0.8rem }
.sideNav li { font-size: 0.5rem; line-height: 1rem; width: 100%; height: 1rem; text-align: center; margin-bottom: .3rem;}
.sideNav li a { color: #fff }
.sideNav li:nth-of-type(even) { margin-right: 0 }
.sideNav-big { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.logo { width: 100%; height: auto; margin: 0; text-align: center; top: 1.2rem; position: absolute; }
.logo img { width: 70%; height: auto; }
.banner { width: 100%; height: auto; }
.jdxw_right { width: 98%; height: auto; }
.jdxw_right .swiper-container { width: 100%; height: auto; }
.jdxw_right .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: auto; }
.jdxw_right .swiper-container .swiper-wrapper .swiper-slide .title { width: auto; padding-left: 10px; font-size: 16px; height: 13%; line-height: normal; bottom: 1px; }
.jdxw_right .pagination { bottom: 12%; right: 10px; }
.tabTit { font-size: 18px; }
.tabTit .on::after { left: 35%; }
.xpage-content img { width: 100%; height: auto; }
.footer { width: 100%; }
.footer-con { width: 100%; }
.footer p { width: 100%; float: none; text-align: center; line-height: 28px; }
.backtotop { right: 6px; bottom: 20px; }
.jdxw_right .swiper-slide .bg { height: 75px; }
}