﻿@charset "utf-8";
/*通用*/
body { font-family: "微软雅黑"; }
.fl, .partL { float: left; }
.fr, .partR { float: right; }
.domPC { display: block; }
.domMobile { display: none; }
/*top*/
.top { height: 35px; line-height: 35px; text-decoration: none; background: #282828; position: relative; }
.top-con { width: 960px; margin: 0 auto; font-size: 12px; }
.top-con a { color: #fff; padding: 0 8px; }
.banner { height: 320px; background: url(//www.xinhuanet.com/world/2017zltx/images/20161219_WorldZltx_ejBanner_v1.jpg) 50% 0 no-repeat; }
.nav { height: 60px; line-height: 54px; background: #0050ab; color: #fff; vertical-align: middle; min-width: 1000px; }
.nav .menu { margin: 0 auto; width: 950px; }
.nav a { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 20px; font-size: 18px; color: #fff; vertical-align: middle; }
/*content*/
.content { width: 1000px; margin: 20px auto 0; }
.content .lmt { width: 900px; margin: 0 auto; font-size: 16px; border-left: 5px solid #0050ab; border-bottom: 1px solid #ccc; font-weight: bold; }
.content .lmt h2 { padding-left: 15px; font-size:20px; }
#autoData { width: 920px; margin: 0px auto 0; }
#autoData li { padding: 20px 0 5px 0; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; font-size: 16px; line-height: 28px; }
#autoData li span { float: right; color: #ccc; font-size: 14px; }
#autoData li { display: none; }
#moreBtn { text-align: center; padding: 20px 0; }
#moreBtn span { display: inline-block; height: 35px; line-height: 35px; font-size: 18px; width: 200px; border-radius: 25px; text-align: center; background: #26a2db; cursor: pointer; color: #fff; }
/*底部footer*/
.footer { background: #1b468a; margin-top: 40px; padding: 30px 0 30px 0; }
.footer p { font-size: 14px; text-align: center; padding: 5px; color: #fff; }
@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.banner { background: none; height: auto; }
.content { width: 100%; margin: 10px auto 0; }
.content .lmt { width: 96%; }
.content .lmt h2 { font-size:20px; }
#autoData { width: 94%; }
#autoData li { padding: 15px 0 5px 0; }
.footer { width: 100%; margin-top: 12px; padding: 20px 0; }
.footer p { text-align: center; color: #fff; line-height: 30px; }
.Mobnav { width: 92%; height: 24px; margin: 0px auto 0; padding: 4px 0 6px 0; background: #1b4c86; font-family: "微软雅黑" }
.Mobnav .swiper-wrapper { padding: 0 2%; height: 24px; }
.Mobnav a { border-radius: 3px; display: inline-block; height: 20px; line-height: 20px; padding: 0; margin: 0 0px; font-size: 14px; color: inherit; font-family: "宋体"; vertical-align: middle; }
.Mobnav .swiper-slide { display: inline-block; text-align: center; background: #1b4c86; border-radius: 3px; width: auto; line-height: 20px; height: 22px; padding: 1px 2.8%; font-size: 14px; 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; }
.Mobnav .swiper-slide a { color: #fff; line-height: 20px; font-family: '微软雅黑' }
.Mobnav .on, .Mobnav .on a { color: #fff; line-height: 20px; background: #e7801b; }
.swiper-container { height: auto; width: 100% !important; }
.mBottom { background: #3b5783; height: 65px; padding-top: 30px }
.mBottom p { width: 100%; margin: 0 auto; height: 20px; line-height: 10px; color: #ffffff; font-size: 12px; text-align: center; line-height: 20px }
}
