html,body{margin: 0; padding: 0; width: 100%; height: 100%;}
/*body{background: url("../img/body-bg.png") repeat;}*/
body{position: relative; display: inline; font:14px 'microsoft yahei',"\5B8B\4F53",Arial, Helvetica, sans-serif; }
img{border: none; }
p{ margin: 0px;}
ul,dd{margin: 0px; padding: 0px;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{margin: 0px;}
h4, h5, h6{font-weight: 400;}
a{text-decoration: none; color: #000;}


.object-fit{ overflow: hidden;}
.object-fit img{width: 100%;}
header{position: relative; min-width: 1200px; /*background: url("../images/banner-l.png") no-repeat right top;*/ background-size: cover; width: 100%; height: 240px; }
header .logo{position: absolute; top: 50%; max-height: 120px; margin-top: -65px;}
.bg-white{background: #fff; padding:25px; box-sizing: border-box; overflow: hidden;}
.container{width: 1200px; margin: 0 auto;}
.container.bg-white{min-height: 600px;}
.nav{background: #0068b7; height: 48px;}
.nav .container{display: flex; justify-content: space-between;}
.nav .layui-nav {background-color: #0068b7}
.nav .layui-nav .layui-nav-item > a{color: #fff;}
.nav li{position: relative; z-index: 2}
.nav .layui-nav-bar{background-color: #004a8d; height: 48px; z-index:1;}

.nav a{display: block; float: left; flex: 1; text-align: center; font-size: 16px; line-height: 48px; color: #fff;}
.top-swiper{width: 50%; max-width: 560px; height: 330px; margin: 0px 15px 25px 0; overflow: hidden;}
.top-swiper img{width: 100%; max-width: 560px; height: 330px; object-fit: cover;}
.top-right{width: 50%; padding-right: 15px; box-sizing: border-box;}
.top-right .layui-tab-content{padding-top: 0px;}
.top-right .layui-tab{margin: 0;}
.top-right .layui-tab li.layui-this{background: #0068b7; color: #fff;}
.top-right .layui-tab li.layui-this:after{border-bottom:0}
.top-right .news-list h5{ float: left; width: 70%; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.tab-nav{margin-top: 6px; background: #f5f5f5;  font-size: 0;}
.tab-nav li{display: inline-block; height: 44px; line-height: 44px;}
.tab-nav a{display: block; background: #f5f5f5; font-size: 17px; padding:0 25px;}
.tab-nav a.active,.tab-nav a:hover{background: #0068b7; color: #fff;}
.news-title h1{font-size: 22px; text-align: center; margin:35px 0 20px 0;}
.news-title p{display: block; font-size: 13px; height: 48px; line-height: 22px; color: #888; overflow: hidden;}
.news-list{margin-top: 10px;}
.news-list li{line-height: 34px; overflow: hidden;}
.top-right .news-list li{ line-height: 36px;}
.news-list .icon-dot{float: left; font-size: 16px; color: #0068b7; margin-right: 3px;}
.news-list h5{ float: left; width: 70%; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.news-list span{ float: right; color: #888; white-space: nowrap;}
.plate-line{border-top: 3px solid #e1e1e1;  width: 380px; margin-right: 25px; height: 335px; overflow: hidden;}
.plate-line .title-line{position: relative; font-size: 18px; height: 48px; line-height: 48px; border-bottom: 1px solid #ededed; padding-left: 15px; color: #0068b7;}
.title-line:after{content: ''; position: absolute; width: 105px; height: 3px; left: 0; top: -3px; background: #0068b7;}
.photo-news-min{margin-top: 20px; padding: 0 10px; overflow: hidden;}
.photo-news-min .object-fit{float: left; width: 100px; height: 80px; margin-right: 15px;}
.photo-news-min .object-fit img{height: 100%;}
.photo-news-min .title{ float: left; width: 180px; font-size: 16px; height: 20px; overflow: hidden; line-height: 24px; margin: 8px 0 5px 0;}
.photo-news-min p{float: left; width: 180px; font-size: 12px; line-height: 24px; height:48px; color: #888; }
.plate-line .news-list{width: 330px; overflow: hidden; margin-left: 10px;}
.material-right,.horizontal-rolling,.periodical-right{background: #f5f5f5; width: 320px; padding:15px; overflow: hidden; box-sizing: border-box;}
.material-right{padding-bottom: 0;}
.material-right .object-fit{height: 80px; width: 100%;}
.material-right .news-list{margin-top: 10px; margin-bottom: 10px;}
.material-right .news-list li{line-height: 34px;}
/*.material-right .news-list h5{width: 100%;}*/
.title-block{ width: 100%; font-size: 16px; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.title-block span{float: left; background: #0068b7; color: #fff; padding:6px 20px;}
.right-top{height: 335px; width: 326px; margin-bottom: 10px;}
.right-top .title-line{ width: 100%; font-size: 16px; color: #0068b7; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding:1px 10px; border-left: 5px solid #0068b7;  border-bottom: 0;}
.right-top .more{margin-right: 20px;}
.max-ad{width: 800px; overflow: hidden;}
.max-ad a{display: block; text-align: left;}
.ad-two{width: 800px;}

.right-poster{width: 326px; }
.horizontal-rolling{width: 100%; float: left;}
.horizontal-title{background: #0068b7; width: 20px; line-height: 30px; height: 120px; font-size: 18px;  color: #fff; text-align: center; padding: 30px 10px;  }
.horizontal-rolling .rolling-contain{width: 94%; height: 180px;  margin-left: 20px; overflow: hidden;position: relative;}
.rolling-contain ul{position:absolute;left:0;top:0;overflow: hidden;}
.horizontal-rolling li{float: left; text-align: center; margin: 13px; font-size: 12px;      list-style: none;}
.horizontal-rolling li img{width: 110px; height: 126px; display: block; border: 8px solid #fff; margin-bottom: 5px;}

.plate-block{ margin-right: 25px; width: 366px; min-height:270px}
.plate-block[class~=pull-right]{ margin-right: 0; }
.plate-block .title-block{background: #0068b7; color: #fff; height: 44px; line-height: 44px; padding:0 10px 0 15px; box-sizing: border-box;}
.plate-block .news-list{margin-bottom: 0px;}
.photo-news-max .object-fit{height: 140px; margin: 0 10px;}
.right-bottom-ad{ width: 326px; margin-right: 0;}


.periodical-right{margin-bottom: 10px;}
.periodical-right dl{margin:20px 15px 30px 15px;}
.periodical-right dt img{ width: 100px; height: 134px;}
.periodical-right dd{width: 55%; overflow: hidden; margin-left: 15px;}
.periodical-right dd h1{font-size: 18px; margin:10px 0;}
.periodical-right dd p{display: block; font-size: 12px; color: #888; line-height: 20px; height: 60px; overflow: hidden;}

.footer{background: #0068b7; min-width: 1200px; height: 100px; color: #fff; text-align: center; margin: 0 auto; padding: 0; box-sizing: border-box; overflow: hidden;}
.footer p{display: block; margin:4px auto; font-size: 12px; height: 30px; }
.footer p:after { content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.footer img{margin-right: 10px;}
.footer span{display: inline-block; height: 30px; vertical-align: middle;}


.bread-crumb{font-size: 12px; margin-bottom: 20px;}
.bread-crumb .icon-home{font-size: 14px; font-weight: 700; color: #0068b7;}
.list-title{border-left: 5px solid #0068b7; font-size: 18px; line-height: 20px; color: #0068b7; padding-left: 10px; margin: 20px 0;}
.list-item{width: 100%; overflow: hidden; border-bottom: 1px solid #ededed; padding: 15px;}
.list-item .object-fit{float: left; width: 170px; height: 120px;}
.list-item .object-fit img{height: 100%;}
.list-item dt{float: left; width:100%; margin-left: 15px; }
.list-item .title{font-size: 16px; line-height: 36px; margin-top: 4px;}
.list-item .text-desc{font-size: 14px; height: 48px; overflow: hidden; margin-bottom: 15px;}
.list-left{width: 100%; overflow: hidden;}

.detail{background: #f6f6f6; width: 100%; min-height: 100%; overflow: hidden; padding: 40px 50px; box-sizing: border-box; margin: 0px 0 30px 0;}
.pull-left.detail{width: 100%;}
.detail-title{text-align: center; font-size: 22px; color: #0068b7;}
.detail .text-desc{margin: 10px 0; display: block;}
.detail .text{line-height: 32px;background: #fff;padding: 10px}
.video-masker{position: absolute; background: url("../images/video.png") no-repeat center; width: 170px; height: 120px;}
.article-masker{position: absolute; background-color: #7f7f7f; width: 170px; height: 120px;}

.font-s{font-size: 12px;}
.more{float: right; color: #888; font-size: 14px; margin-right: 10px;}
.material-right .title-block .more,.periodical-right  .title-block .more{color: #000;}
.title-block .more{color: #fff;}
.text-desc{color: #888;}
.text-center{text-align: center;}
.m-t{margin-top: 10px;}
.m-t-sm{margin-top: 15px;}
.m-t-md{margin-top: 25px;}
.m-tb-sm{margin: 15px 0;}
.m-l-sm{margin-left: 20px;}
.pull-left{float: left;}
.pull-right{float: right}
.over-flow{overflow: hidden; width: 100%;}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #0068b7;}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color: #0068b7;}


/*党史上的今天*/
.today-banner{background:url("../images/today-bg-l.png") no-repeat center bottom #0068b7; height:520px;}
.today-body{background-size: cover; background: #fff;}
.today-container{background: #fff; padding: 30px; overflow: hidden; margin-bottom: 30px; margin-top: -40px;}
.today-container .layui-form{float: left; margin-top: 10px; margin-bottom:30px;}
.today-list{width: 78%; float: right; margin-right: 30px;}
.today-list-item h1{display: none;}
.today-list-item h2{font-size: 18px;}
.today-list-item p{color: #999; line-height: 24px; border-bottom: 1px solid #ededed; padding-bottom: 15px; margin: 10px 0 20px 0;}
.today-date{float: left; width: 16%; text-align: center;}
.today-date h2{background: #0068b7; color: #fff; padding: 8px 15px; border-top-right-radius:8px;  border-top-left-radius:8px; }
.today-date h1{border: 2px solid #0068b7; font-size: 68px; line-height: 100px; font-weight: 700; padding:10px 0 0px 0;
    border-bottom-right-radius:8px;  border-bottom-left-radius:8px; }
.today-date h1 span{font-weight: 400; font-size: 24px;}
.today-logo{padding: 10px 30px; position: absolute; z-index: 9; width: 1200px;left: 50%; top: 30px;}
.today-logo img{ height: 60px;}
.return-home{float: right; color: #0068b7; font-size: 16px;}
.return-home:hover {color: #0068b7;}
.return-home img{float: left; height: 20px; margin-right: 8px;}
.home-search{font-size: 0;}
.home-search .layui-btn-danger{background: #cf1919;}
.home-search .layui-btn,.home-search .layui-input{height: 30px; line-height: 30px; font-size: 14px;}
@media screen and (max-width: 1440px){
    header{ width: 100%; height: 200px; }
    header .logo{height: 100px;  margin-top: -55px;}
}