/* 初始化 */
*, *:before, *:after{box-sizing: border-box;padding:0;margin:0;}
html,body {color:#000;min-width:320px;line-height:1.5;font-family:微软雅黑;font-size:16px; image-rendering: -webkit-optimize-contrast;background-color: #f0f0f0;--mainColor:#0197dd;--mainWidth:1020px;}
ol,ul,li{list-style-type:none;}
b{font-weight:normal}
img{vertical-align:middle;border:0;object-fit: cover;}  
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;} 
a {color:#000;text-decoration:none;}
:root{--swiper-theme-color:var(--mainColor);}
:focus{outline: -webkit-focus-ring-color auto 0px;;}

body.index{background-color: #fff;}
.head{height:86px;background-color:var(--mainColor);color:#fff;}
.head a{color:#fff;}
.head_main{width:var(--mainWidth);margin: auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.nav_btn{display: none;}
.head .user a:not(:last-child)::after{content:"|";margin:0 .5em;}
.nav{box-shadow: 0px 0px 6px #cacaca;background-color: #fff;top:0;left:0;position: relative;width:100%;}
.nav.navfix{position: fixed;z-index:20;}
.nav_main{width:var(--mainWidth);margin: auto;display: flex;justify-content: space-between;align-items: center;}
.nav_main ul{padding-left:1em;}
.nav_main ul li{display: inline-block;padding:.65em 0;font-size: 18px;position: relative;z-index:1;}
.nav_main ul li::before{content:"";width:100%;height:100%;position: absolute;top:0;left:calc( -.3em - 4px );background-color: #e1e1e1;z-index:-1;display: none;}
.nav_main ul li:last-child::before{width:calc(100% + .9em);}
.nav_main ul li:not(:last-child)::after{content:"|";margin:0 .3em;}
.nav_main ul li:hover::before{display: block;}
.nav_main ul li.active a{color:var(--mainColor);}
.search img{height: 28px;}
.main{width:var(--mainWidth);margin: auto;padding:37px 10px 20px;min-height:calc( 100vh - 86px - 50px - 96px )}
.main_flex{display: flex;justify-content: space-between;margin-bottom:30px;;}
.foot{text-align: center;font-size:14px;background-color:var(--mainColor);color:#fff;line-height: 2;padding: 20px 0;}
.foot a{color:#fff;}
.mask_bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 2;display: none;}
.main_bg{background-color: #fff;padding:20px 40px;}
@media screen and (max-width:1020px){
  html,body {--mainWidth:100vw;}
  .head{height:50px;position: fixed;z-index:8}
  .head_main{padding:0 1em;}
  .logo img{height: 30px;;}
  .user{display: none;}
  .nav_btn{display: block;}
  .nav{position: fixed;width:50%;top:0;z-index:10;height:100%;border-right: 3px var(--mainColor) solid;left: -50%;box-shadow: none;}
  .nav_main{width:100%;height: 100%;    overflow-y: auto;    align-items: flex-start;}
  .nav_main ul{padding:0 0;border-top: 1px var(--mainColor) solid;}
  .nav_main ul li{width:100%;padding:0 20px;border-bottom: 1px var(--mainColor) solid;line-height:55px;font-size:16px;}
  .nav_main ul li:not(:last-child)::after{display: none;}
  .nav a{display:block;}
  .search{display: none;}
  .main{padding:50px 0 0;margin:0;}
  .foot{font-size: 12px;}
  .main_bg{padding:3vw 3vw;}
  .main_flex{margin:0;}
}

/* 首页框架 */
.box_L{width:670px; padding-right:18px;border-right:2px solid var(--mainColor);}
.box_R{width:310px; }
.box_R_item{margin-bottom:30px;font-size: 14px;}
@media screen and (max-width:1020px){
  .box_L{width:100%; padding-right:0;border-right:0;}
  .box_R{display: none; }
}

/* 焦点图 */
.focus{width:100%;}
.focus .swiper-slide{height: 100%;}
.focus_img{height: 365px;}
.focus_img img{width:100%;height: 100%;object-fit: cover;}
.focus_text{padding:20px 10px;}
.focus_text h5{font-size: 22px;height:3em;margin-bottom:.5em;font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.focus_text p{font-size: 14px;;height:3em;color:#575757;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index .focus_img{height: 305px;}
.index .focus_text{background-color: #fff;height:160px;}
.index .focus_text h5{-webkit-line-clamp: 2;height:3em;}
.index .focus_text p{-webkit-line-clamp: 2;height:3em;}
.channel .focus_text h5{-webkit-line-clamp: 1;height:1.5em;}
.channel .focus_text p{-webkit-line-clamp: 2;height:auto;}

.focus.swiper-horizontal>.swiper-pagination-bullets{bottom:auto;top:273px;text-align: right;padding-right: 1em;}
.focus .swiper-pagination-bullet{width:16px;height: 16px;border-radius: 0;line-height: 16px;color:#fff;opacity: 1;font-size: 12px;text-align: center;}
.swiper-pagination-bullet-active{background-color: var(--mainColor);}
@media screen and (max-width:1020px){
  .focus{border: 0;}
  .focus_img,.index .focus_img{height:50vw;}
  .focus.swiper-horizontal>.swiper-pagination-bullets{top:calc(50vw - 30px );}
  .focus_text{display: none;}
}

/* 广告位 */
.adfocus{padding:20px 0;border-bottom:1px solid #828181;border-top:1px solid #828181;}
.adfocus img{width:100%;}
@media screen and (max-width:1020px){
  .adfocus{padding:0;border-bottom:0;}
}

/* 快讯 手机版 */
.box_L .kx{display: none;align-items: center;margin:2vw 2vw;}
.box_L .kx h1{width:12vw;}
.box_L .kx h1 img{width: 100%;}
.box_L .marquee {width:calc( 100% - 12vw );line-height:2;overflow:hidden;font-size:14px;height:4em;padding-left:.5em;}
.box_L .marquee li{border-bottom:0px solid #f6f6f6;}
@media screen and (max-width:1020px){
  .box_L .kx{display: flex;}
}

/* 文章列表 */
.article{}
.article ul{/*display: flex;flex-wrap: wrap;*/position: relative;}
.article ul::after{position: absolute;content: "";left:0;top:0;width:325px;height: 100%;display: block;border-right:1px solid #ccc;z-index:0;}
.article ul li{display: inline-block;width:50%;padding:12px;border-bottom:1px solid #ccc;z-index:1;}
.article ul li.newLi{opacity: 0;}
.article ul li img{width:100%;}
.article ul li a{display:block}
/* .article ul li[style*="325px"]{border-left:1px solid #ccc;} */
.article ul li h5{font-size:18px;padding:10px 0;}
.article ul li p{font-size:14px;color:#575757;margin-bottom: 15px;}
.article ul li .tag{color: #9fa0a0;font-size: 12px;}
.more{background: url(../image/sanjiao.png) top center no-repeat;text-align: center;padding-top:20px;margin-top:30px;font-size:14px;color:#898989;cursor: pointer;}
@media screen and (max-width:1020px){
  .article ul::after{display: none;}
  .article ul li{width:100%;padding:2vw;}
  .article ul li a{display: flex;}
  .article_img{width:30vw;}
  .article ul li img{height:20vw;object-fit: cover;}
  .article_text{width: calc( 100% - 30vw );padding-left:1em;}
  .article ul li h5{font-size:4vw;padding:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .article ul li p{display: none;}
  .more{padding-bottom:1em;}
}

/* 右侧栏目 */
.box_R h1{font-size: 16px;font-weight: bold;position: relative;line-height: 2.2;padding-left:25px;margin-bottom:15px;}
.box_R h1::before{content:"";position: absolute;left:0;top:0;width:35px;height:30px;border-left:13px solid var(--mainColor);border-top: 4px solid var(--mainColor);}

/* 快讯 */
.box_R .marquee {line-height:2;overflow:hidden;margin-top:0px;font-size:14px;height:10em;}
.marquee ul li a {font-size:14px;color:#221815;display:block;position:relative;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marquee ul li a::before {position:absolute;content:"";width:4px;height:4px;background:var(--mainColor);border-radius:50%;left:0;top:40%;}
.marquee ul li a:hover {color:var(--mainColor);}

/* 书店 */
.shop ul{display: flex;justify-content: space-between;}
.shop ul li{width:48%;}
.shop ul li img{width:100%;height:210px;object-fit: cover;display: block;}
.shop ul li p{text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

/* 视频专区 */
.box_R_item.video ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.box_R_item.video ul li:first-child {width:100%;}
.box_R_item.video ul li a{display: block;}
.box_R_item.video ul li:not(:first-child) {width:49%;margin-top: 1em;}
.box_R_item.video ul li img{width: 100%;}
.box_R_item.video ul li p{text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

/* 数媒矩阵 */
.smjz ul{display: flex;flex-wrap: wrap;}
.smjz ul li{width:33.333%;text-align: center;padding:10px 0;}
.smjz ul li img{width:60px;}

.channel .main_flex{border-bottom:2px solid var(--mainColor);}
.channel .box_R h1{margin:0;}
.channel .box_R_item{margin:0;}

/* 编辑推荐 */
.bjtj li a{padding:20px 0;display: block;}
.bjtj li:not(:last-child){border-bottom:1px solid #ccc;}
.bjtj li h5{font-size: 16px;font-weight:bold; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:.5em;}
.bjtj li p{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 文章列表 */
.article_list{background: #fff;padding:15px;}
.article_list ul li{padding:1em 0;border-bottom:1px solid #eee;}
.article_list ul li a{display: flex;}
.article_list ul li .article_img{width:310px;height:160px;}
.article_list ul li .article_img img{width:100%;height:100%;object-fit: cover;}
.article_list ul li .article_text{width: calc(100% - 310px);padding-left:30px;}
.article_list ul li h5{font-size:18px;padding:10px 0;}
.article_list ul li p{font-size: 14px;color:#727171;}
.article_list ul li .tag{text-align: right;color:#9fa0a0;font-size: 12px;margin-top:30px;}
.article_list span.search{color:var(--mainColor);}
.video_list ul li{padding:1em 0;border:0;}
.video_list ul li .tag{text-align: left;}
.left_menu .xd-xw{position: fixed;top:190px;z-index:9;font-size: 1.2em;;}
.left_menu .xd-xw li{padding: 0 1em;color:#fff;background: var(--mainColor);text-align: center;line-height: 50px;margin-bottom: 2px;}
.left_menu .xd-xw li.on{background: #e1e1e1;}
.left_menu .xd-xw li a{color:#fff;}
.left_menu .xd-xw li.on a{color:#000;}
@media screen and (max-width:1020px){
  .article_list{padding:0;margin:0;}
  .article_list ul li{width:100%;padding:2vw;}
  .article_list ul li .article_img{width:30vw;height:20vw;}
  .article_list ul li img{object-fit: cover;}
  .article_list ul li .article_text{width: calc( 100% - 30vw );padding-left:1em;}
  .article_list ul li h5{font-size:4vw;padding:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .article_list ul li p{display: none;}
  .article_list ul li .tag{margin-top:1em;}
  .more{padding-bottom:1em;}
  .left_menu{position: fixed;top:50px;width:100vw;border-top:1px solid #fff;}
  .left_menu .xd-xw{font-size:1em;position: relative;top: auto;display: flex;min-width:100%;overflow-x: auto;}
  .left_menu .xd-xw li{white-space:nowrap;line-height: 3;flex: auto;padding:0 .8em}
  .video_list{padding-top:50px;}
}

/* 文章内容 */
.article_title{padding-bottom:10px;border-bottom: 1px solid #898989;}
.article_title h1{font-size:30px;font-weight: 100;}
.article_info{display: flex;justify-content: space-between;color:#898989;font-size:16px;margin-top:35px;}
.info_right{position: relative;}
.info_right .qrcode{position: absolute;width: 180px;z-index:10;right:0;top:calc( 100% + 0px );border: 1px solid #898989;display: none;padding:15px;background:#fff;}
.info_right:hover .qrcode{display: block;}
.article_description{background-color:#ddd;line-height: 1.75;padding:.5em 1em;margin-top:1em;text-align: justify;}
.article_show .article_img{margin:15px 0;}
.article_img img{width: 100%;}
.article_cont{line-height: 1.75;}
.article_cont img{max-width: 100%;margin: auto;display: block;}
.article_cont p,.article_cont section{padding:10px 0;}
.article_cont p.ql-align-justify ,.article_cont .ql-align-justify{text-align: justify;}
.article_cont p.ql-align-center ,.article_cont .ql-align-center{text-align: center;}
.article_cont p.ql-align-right ,.article_cont .ql-align-right{text-align: right;}
.video-js{width:100%;}
@media screen and (max-width:1020px){
  .article_show{padding:3vw 3vw;}
  .article_info{margin-top:15px;}
  .info_right{display: none;}
  .article_show .article_img{width: 100%;}
}

/* 会员单位 */
.partner-con{padding:20px 0;}
.partner-title{font-size: 20px;margin-bottom:.5em;}
.partner-list{display: flex;flex-wrap: wrap;}
.partner-list li{max-height:70px;padding:15px 6px;width:30.66%;text-align: center;}
.partner-list li img{max-height: 100%;max-width: 100%;}
@media screen and (max-width:1020px){
  .partner-con{padding:5vw 0;}
  .partner-title{font-size: 4.5vw;}
  .partner-list li{width:33.3333%;}
}

/* 搜索表单 */
.search_form{width:500px;margin:auto;display: flex;border:1px solid #ccc;border-radius:4px;}
.search_form input{font-size:16px;padding:10px 10px;line-height:1.5;border:0;border-radius:4px;}
.search_form input.input{width:calc( 100% - 120px );}
.search_form input.button{width:120px;border-left:0;text-align: center;border-radius:0 4px 4px 0;cursor: pointer;}
@media screen and (max-width:1020px){
  .search_form{width:100%;}
  .search_form input{font-size:4vw;padding:2vw 2vw;}
  .search_form input.input{width:calc( 100% - 30% );}
  .search_form input.button{width:30%;}
}

/* 专题列表 */
.topic_list ul{display: flex;flex-wrap: wrap;}
.topic_list ul li{width:33.333%;padding:10px;}
@media screen and (max-width:1020px){
  .topic_list ul li{width:50%;;}
  .topic_list ul li .article_img{width:100%;}
  .topic_list ul li .article_text{width: 100%;padding:0;}
}