@charset "utf-8";
/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
/* banner */
.banner{width: 100%; height: 670px; background-image: url(banner.png); background-color: #AD2C23; background-repeat: no-repeat; background-position: top center;}
/* 导航栏 */
.nav{width: 1200px; margin:0 auto; margin-top:-145px; margin-bottom:50px;}
.nav ul{text-align: center;}
.nav ul li{display: inline-block; margin:0 15px; width: 216px; height: 101px; background: url(nav_bg.png) no-repeat center;}
.nav ul li:hover{background: url(nav_hover_bg.png) no-repeat center; background-size:100% ;}
.nav ul .hover{background: url(nav_hover_bg.png) no-repeat center; background-size:100% ;}
.nav ul li a{font-size:32px; font-weight: bold; color: #fdeec4; display: flex; justify-content: center; align-items: center; height: 100%;}
.nav ul li a:hover{color: #ae0a0e;}
.nav ul .hover a{color: #ae0a0e;}
.content{width: 1200px; margin: 0 auto; overflow: hidden;}
/* 顶部新闻 */
.slideTxtBox{ width:100%; height: 180px; background: #EDEDED; margin:30px 0;}
.slideTxtBox .hd{height: 44px; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.slideTxtBox .hd ul li{width: 50px; height: 6px; border-radius: 4px; background-color: #CACACA; display: inline-block; cursor: pointer; margin:0 5px;}
.slideTxtBox .hd ul li.on{background: #9B271C;}
.slideTxtBox .bd{ padding:0 40px; padding-top:30px;}
.slideTxtBox .bd span{width: 100px; height: 100px; border-radius: 10px; float: left; background:linear-gradient(#BB4524,#97251C); margin-right: 30px;}
.slideTxtBox .bd h2{font-size: 26px; color: #ae0d02; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px;}
.slideTxtBox .bd p{font-size: 18px; color: #000; text-indent: 2em; overflow:hidden; word-wrap: break-word; text-overflow:ellipsis; display:-webkit-box;    -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 30px;}
/* 特约文章 */
.tywz{overflow: hidden; margin-bottom: 50px;}
.title{margin-bottom:40px;}
.title a{float: right; line-height: 50px; font-size:20px; color: #ae0d02;}
/* 特约文章轮播 */
.slideBox{ width:510px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd; float: left;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:11px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:7px; border-radius: 50%; width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; width: 20px; border-radius: 4px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{display: block; width: 100%; height: 100%;}
.slideBox .bd li a p{position: absolute; content: ''; bottom:11px; left:24px; z-index: 20; font-size: 16px; color: #FFFFFF; letter-spacing: 0; font-weight: 500; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slideBox .bd li::before{position: absolute; width: 100%; height: 45px; content: ''; bottom:0; left:0; background: #000; opacity: 0.5; z-index: 3;}
.slideBox .bd img{ width:510px; height:300px; display:block;  }
/* 特约文章信息列表 */
.tywz_list{width: 650px; height: auto; float: right;}
.tywz_list ul li{margin-bottom:24px;}
.tywz_list ul li a h2{font-size: 22px; color:#000; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; margin-top: 15px;}
.tywz_list ul li a p{font-size:16px; color: #000; text-indent: 2em; overflow:hidden; word-wrap: break-word; text-overflow:ellipsis; display:-webkit-box;    -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height: 26px;}

/* 探索实践 */
.tssj{overflow: hidden; margin-bottom: 50px;}
.tssj_list ul li{width: 100%; height: 200px; background: linear-gradient(#BB4524,#97251C); margin-bottom:20px; }
.tssj_list ul li a{display: block; padding:20px; color:#fff; display: flex; align-items: center;}
.tssj_list ul li a img{width:280px; height: 160px; background: #fff; margin-right:45px;}
.tssj_list ul li a h2{font-size:22px; margin-bottom:14px;}
.tssj_list ul li a p{font-size:16px; text-indent: 2em; overflow:hidden; word-wrap: break-word; text-overflow:ellipsis; display:-webkit-box;    -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 26px;}
/* 专家足迹 */
.zjzj{background: #F1F1F1;}
.zjlt{width: 1200px; margin:0 auto; padding:40px 0; padding-bottom:1px;}
.zjlt_list{margin-bottom:50px;}
.zjlt_list ul li{margin-bottom:20px;}
.zjlt_list ul li a h2{font-size:22px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px;}
.zjlt_list ul li a p{font-size:16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 期刊简介 */
.QK_jj{ padding:40px 0; background: url(QK_jjbg.png) no-repeat center; background-size: cover;}
.nr_content p{font-size: 20px; color: #000; text-indent: 2em; line-height: 40px; margin-bottom:40px;}

/* 期刊目录 */
.muL{padding:40px 0;}
.muLeft{width: 320px; height: 660px; float: left; border:1px solid #E6E4CA; background: #FFFEEF;}
.muLeftimg{width: 84%; text-align: center; padding: 40px 0px; margin: 0 auto; margin-bottom: 40px; border-bottom: 1px solid #E6E4CA;}
.muLeftimg img{width: 164px; height: 223px;}
.muLeftcontent{width: 84%; margin:0 auto; display: flex; flex-wrap: wrap; line-height: 32px;}
.muLeftcontent span{font-size: 16px; font-weight: bold; display: flex;}
.muLeftcontent p{font-size:16px;}
.muLeftcontent span p{font-size:16px; font-weight: initial;}
.muRight{width: 830px; height: auto; float: right; position: relative;}
.muRight ul{display: flex; flex-wrap: wrap; text-align: center;}
.muRight ul li{width: calc(100% / 4 - 0px); position: relative;}
.muRight ul li:nth-child(1)::after{position: absolute; content: ''; bottom:19px; left:0; width: 850px; height: 120px; background: url(muRight.png) no-repeat center; background-size: cover;}
.muRight ul li:nth-child(5)::after{position: absolute; content: ''; bottom:19px; left:0; width: 850px; height: 120px; background: url(muRight.png) no-repeat center; background-size: cover;}
.muRight ul li:nth-child(9)::after{position: absolute; content: ''; bottom:19px; left:0; width: 850px; height: 120px; background: url(muRight.png) no-repeat center; background-size: cover;}
.muRight ul li a{display: block; position: relative; z-index: 20;}
.muRight ul li a img{width:140px; height: auto;}
.muRight ul li a h3{margin-top: 63px; margin-bottom: 50px;}

/* 期刊目录二级页面 */
.muRight_sx{display: flex; flex-wrap: wrap; justify-content: space-between;}
.muRight_sx a{font-size:20px; color: #d0141b;}
.muRightCont h2{font-size:30px; text-align: center; margin-top:-34px;}
.contitle{width: 640px; margin: 0 auto; border: 1px solid #CECECE; margin-top: 40px; padding:40px 0; overflow: hidden;}
.contitlenr{width: 435px; margin: 0 auto;}
.contitlenrList h2{color: #BE3835; margin-top:0; text-align: justify; font-size: 22px; position: relative;}
.contitlenrList h2::before{position: absolute; content: ''; left:0; bottom:0; width: 100%; height: 1px; background: #BE3835;}
.contitlenrList h2::after{position: absolute; content: ''; right: -6px; bottom: -2px; width: 4px; height: 4px; border: 1px solid #BE3835; border-radius: 50%;}
.contitlenrList ul{display: block; overflow: hidden;}
.contitlenrList ul li{width: 100%; margin:20px 0;}
.contitlenrList ul li a{display: block; text-align: left; font-size: 15px; font-weight: 100; margin-left: 30px;}
.brond ul li a{font-weight: bold;}
.brond ul li a h4{font-weight: bold !important;}
.contitlenrList ul li a span{float: left; margin-right: 20px; line-height: 30px;}
.contitlenrList ul li a h4{font-weight: 400; line-height: 28px;}
.contitlenrList ul li a h4 p{float: right;}


/* 期刊订阅 */
.qkdy{width: 100%; height: 360px; background: #F1F1F1;}
.qkdyLeft{width: 640px; height: 100%; float: left;}
.qkdyLeft img{width: 100%; height: 100%;}
.qkdyRight{float: right; width: 560px; height: 100%;}
.qkdyRightContent{padding:50px 100px;}
.qkdyRightContent h2{position: relative; color: #aa0803; font-size: 24px; font-weight: bold; border-bottom:1px solid #aa0803; padding:10px 42px; margin-bottom: 24px;}
.qkdyRightContent h2::after{position: absolute; content: ''; left:-18px; bottom:-2px; width: 48px; height: 46px; background: url(dh_ico.png) no-repeat center; background-size: 100% 100%;}
.qkdyRightContent span{font-size:20px; font-weight: bold; color: #000; display: flex; line-height: 36px;}
.qkdyRightContent span p{font-size: 20px; color: #000; font-weight: initial;}


/* 列表页 */
.dqwz{font-size: 16px; color: #a60012;}
.dqwz a{ color: inherit; margin:0 6px;}
.conList{overflow: hidden; margin-top:20px;}
.conList ul li{width: 100%; line-height: 50px; padding-left:20px; position: relative;}
.conList ul li::before{position: absolute; content: ''; top:22px; left:0; width: 6px; height: 6px; background: #a60012; border-radius: 50%;}
.conList ul li a{display: block; position: relative; overflow: hidden;}
.conList ul li a p{width: 85%; float: left; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conList ul li a:hover p{color: #a60012;}
.conList ul li a span{width: 10%; float: right; font-size: 18px; color: #aaa;}

/* 栏目底部 */
.QK-bottom{width: 100%; height: 80px; background: #9E291C; display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; justify-content: space-evenly; align-content: space-around;}
.QK-bottom p{text-align: center; font-size: 14px; color: #fff;}
/* 手机版 */
@media screen and (max-width: 768px) {
    .nav{width: 100%; margin-top: -9%; margin-bottom: 0;}
    .nav ul li{margin:0 5px; width: 18%; height: auto; background-size: 100% 100%;}
    .nav ul li a{font-size: 14px; padding: 6px 0;}
    .banner{height: 120px; background-size: 100%;}
    .content{width: 100%;}
    .slideTxtBox .bd span{display: none;}
    .slideTxtBox .bd{padding: 0 20px; padding-top: 24px;}
    .slideTxtBox .bd h2{font-size: 20px;}
    .slideTxtBox .bd p{font-size: 16px;}
    .title img{max-width: 150%; margin-left: -28%; overflow: hidden;}
    .title a{margin-top: -10%; position: relative; background: #fff; display: block; width: 65px; height: 40px; line-height: 40px; padding-left: 1%;}
    .zjlt{width: 100%; overflow: hidden;}
    .slideBox{width: 98%; height: 205px; float: none; margin:0 auto;}
    .slideBox .bd img{width: 100%; height: 100%;}
    .tywz_list{width: 98%; margin:0 auto; float: none;}
    .tywz_list ul li a h2{font-size: 18px;}
    .tywz_list ul li a p{font-size: 14px;}
    .tssj_list ul li a{display: block;}
    .tssj_list ul li{height: auto;}
    .tssj_list ul li a img{width: 100%;}
    .tssj_list ul li a h2{font-size: 18px; margin-bottom: 5px; margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .zjlt_list{width: 98%; margin: 0 auto;}
    .zjlt_list ul li a h2{font-size: 18px;}
    .zjlt .title a{background: #F1F1F1;}
    /* 期刊简介 */
    .nr_content{width: 96%; margin:0 auto;}
    .muLeft{float: none; width: 96%; margin:0 auto;}    
    .muRight{width: 100%; float: none; padding-top:35px;}
    .muRight ul li{width: calc(100% / 2 - 0px);}
    .muRight ul li:nth-child(5)::after{position: absolute; content: ''; bottom:19px; left:0; width: 850px; height: 120px; background: none; background-size: cover;}
    .muRight ul li:nth-child(9)::after{position: absolute; content: ''; bottom:19px; left:0; width: 850px; height: 120px; background: none; background-size: cover;}
    .muRight ul li a h3{margin-top: 20px; margin-bottom: 25px;}
    .qkdy{width: 96%; height: auto; margin:0 auto;}
    .qkdyLeft{width: 100%;}
    .qkdyRight{width: 100%;}
    .qkdyRightContent{padding: 25px 15px;}
    .muRightCont h2{margin-top: 8%;}
    .contitle{width: 96%;}
    .contitlenr{width: 90%;}
    .contitlenrList ul li{width: 100%;}
    .contitlenrList ul li a{margin-left:5%;}
    .conList{width: 96%; margin: 0 auto;}
    .conList ul li{padding-left: 4%;}
    .conList ul li a p{width: 65%; font-size: 16px;}
    .conList ul li a span{width: 30%; font-size: 16px;}
}
@media screen and (max-width: 1000px){
.banner{
display:block!impoant;
}

}