/*css reset*/
/*别删，有的得看情况调一下宽度*/
.archcon .arc-listit { width:120px; } 
.columimg { width:460px; } 
.col-lg-8 .archcon .archimg li,.col-lg-9 .archcon .archimg li { width: 25%; } 
.col-lg-8 .columimg { width: 680px; } 
.col-lg-9 .columimg { width: 780px; } 
.chooseAll { margin:0; } 
.toolBox1 { padding-top:20px; } 
.toolBox2 { padding-top:20px; } 
.footer { position: relative; z-index: 2000; } 
.inner { width:1170px; margin:0 auto; } 
/*所有颜色*/
.mainColor,.reference-tab .td2 a { color:#003C65; } /**1.页面字体需要变主色调，直接调用mainColor; 2.参考文献doi颜色与主色调一致**/
.article-list .mainColor { color:#003C65; } 
/*文章页颜色*/
.article-pc .mainColor,.article-main-mid a { color:#003C65; } 
/*文章页标题下方显示与隐藏按钮*/
.content .article .article-left .togglebtn i { padding: 2px; } 
.archcon.archcon-new dl dd.active a { } 
.header-nav,.tab-ul-index li.active,.article-list-journalg,.footer .top,.phone-nav,.main .article-content ul#htmlContent2 h3.full-text,
#page-tag-div .pagination>.active>a,.comtit,.archcon.archcon-new dl dd.archconVol,.archcon.archcon-new dl dd.active,
.archcon .arc-listit dd.active,.archcon .arc-listit .arctpoint,.tab-ul-index li.active,.footer .btmb,
.header-nav,.header-nav ul > li ol,.qikan .subBtn,.header-nav,.pageTagsUl li.current,.pageTagsUl li.clickpage:hover,
.messageBoard .tj,.btn-primary,.guokan-tit .guokan-tab li.curr,.guokan-dl dd.active,
.guokan-dl dd.years,.guokan-dlyear dt { background-color: #003C65; } 
/*2019年5月13日版本过刊标题*/
.guokan-tit h2 { color:#003C65; } 
/*移动端搜索头部下拉框颜色*/
.phone-nav .search-app-wrap select option { background: rgba(9, 96, 192, 0.9); } 
/*滑上去的颜色*/
.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a { background:#0089e3; } 
/*向上箭头*/
.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #003C65 url("../images/public/back_top.png") no-repeat center center; display: none; } 
.arcmethod li.active,.phone-nav { border-color:#26804a; } 
.derived i.current,.base-title .more:hover,.news-list li a:hover,.article-list-title a:hover, .article-list-author a:hover,.article-list-time a:hover,.article-list-zy font a:hover { color:#003C65; } 
#page-tag-div .pagination>.active>a { border-color:#003C65; } 
.footer .btmb { padding-top:8px; padding-bottom:8px; } 
/*手机下拉颜色有透明度，自己看着写*/
.phone-nav .search-app-wrap,.smallUl { background: rgba(  0, 60,101, 0.9); } 
/*以上是需要改颜色的*/
.footer .top span { margin-right:10px; } 
.smallUl { z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none; } 
.smallUl a { color: #fff; display: block; line-height: 24px; } 
.smallUl>li { text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } 
.smallUl li > a { padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block; } 
.smallUl > li > a span { margin: 0 0 0 10px; } 
.smallUl > li > a span img { vertical-align: middle; margin: -3px 0 0; transition: all 0.2s; } 
.smallUl > li > a span.active img { transform: rotate(90deg); } 
.smallUl > li > ol { display: none; } 
.smallUl > li > ol a { padding: 0 8%; } 

.navList { width: 30px; cursor: pointer; } 
.navList span { height: 3px; background-color: #fff; margin: 0 0 8px 0; display: block; transition: all 0.5s; } 
.navList span:last-child { margin: 0; } 
.navList { display: block; padding-top:4px; } 
.navList span:last-child { margin: 0; } 

.phone-nav input::-webkit-input-placeholder { color: #fff; opacity: 1; } 
.phone-nav .text { background: #fff; } 
.phone-nav .text { line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px; } 
.phone-nav .sub { width: 35px; height: 25px; background: #fff url(../images/custom/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0; } 
.phone-nav .en { line-height: 25px; color: #fff; } 

.phone-nav .search-app-wrap { display: none; position: absolute; left: 0; width: 100%; top: 50px; z-index: 2000; padding: 8px 0; } 
.phone-nav .search-app-wrap select { width: 23%; border: none; height: 30px; border-radius: 4px; padding: 0 0 0 5px; background: url(../images/public/select_arrow.png) no-repeat scroll right center rgba(255, 255, 255, 0.2); color: #fff; } 

.phone-nav .search-app-wrap .text { width: 75%; margin: 0 0 0 2%; border-radius: 4px; height: 30px; } 
.phone-nav .search-app-wrap .sub { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.2) url("../images/public/search1.png") no-repeat center center; background-size: 22px; position: absolute; right: 15px; top: 8px; } 
/*.header .logo { width: 50%; } */
.header .logo img { max-width: 100%; } 
.header .bot { background-size: cover; } 
.phone-nav { padding: 8px 0; position: relative; } 
.phone-nav .en { line-height: 25px; color: #fff; } 
.phone-nav .text, .phone-nav .sub { background: rgba(255, 255, 255, .2); } 
.phone-nav .text { line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px; } 
.phone-nav .sub { width: 35px; height: 25px; background: rgba(255, 255, 255, .2) url(../images/custom/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0; } 
.search-wrapper { display: none; } 
/*手机菜单2*/
.phone-nav .container .logo { display: block; padding: 2px 0 0 0; position: relative; } 
.phone-nav .container .logo img { max-width: 170px; max-height:34px; } 
/*.phone-nav .container .logo:before { content: ''; width: 1px; height: 80%; background: #fff; position: absolute; left: 6px; top: 2px; bottom: 0; margin: auto; } */
.phone-nav .container .search-app { display: block; background: url("../images/public/search2.png") no-repeat center center; width: 34px; height: 34px; background-size: 30px; color: #fff; margin-left:10px; } 
.phone-nav .container .search-app.active { background: url("../images/public/close-app.png") no-repeat center center; background-size: 32px; } 
.main-right .current-ul li .tit { width: 100%; float: none; } 
.main-right .current-ul li .right { float: none; } 
.main-right .current-ul a { display: inline-block; } 
.main-right .banner .item .text p { width: 70%; } 
.main-right .current-ul li .box { padding: 8px 0; } 
.search-wrap .in-bl { width: 100%; } 
.search-wrap .form-group { margin-left: 0; margin-right: 0; } 

@media screen and (max-width: 375px){
 .phone-nav .search-app-wrap .text { width:74%; } 
 .phone-nav .search-app-wrap select { width:24%; } 
 }
/*头部导航css*/
.top .nav { border-top:solid 2px #fff; height: 38px; line-height: 36px; text-align: center; } 
.top .nav ul>li { float: left; font-size: 16px; position: relative; height: 36px; } 
.top .nav li a { color: #fff; display: block; text-align: center; padding: 0 26px; } 
.top .nav ul li a:hover,.top .nav li.active { text-decoration: none; } 
.nav-second { display: none; position: absolute; z-index: 100; } 
.header-nav { border-top:solid 2px #fff; } 
.header-nav .container { padding:0; } 
.header-nav ul > li { float: left; position: relative; text-align: center; } 
.header-nav ul > li > a { display: block; color: #fff; line-height: 34px; font-size: 16px; padding:0 23px; } 
.header-nav-en ul > li > a { padding:0 20px; } 
.header-nav ul > li > a span { display: inline-block; width: 12px; height: 45px; margin-left: 2px; position: relative;  } 
.header-nav ul > li > a span::before { content: "\e65a";font-family: "iconfontdjclydqdlx"; } 
.header-nav ul > li ol { position: absolute; left: 0; top: 34px; min-width: 100%; z-index: 101; display: none; } 

.top .header-nav ul > li ol li a { font-size: 15px; display: block; padding: 0 26px; white-space: nowrap; color: #2D2D2D; line-height: 34px; } 
.phone-nav .sub { background: #fff url("../images/public/search1.png") no-repeat center center; } 
/*头部导航css end*/
/**********************************/


.header .container { background: url(../images/custom/topbg.png) no-repeat center; } 
.tab-ul-index li { width:108px; } 
.archcon.archcon-new dl dd { min-width:50px; } 


.comwrap { /*padding-bottom: 5px; */min-height:160px; } 
.comtit { width: 100%; background: #003C65; font-size: 14px; height: 31px; line-height: 31px; color: #fff; position: relative; padding-left: 35px; margin-bottom: 18px; } 
.comtit span { display: block; position: absolute; width: 20px; height: 20px; top:6px; left: 10px; background: url(../images/custom/icotit.png) no-repeat; } 
.comtit a { position: absolute; right: 8px; color: #fff; font-size: 10px; } 
.comlist li { position: relative; margin-bottom: 8px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ } 
.comlist li a { padding-left: 20px; color: #333; display: block; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ } 
.comlist li a span { position: absolute; top:4px; left: 10px; display:block; width: 5px; height: 11px; background: url(../images/custom/icolist.png) no-repeat; } 
/*
.zzyd .comtit span { background-position: 0px -27px; } 
.xzzx .comtit span { background-position: 0px -54px; } 
.qkxx .comtit span { background-position: 0px -87px; } 
.qkdt .comtit span { background-position: 0px -112px; } 
.yqlj .comtit span { background-position: 0px -139px; } 
.videos .comtit span { background-position: 0px -165px; } 
.xglj .comtit span { background-position: 0px -191px; } 
.qkxx .comtit { margin-bottom: 0; } 

.qkdt .comlist li a,.yqlj .comlist li a { padding-left: 8px; } 
.xglj .comlist li a { padding-left:0; } 
.xglj .comlist li a img { width:100%; } 
.qkdt .comlist li a span { width: 17px; height: 17px; line-height: 17px; border-radius: 50%; background: #b8b8b8; color: #fff; text-align: center; position: initial; float: left; margin-right: 8px; } 
.qkdt .comlist li.active a span { background: #a93237; } 
*/
/*css reset end*/

/********************************/

/*新的编委会*/
.editorSubject { margin-bottom:30px; } 
.editorSubject h3 { font-weight:bold; font-size:22px; color:#222; margin-bottom:20px; } 
.editorSubject ul li { margin-bottom:10px; width:50%; float:left; } 
.editorSubject ul li a { font-size:14px; color:#7f241f; font-weight:bold; position:relative; padding-left:15px; display: inline-block;; } 
.editorSubject ul li a span { position:absolute; background:#7f241f; display:inline-block; margin-right:7px; width:5px; height:5px; border-radius:50%; left:0; top:8px; } 
.editorChief { margin-top:30px; } 
.editorChief .editorType > ul > li { margin-bottom:0; min-height:100px; } 
.editorChief h2 { color:#7f241f; font-size:22px; font-weight:bold; } 
.editorType h3,.editorChief h3 { font-size:20px; color:#7f241f; font-weight:bold; } 
.editorType > ul > li { padding:18px 0; border-bottom:1px solid #e3e3e3; font-size:14px; color:#333333; } 
.editorImg { padding-left:15px; width:20%; text-align:center; } 
.editorImg img { width: 80px; border-radius: 50%; height: 80px; } 
.editorCon { width:80%; } 
.editorDesc { margin-bottom:13px; font-weight: bold; } 
.editorDesc .glyphicon-star { font-size:14px; color:orange; margin:0 15px 0 2px; } 
.editorDesc span { display:inline-block; font-weight:bold; } 
.editorDesc .eEmail { margin-right:15px; margin-left: 15px; } 
.editorDesc .eEmail,.editorDesc .eWebSite { color:#7f241f; } 
.editorCon .editorPosition,.editorCon .eInterests,.editorCon .eSystem, .eColumn { margin-bottom:4px; line-height: 18px; } 
.eSpecialIssues span { color:#7f241f; } 
.eSpecialIssues span:hover { cursor:pointer; } 
.eSpecialIssues ul { display:none; } 
.eSpecialIssues { margin-top:10px; } 
.eSpecialIssues ul li a { color:#7f241f; } 
.emailBox label,.emailBox input,.emailBox button { height:34px; line-height:34px; padding:0 10px; } 
.emailBox input { border:1px solid #ccc; width:120px; } 
.emailBox .form-group { margin-top:15px; } 
.emailBox p .glyphicon { font-size:20px; } 
.emailBox p .glyphicon:hover { cursor:pointer; } 
.emailModal,.emailShowCon { width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; display:none; } 
.emailBox { background: #fff; width: 500px; padding: 20px; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } 
.emailShowCon p { padding:5px 10px;; } 
.emailShowCon p.text-right { padding:0; } 
.emailShowCon p a { font-size:15px; color:#333; color:blue; display:inline-block; padding-right:18px; line-height: 22px; } 

/** 特刊6 样式 */
/*专题专栏*/
.article-list.zkzl { border-bottom:0; padding:10px 0 15px 0; } 
.article-list.zkzl .leftnav li { padding:8px 0; background:#eee; text-align:center; margin-bottom: 5px; } 
.article-list.zkzl .leftnav li.ac { background:#0773c6; } 
.article-list.zkzl .leftnav li.ac a { color:#fff; } 
.article-list.zkzl .leftnav li a { color:#333; } 
.article-list.zkzl .article-list-lunwen li { list-style-type: none; border-bottom: 1px dashed #ddd; } 
.article-list.zkzl .article-list-lunwen li:nth-of-type(2n) { } 
.article-list.zkzl .article-list-lunwen { padding:0; } 
.article-list.zkzl .article-list-lunwen a { font-size:14px; padding: 10px; display: inline-block; } 
.article-list.zkzl .article-list-lunwen a:hover { color:#0773c6; } 
 .article-list-zy font a { line-height:20px; } 

/**********************************/


@font-face {
  font-family: "iconfontdjclydqdlx"; /* Project id 5218975 */
  src: url('../fonts/iconfont.woff2?t=1788163046513') format('woff2'),
       url('../fonts/iconfont.woff?t=1788163046513') format('woff'),
       url('../fonts/iconfont.ttf?t=1788163046513') format('truetype');
}

.iconfontdjclydqdlx {
  font-family: "iconfontdjclydqdlx" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.djclydqdlx-youyi:before {  content: "\e6f1";}
.djclydqdlx-zuoyi:before {  content: "\e6f2";}
.djclydqdlx-xiazai1:before {  content: "\e604";}
.djclydqdlx-yinyong:before {  content: "\ec81";}
.djclydqdlx-icon-close:before {  content: "\e605";}
.djclydqdlx-xiazai1-copy:before {  content: "\e603";}
.djclydqdlx-yinyongziyuan:before {  content: "\e699";}
.djclydqdlx-zuo1:before {  content: "\e611";}
.djclydqdlx-weixin:before {  content: "\e602";}
.djclydqdlx-facebook-fill:before {  content: "\e88d";}
.djclydqdlx-liulan:before {  content: "\e640";}
.djclydqdlx-tuite:before {  content: "\e652";}
.djclydqdlx-linkedin-fill:before {  content: "\e688";}
.djclydqdlx-sousuo:before {  content: "\e600";}
.djclydqdlx-tupian:before {  content: "\e645";}
.djclydqdlx-you:before {  content: "\e650";}
.djclydqdlx-zuo:before {  content: "\e651";}
.djclydqdlx-gengduo:before {  content: "\e62d";}
.djclydqdlx-xia:before {  content: "\e65a";}
.djclydqdlx-lianjie:before {  content: "\e60c";}
.djclydqdlx-cib-open-access:before {  content: "\e73a";}
.djclydqdlx-geng:before {  content: "\e601";}
.djclydqdlx-denglu:before {  content: "\e672";}
.djclydqdlx-xiazai_xiazai:before {  content: "\e616";}
.djclydqdlx-xiazai:before {  content: "\e72b";}


/*css reset end*/

.header-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;height: 100%;}
.header { height:146px; background: #fff; } 
.header .container {height: 100%;}
.logo-wrap {display: flex;height: 100%;align-items: center;}
.header .logo { padding-right: 80px;position: relative;} 
.header .logo img { max-width:520px; } 
.header .logo::after {content: "";width: 1px;height: 92px;background: linear-gradient(to bottom, rgba(0, 0 , 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));display: block;position: absolute;right: 40px;top: 8px;}
.issn-cn {font-size: 14px;color: #000;font-family: Noto Sans SC;line-height: 2;}
.header .logor { display: flex;align-items: center;} 


.header-tsg a{height: 83px;border-radius: 10px;background: #F38111;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);font-family: Noto Sans SC;font-weight: bold;font-size: 16px;color: #FFFFFF;display: flex;align-items: center;padding: 0 24px;transition: all .3s;}
.header-tsg a:hover {background: #003C65;text-decoration: none;}


.top .nav { border:0; height:45px; line-height:45px; } 
.top .nav li a { padding:0;} 
.top .nav ul>li { height:45px; margin: 0 40px;} 
.top .nav ul>li:nth-of-type(1) {margin-left: 0;}
.top .header-nav ul > li > a { line-height:43px; height:44px; font-size:17px; color:#333; } 
.header-nav ul > li ol { top:42px;left:-10px;background: rgba(255,255,255,0.8); border: 1px solid #d1d1d1; border-radius: 8px;} 
.top-nav.nav { border-top:2px solid #383838; border-bottom: 1px solid #2D2D2D; } 
.header-nav,.header-nav { background:#fff; } 
.header-nav ul > li.active > a, .header-nav ul > li:hover > a { color:#2D2D2D; background:none;font-weight: bold;} 
.header-nav ul > li ol li:hover,.header-nav ul > li ol li:hover a { border:0; background:#F38111; color:#fff; } 
.top .header-nav ul > li ol li a { padding:0 20px; } 
.top .header-nav ul > li ol li a { text-align:left; } 
.header-nav ul > li ol { z-index:9999; } 
/* 顶部搜索 */
.search-wrapper{display: inline-block;}
.search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;}
.search-wrapper .searcontent, .search-wrapper .tj{height: 35px;line-height: 35px;display: inline;}
.search-wrapper .searcontent {width:225px;border-radius:0 3px 3px 0; text-indent: 10px;border:1px solid #9e9e9e; }
.search-wrapper input::input-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-webkit-input-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-moz-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-ms-input-placeholder{color: #999999;font-size:14px;}
.search-wrapper .form-control{padding:0 10px;font-size:14px;border:1px solid #9e9e9e;}
.search-wrapper .form-group{margin-left:15px;position:relative;overflow:hidden;}
.search-wrapper .tj{position:absolute;width:42px;color:#fff;background: url(../images/custom/search.png) no-repeat center center;right:0;top:0;}
.search-wrapper .adSearch{color:#000;font-weight:bold;font-size:16px;height:35px;line-height:35px;margin-right:8px;;}
.search-wrapper select{border: solid 1px #000;appearance:none; -moz-appearance:none; -webkit-appearance:none;-ms-appearance:none; background: url(../images/custom/select_arrow.png) no-repeat scroll right 5px center #fff!important; background:none\9;padding-right: 25px;padding-right:0\9;}
.search-wrapper .form-control{padding-left:0;border-radius: 5px;}
.search-wrapper .tj{ background: url(../images/public/mesclose.png) no-repeat center center;background-size: 12px 12px;}
.search_icon{cursor:pointer;display:inline-block;width:45px;height:45px;line-height:40px;border-radius:50%;border:1px solid #383838;text-align:center; position: relative;}
.search_icon::before {content: "\e600";font-family: "iconfontdjclydqdlx";color: #383838;position: absolute;font-size: 24px;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.search-tsg{margin-right: 50px;}
.search-tsg .tsg-btn{display:inline-block;width: 197px;margin-left:18px;height: 38px;background: #FFAC36;border-radius: 6px;text-align: center;color: #fff;font-size: 17px;font-weight: bold;line-height: 38px;}
.top-en .search-tsg .tsg-btn {font-size: 15px;}
.search-tsg img{margin-right:5px;}
.search-box{width:0;height:35px;overflow:hidden;}
.search-box.ac{width:390px;transition: all 1s ease ;}


/*轮播图*/
.banner {padding: 40px 0;}
.banner-wrap {display: flex;width: 100%;}
.banner-l {width: calc(100% - 481px);}
.banner-r {width: 481px;padding-left: 30px;}

.banner-swiper {border: 1px solid #D9D9D9;position: relative;}
.banner-slide-bg { width: 100%; height: 0; padding-bottom: 445px; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; transition: all .3s;} 
.banner-swiper .swiper-slide:hover .banner-slide-bg {transform: scale(1.02);}
.banner-slide-div { position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to top, rgba( 0, 60,101, .7), rgba( 0, 60,101, 0)); width: 100%; text-align: left; padding: 30px 130px 30px 20px;height: 74px; } 
.banner-slide-tit { width: auto; font-size: 18px; color: #fff; font-weight: bold; text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 
.banner-swiper:hover .swiper-button {display: flex;}
.banner-swiper-tools {position: absolute;right: 24px;bottom: 10px;z-index: 2;padding-left: 30px;padding-right: 30px;}
.banner-prev {position: absolute;left: 0;top: 7px;}
.banner-prev::before {content: "\e651";font-family: "iconfontdjclydqdlx";font-size: 22px;color: #fff;}
.banner-next {position: absolute;right: 0;top: 7px;}
.banner-next::before {content: "\e650";font-family: "iconfontdjclydqdlx";font-size: 22px;color: #fff;}
.banner-pagination {font-size: 18px;color: #fff;}
.swiper-pagination-current {font-size: 26px;}

.banner-r a {display: block;border: 1px solid #D9D9D9;position: relative;overflow: hidden;}
.i-common-bg {width: 100%; height: 0; padding-bottom: 208px; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; transition: all .3s; }
.banner-r a:hover .i-common-bg {transform: scale(1.02);}
.i-common-div {position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to top, rgba( 0, 60,101, .7), rgba( 0, 60,101, 0)); width: 100%; text-align: left; padding: 10px 20px 10px 20px;height: 64px;display: flex;align-items: center; }
.i-common-tit  {width: auto; font-size: 16px; line-height:1.25;color: #fff; font-weight: bold; text-align: left;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.banner-r li:nth-of-type(1) {margin-bottom: 27px;}

/* qkxx */
.qi-wrap {display: flex;}
.journal-info {width: 247px;}
.cover-box {margin-bottom: 20px;}
.cover-box img {width: 247px;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);}
.csi {display: flex;height: 60px;justify-content: center;margin-bottom: 12px;}
.csi > span {align-items: center;text-align: center;position: relative;}
.csi > span:nth-of-type(1) {padding-right:30px;}
.csi > span:nth-of-type(2) {padding-left:30px;}
.csi > span:nth-of-type(1)::after {content: "";width: 1px;height: 55px;background: linear-gradient(to bottom, rgba(0, 0 , 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));display: block;position: absolute;right: 0;top: 3px;}
.csi > span > span:nth-of-type(1) {font-size: 24px;color: #222;display: block;}
.csi > span > span:nth-of-type(2) {font-size: 15px;color: #2D2D2D;display: block;}
.journal-editor {font-size: 16px;color: #222;}


/* in-press */
.index-inpress {width: calc(100% - 247px);padding-left: 40px;}
.ii-tit {border-bottom: 1px solid #2E2E2E;padding-bottom: 12px;margin-bottom: 35px;position: relative;}
.ii-tit-a {font-size: 24px;font-weight: bold;color: #000;}
.ii-tit-a::after {content: "\e601";font-family: "iconfontdjclydqdlx";font-size: 22px;color: #181818;font-weight: normal;margin-left: 8px;}
.ii-tit-a:hover {text-decoration: none;color: #000;}
.ii-tit-a:hover::after {position: relative;top: -2px;transform: all .3s;}
.ii-swiper-tools {position: absolute;right: 0;top: -4px;}
.ii-swiper-prev {margin-right: 25px;}
.ii-swiper-prev::before {content: "\e6f2";font-family: "iconfontdjclydqdlx";font-size: 32px;color: #6B6B6B;}
.ii-swiper-next::before {content: "\e6f1";font-family: "iconfontdjclydqdlx";font-size: 32px;color: #6B6B6B;}
.ii-swiper-tools span:hover {cursor: pointer;}
.ii-swiper-tools span:hover::before {color: #181818;}


.ii-article-list .article-thumb {display: flex;width: 100%;height: 185px;border: 1px solid #D9D9D9;align-items: center;justify-content: center;margin-bottom: 12px;float: none;}
.ii-article-list .article-thumb img {max-width: 100%;max-height: 100%;}

.ii-article-list .article-thumb + .article-info-box {width: 100%;padding-right: 0;float: none;}
.ii-article-list .article-list-journalg {margin-top: 0;margin-bottom: 4px;}
.article-list-journalg {background: none;padding: 0;}
.article-list-journalg a, .article-list-journalg a:hover{font-size: 14px;color: #F38111;text-decoration: none;}
.ii-article-list .article-list-title a {font-size: 18px;color: #2E2E2E;line-height: 1.22;font-weight: normal;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ii-article-list .article-list-title {margin-bottom: 8px;height: 66px;}

.main, .article-pc {padding-top: 40px;padding-bottom: 40px;} 
.article-main.article-main .inner {padding: 10px 15px 30px;}
.index-main {padding-bottom: 40px;padding-top:45px;}
.index-articles .tab-box {border-bottom: 1px solid #2E2E2E;position: relative;}
.index-articles .tab-ul-index li {padding: 0;}
.tab-ul-index li {background: none;width: auto;}
.tab-ul-index li:not(:last-of-type) {margin-right: 74px;position: relative;}
.tab-ul-index li:not(:last-of-type)::after {content: "";width: 1px;height: 28px;background: #C7C7C7;position: absolute;right: -38px;top: 16px;}
.tab-ul-index li.active {background: none;}
.tab-ul-index li a {font-size: 26px;font-weight: bold;color: #000;line-height: 54px;}
.tab-ul-index li.active a {color: #000;border-bottom: 4px solid #121212;}
.tab-ul-index li:hover a {text-decoration: none;}

.icm {position: absolute;right: 0;top: 18px;font-size: 16px;color: #323232;}
.icm:hover {color: #003C65;}

.toolBox1 {padding-top: 30px;}
.index-articles .toolBox2 {display: none;}
.index-articles .article-list-left {display: none;}
.index-articles #indexCurrentInfo {display: flex;}
.index-articles .column {display: none!important;}
.index-articles .cur-date-pub, .index-articles .cur-date {font-size: 14px;color: #222;}
.index-articles .catalog {margin-left: auto;}
.catalog a {display:inline-flex;font-size: 15px;color: #2E2E2E;height: 28px;border-radius: 6px;border: 2px solid #7D7D7D;padding: 0 12px;}
.catalog a:not(:last-of-type) {margin-right: 10px;}
.catalog a::after {content: "\e616";font-family: "iconfontdjclydqdlx";font-size: 18px;margin-left: 4px;}
.catalog a:hover {background: #F38111;border-color: #F38111;color: #fff;text-decoration: none;}

.article-thumb + .article-info-box {width: calc(100% - 220px);padding-right: 15px;float: left;}
.article-thumb {width: 220px;height: 140px;float: right;border: 1px solid #D9D9D9;border-radius: 4px;}
.article-thumb a {overflow:hidden;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.article-thumb a img {max-width: 100%;max-height:100%;transition: all .3s;}
.article-thumb:hover img{transform: scale(1.05);}

.index-articles .article-list-journalg {margin-top: 0;margin-bottom: 8px;}
.index-articles .article-list {padding: 20px 0;border-bottom: 1px solid #DCDCDC;}

.article-list-title a { font-weight: 400; font-size: 20px;font-weight:bold; color: #222; } 
.article-list-title a:hover,
.article-list-author a:hover,
.article-list-time a:hover,
.article-list-zy a:hover { text-decoration: none; color: #003C65; } 
.article-list-title { margin-bottom: 16px; } 
.article-list-author { margin-bottom: 5px; } 
.article-list-time { margin-bottom: 9px; } 
.article-list-author a,
.article-list-author,
.article-list-time,
.article-list-time a,.article-list a.mainColor,.article-list-time font,
.article-list-time span,
.article-list-zy,
.article-list-zy a { font-weight: 400; font-size: 16px; color: #858585; line-height: 1.5;} 
.article-list-author {margin-bottom: 6px;}
.article-list-time {margin-bottom: 16px;}
.article-list-btn .colorRed {color: #F38111;}

.article-list-zy font a { color: #222; } 
.article-list-btn font a {color: #222;}
.article-list-zy font a:hover{text-decoration: underline; color: #003C65; }
.article-list a.mainColor:hover {color: #003C65;}

.article-list-zy font+font a::before { content: '|'; display: inline-block; margin: 0 28px 0 4px; color: #D1D1D1; } 

.article-list-more {text-align: center;margin-top: 40px;}
.article-list-more a {line-height: 45px;border-radius: 23px;border: 1px solid #2E2E2E;font-size: 16px;color: #323232;display: inline-flex;padding: 0 32px;transition: all .3s;}
.article-list-more a:hover {background-color: #003C65;border-color: #003C65;color: #fff;text-decoration: none;}


/* index special issues */
.isi {margin-bottom: 30px;}
.common-tit {border-bottom: 1px solid #2E2E2E;padding-bottom: 12px;position: relative;margin-bottom: 30px;}
.common-tit span {font-size: 26px;font-weight: bold;color: #000;}
.i-common-more {font-size: 16px;color: #323232;position: absolute;right: 0;bottom:12px;}

.isi-ul {display: flex;gap: 30px;}
.isi-ul li {width: 25%;list-style: none;}
.isi-ul a {padding: 24px 20px;display: block;background-color: #4380AB;height: 190px;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);position: relative;}
.isi-li-tit {font-size: 17px;color: #FFF;line-height: 1.58;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.isi-li-date {font-size: 16px;color: #fff;position: absolute;left: 20px;bottom: 24px;}
.isi-ul a:hover {text-decoration: none;background-color: #0065AB;}

/* index rank */
.index-rank {margin-bottom: 50px;}
.index-rank-tit {border-bottom: 1px solid #2E2E2E;position: relative;padding-right: 100px;}
.index-rank-tit li:not(:last-of-type) {margin-right: 74px;position: relative;}
.index-rank-tit li:not(:last-of-type)::after {content: "";width: 1px;height: 27px;background-color: #C7C7C7;position: absolute;right: -35px;bottom: 17px;}
.index-rank-tit li a {font-size: 26px;font-weight: bold;color: #000;line-height: 54px;display: block;}
.index-rank-tit li a:hover {text-decoration: none;}
.index-rank-tit li.active a {border-bottom: 4px solid #121212;}
.index-rank-tit ul {display: flex;}
.index-rank-more {position: absolute;right: 0;bottom: 18px;display: none;color: #323232;font-size: 16px;}
.index-rank-more.active {display: block;}
.iri {padding: 24px 0 24px 46px;position: relative;border-bottom: 1px solid #DDD;}
.iri-sort {position: absolute;font-size: 46px;color: rgba(0,0,0,.2);font-weight: bold;left: 0;top: 10px;}
.iri-title {margin-bottom: 12px;}
.iri-title a {font-size: 20px;color: #222;line-height: 1.2;}
.iri-title a:hover {color: #003C65;text-decoration: none;}
.iri:hover .iri-sort {color: #003C65;}
.iri-div {padding-right: 90px;position: relative;}
.iri .article-list-time {margin-bottom: 0;}
.iri-count {position: absolute;right: 0;bottom: 0;color: #8B8B8B;}
.iri .abs-num::before {content: "\e640";font-family: "iconfontdjclydqdlx";font-size: 22px;margin-right: 4px;position: relative;top: 3px;}
.iri .pdf-num::before {content: "\e604";font-family: "iconfontdjclydqdlx";font-size: 18px;margin-right: 4px;position: relative;top: 1px;}
.iri .citedBy-num::before {content: "\ec81";font-family: "iconfontdjclydqdlx";font-size: 22px;margin-right: 4px;position: relative;top: 3px;}
#indexTopViewed .pdf-num {display: none!important;}
#indexTopdownloaded .abs-num {display: none!important;}

.index-news {margin-bottom: 65px;}
.index-news-ul {display: flex;gap: 30px;}
.ini {width: 25%;}
.ini a {display: block;box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.1);padding: 24px 20px;height: 210px;position: relative;transition: all .3s;}
.ini a:hover {text-decoration: none;transform: translateY(-2px);}
.ini a:hover .ini-tit {color: #003C65;}
.ini-tit {font-size: 17px;color: #222;line-height: 1.41;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ini-date {font-size: 16px;color: #858585;position: absolute;left: 20px;bottom: 24px;}


.footer { padding:45px 0 0;background-color: #003C65;color: #fff;}
.footer .bottom {padding-bottom: 50px;}
.footer a { color:#fff;} 
.footer .btmb{ background:#00223A; color:#fff; } 
.bottom-fixed { background:#00223A url("../images/public/back_top.png") no-repeat center center; } 

.fbw {display: flex;justify-content: space-between;}
.footer-logo {display: block;margin-bottom: 36px;}
.footer-logo img {width: 207px;}
.footer-share {display: flex;}
.footer-share li:not(:last-of-type) {margin-right: 30px;}
.footer-share a {color: rgba(255,255,255,.58);}
.footer-share a:hover {color: #fff;text-decoration: none;}
.footer-share .iconfontdjclydqdlx {font-size: 28px;}
.footer-share img {display: none;position: absolute;left: 36px;bottom: 0;transition: all .3s;}
.footer-share li {position: relative;}
.footer-share li:hover img {display: block;width: 120px;height: 120px;box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.1);transform: translateY(-3px);}

.footer-info {font-size: 16px;color: #fff;}
.footer-info p:not(:last-of-type) {margin-bottom: 12px;}
.footer-info span:not(:last-of-type){margin-right: 12px;}

.footer-links h6 {font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.fl-ul li:not(:last-of-type) {margin-bottom: 12px;}


.box-search1 ul li input { max-width:100%; } 
/*右侧*/
.comtit { height:36px; line-height:36px; font-weight:bold; font-size:16px; } 
.comlist li { margin-bottom:15px; } 
.comlist li:last-of-type { margin-bottom:0; } 

.comlist li { padding-left:25px; } 
.comlist li a span { width:6px; height:6px; background:#ccc; top:6px; } 
.main-right .comtit { margin-bottom:0; } 
.main-right .comlist { padding: 15px 0; display:block; background:#f7f7f7; border-top:0; } 
.comwrap { margin-bottom:20px; min-height:100px; } 

/*文章详情*/


body { font-family: 'Noto Sans SC', Arial,sans-serif; } 

/* 二级页样式常用开始 */
.journalIssue,.commontit,.box-article h3{font-size:26px;color:#222;line-height:28px;}
#newsContentOutput,#newsListOutput{font-size:18px;}
.listp{padding: 15px 0 15px 0px;}
#newsContentOutput .box-article h3{ line-height: 35px; }
#newsListOutput .box-top{ margin-bottom: 0px;padding-bottom: 0px;}
.listp>a{color:#222;font-size: 18px;}
.listp i {color: #666;}
#newsListColumn{padding-bottom:0;margin-bottom: 0;}
.box-body.news-details-body {font-size: 18px;}
.news-imgtop .news-img-bg-wrap {box-shadow: 0px 3px 5px 1px rgba(3,3,3,0.1);margin-bottom: 12px;}
.news-tit {font-size: 18px;}
.listp>a:hover{text-decoration: none;color: #005BB0;}
.rank-yeartab li.current a{background-color: #005BB0;}
#topicArticlesList .article-list,#topicList .article-list, .latest-all-body .article-list{padding-left: 0;padding-right: 0;}
body.articleBody.articleBodyEn{background-color: #fff;}
.issue-list-body .journalIssue {margin-bottom: 0;padding-bottom: 0;}
.moreList .listp:first-of-type {padding-top: 0;}
.priorityPrompt {padding-top: 0;}
.index-articles .priorityPrompt  {padding-top: 20px;}
#issueTitle {margin-bottom: 10px;}
.rank-yeartab li a {margin: 0 10px 10px;}
/* .article-list-more {display: none;} */
#tagDetailList .article-list:nth-of-type(1) {padding-top: 0;}

#newsListColumn {margin-bottom: 0;padding-bottom: 0;}

#latestAcceptedList .article-list, #latestList .article-list {padding: 14px 0;}
.rank-yeartab li.current a {background-color: #005BB0;}
.listp {padding-left: 0;}

.chief-editor .img-box img, .editor-list .img-box img {width: 100%;}

.editorial-board-detail-page .main {padding-top: 40px;}

#newsListColumn {margin-bottom: 0;padding-bottom: 0;}

#latestAcceptedList .article-list, #latestList .article-list {padding: 14px 0;}
.rank-yeartab li.current a {background-color: #013686;}
.listp {padding-left: 0;}

.jump-position {width: 120px;}
.editorial-board-desc {font-size: 18px;}
.editor {margin-left: 0;margin-right: 0;font-size: 16px;}


.toolBoxBorder .column {margin-right: 10px;height: 28px;border: 2px solid #7D7D7D;border-radius: 6px;padding: 0 12px;}
.column span.fl {font-size: 15px;}
.column i.fl {line-height: 25px;}
.toolBoxBorder .column,.toolBoxBorder .column-ul { z-index:9; } 
/* .column i { font-size:20px; }  */
@media (min-width: 1200px) { body .main-left { width:75%; float:left; padding:0; } 
body .main-right { width:25%; float:left; padding:0; padding-left:10px; } 
body .main-right { padding-left:25px; } 
body .container { width:1200px; padding-left: 0;padding-right: 0;} 

.article-main.article-main .inner {padding-left: 0;padding-right: 0;}


.loginInfo .circle:hover { -webkit-animation:rotateImg 1s linear 1; animation:rotateImg 1s linear 1; } 
@keyframes rotateImg { 
 0% { transform : rotateY(0deg); } 
 100% { transform : rotateY(360deg); } 
}

@-webkit-keyframes rotateImg { 
 0% { -webkit-transform : rotateY(0deg); } 
 100% { -webkit-transform : rotateY(360deg); } 
 } 
}
@media (min-width: 1430px) {
body .container { width:1400px; } 

}

@media (max-width: 1200px) {
.fbw {flex-wrap: wrap;}
.footer-logo-share {width: 50%;margin-bottom: 25px;}
.footer-info {width: 50%;margin-bottom: 35px;}
.footer-links {width: 100%;}
.index-main>.container {padding-left: 15px;padding-right: 15px;}

.journalIssue,.commontit,.box-article h3{font-size:22px;}
#newsContentOutput,#newsListOutput{font-size:16px;}
.listp>a{color:#222;font-size: 16px;}
.box-body.news-details-body {font-size: 16px;}
.news-tit {font-size: 16px;}
.editorial-board-desc {font-size: 16px;}
.editor {font-size: 14px;}
.main>.container {padding-left: 15px;padding-right: 15px;}
.article-list {padding-left: 0;padding-right: 0;}
}
@media (max-width: 992px) {
.banner-wrap {flex-wrap: wrap;}
.banner-l {width: 100%;margin-bottom: 25px;}
.banner-r {width: 100%;padding-left: 0;}
.banner-r ul {display: flex;}
.banner-r li {width: 50%;}
.banner-r li:nth-of-type(1) {margin-bottom: 0;margin-right: 15px;}
.isi-ul {flex-wrap: wrap;gap: 15px;}
.isi-ul li {width: calc(50% - 8px);}
.index-rank-tit li a {white-space: nowrap;}
.index-rank-tit li:not(:last-of-type)::after {display: none;}
.index-rank-tit li:not(:last-of-type) {margin-right: 24px;}
.index-news-ul {flex-wrap: wrap;gap: 15px;}
.ini {width: calc(50% - 8px);}
.article-list-zy font+font a::before {display: none;}
} 

@media (max-width: 768px) {
.banner-slide-bg {padding-bottom: calc(443 / 916 * 100%);}
.banner-slide-tit {font-size: 16px;}
.i-common-bg {padding-bottom: 160px;}
.i-common-tit  {font-size: 14px;font-weight: normal;line-height: 1.5;}
.qi-wrap {flex-wrap: wrap;}
.journal-info {width: 100%;margin-bottom: 25px;}
.cover-box {text-align: center;}
.index-inpress {width: 100%;padding-left: 0;}
.tab-ul-index li:not(:last-of-type) {margin-right: 16px;}
.tab-ul-index li:not(:last-of-type)::after {display: none;}
.ii-tit-a, .tab-ul-index li a,.common-tit span,.index-rank-tit li a{font-size: 20px;}
.icm,.i-common-more,.index-rank-more {font-size: 14px;}
.footer-logo-share {width: 100%;}
.footer-info {width: 100%;}

.article-thumb {display: none;}
.article-thumb + .article-info-box {width: 100%;padding-right: 0;}
.isi-ul li,.ini {width: 100%;}
.index-rank-tit li:not(:last-of-type) {margin-right: 16px;}
.index-rank-tit li a {line-height: 45px;}
.index-tab-wrap {overflow: auto;}

.article-list-title a {font-size: 18px;}
.isi-li-tit {font-size: 16px;}
.isi-li-date {font-size: 14px;}
.iri-title a {font-size: 18px;}
.iri-sort {font-size: 36px;top: 14px;}
.iri {padding-left: 32px;}
.iri-div {padding-right: 0;}
.iri-count {position: unset;}
.ini-tit {font-size: 16px;}
.ini-date {font-size: 14px;}
.index-articles #indexCurrentInfo {flex-wrap: wrap;gap: 12px;}
.catalog {display: block;margin-left: 0;width: 100%;}
.article-list-more a {line-height: 36px;}
.banner-pagination {font-size: 14px;}
.swiper-pagination-current {font-size: 20px;}
.banner-prev, .banner-next {top: 1px;}
.banner-slide-div {display: flex;align-items: center;padding-top: 0;padding-bottom: 0;}
.csi > span > span:nth-of-type(1) {font-size: 20px;}
} 
@media (max-width: 768px) { } 

#FullText div.figure {border: none!important;}