/*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:#0151aa; } /**1.页面字体需要变主色调，直接调用mainColor; 2.参考文献doi颜色与主色调一致**/
.article-list .mainColor { color:#0151aa; } 
/*文章页颜色*/
.article-pc .mainColor,.article-main-mid a { color:#0151aa; } 
/*文章页标题下方显示与隐藏按钮*/
.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: #0151aa; } 
/*2019年5月13日版本过刊标题*/
.guokan-tit h2 { color:#0151aa; } 
/*移动端搜索头部下拉框颜色*/
.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:#0151aa; } 
/*向上箭头*/
.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #0151aa url("../../../style/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:#0151aa; } 
#page-tag-div .pagination>.active>a { border-color:#0151aa; } 
.footer .btmb { padding-top:8px; padding-bottom:8px; } 
/*手机下拉颜色有透明度，自己看着写*/
.phone-nav .search-app-wrap,.smallUl { background: rgba(1, 81, 170, 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(../../../cjee/style/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(../../../style/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("../../../style/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(../../../cjee/style/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("../../../style/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("../../../style/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: 7px; height: 4px; background-size: 7px 4px; margin-left: 6px; position: relative; top: -3px; } 
.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: 16px; display: block; padding: 0 26px; white-space: nowrap; color: #fff; line-height: 34px; } 
.phone-nav .sub { background: #fff url("../../../style/images/public/search1.png") no-repeat center center; } 
.header-nav ul > li > a span::before {font-family: "cjeeiconfont" !important;content: "\e674"; font-weight: normal;position: relative;bottom: -5px;left: -3px; } 
/*头部导航css end*/
/**********************************/


.header .container { background: url(../../../cjee/style/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: #0151aa; 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(../../../cjee/style/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(../../../cjee/style/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: "cjeeiconfont"; /* Project id 4438348 */
src: url('../../../cjee/style/custom/css/fonts/iconfont.woff2?t=1710235704421') format('woff2'),
        url('../../../cjee/style/custom/css/fonts/iconfont.woff?t=1710235704421') format('woff'),
        url('../../../cjee/style/custom/css/fonts/iconfont.ttf?t=1710235704421') format('truetype');
}

.cjeeiconfont {font-family: "cjeeiconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cjee-email-s:before {content: "\e65e";}
.cjee-rss:before {content: "\e62c";}
.cjee-weixin:before {content: "\e600";}
.cjee-weibo:before {content: "\e65a";}
.cjee-qq:before {content: "\e612";}
.cjee-xiazai2:before {content: "\e6a2";}
.cjee-icon3:before {content: "\e632";}
.cjee-icon-arrow-down:before {content: "\e674";}
.cjee-liulan:before {content: "\e640";}
.cjee-you:before {content: "\e63b";}
.cjee-zuo:before {content: "\e641";}
.cjee-you1:before {content: "\e621";}
.cjee-zuo1:before {content: "\e622";}
.cjee-yinyong:before {content: "\ec81";}
.cjee-24gl-quoteLeft:before {content: "\eb09";}
.cjee-yinyong1:before {content: "\e824";}
.cjee-xiazai:before {content: "\e635";}
.cjee-xiazai1:before {content: "\e62e";}
.cjee-search-2-copy:before {content: "\e615";}

/*css reset end*/
.group-nav {height: 60px;background-color: #fff;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.49);display: flex;align-items: center;}
.group-nav .container {padding-left: 110px;padding-right: 110px;width: 100%;}
.group-logo {height: 60px;padding-top: 9px;display: inline-block;}
.group-logo img {height: 43px;}
.group-menu ul {display: flex;justify-content: flex-end;align-items: center;height: 60px;}
.group-menu li:not(:last-of-type){margin-right: 42px;}
.group-menu a {font-size: 17px;color: #000;}
.group-menu a:hover {text-decoration: none;color: #ef2a2e;}

.header-nav-fixed.toFixed{ position: fixed; left: 0; top: 0;  right: 0; z-index: 1000;}
.header { height:110px; background: rgba(1, 81, 170,99); position:relative; z-index: 3; } 
.index-body .header { background: rgba(0,0,0,0.7);} 
.header .container {width: 100%;padding-left: 110px;padding-right: 110px;}
.header .logo { margin-top:28px; padding-left: 0; display: block;width: 287px; float: left; margin-right: 25px; } 
.header .logo img { max-width:520px; } 
.header-indexed {margin-top: 30px;font-family: Open Sans;font-weight: bold;font-size: 18px;color: #FFF;line-height: 25px;width: 230px;float: left;}
.header-indexed-content {padding-left: 25px;position: relative;}
.header-indexed-content::before {content: '';width: 1px;height: 82px;background: linear-gradient(to bottom,rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));position: absolute;left: 0;top: -13px;}

.top .nav { border:0; height:45px; line-height:45px; } 
.top .nav li a { padding:0; margin: 0 16px; } 
.top .nav ul>li { height:45px; } 
.top .header-nav ul > li > a { line-height:45px; height:44px; font-size:18px; color:#fff; font-weight: bold; } 
.header-nav ul > li ol { top:45px; }
.header-nav.nav ul > li ol {background: rgba(0,0,0,0.8); } 
.header-nav ul > li > ol {width: 600px;padding: 20px;text-align: left;font-size: 0;}
.header-nav ul > li >ol > li {width: 33.33%;display: inline-block;}
.top-nav.nav { margin-top: 30px; } 
.header-nav,.header-nav { background: none; } 
.header-nav ul > li.active > a, .header-nav ul > li:hover > a { color:#fff; background:none; border-bottom:4px solid #e60012; } 
.header-nav ul > li ol li:hover,.header-nav ul > li ol li:hover a { border:0; background:none; color:#e60012; } 
.top .header-nav ul > li ol li a { padding:0 10px;margin:0; padding-right: 20px;white-space: unset;} 
.top .header-nav ul > li ol li a { text-align:left; display: inline-block; vertical-align: text-top;line-height: 20px;} 
.header-nav ul > li ol { z-index:9999; } 
/* 顶部搜索 */
.top-search .cjeeiconfont{font-size: 24px;color: #fff;height: 50px;width: 50px;border-radius: 25px;background-color: #d72626;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.index-body .top-search .cjeeiconfont {background-color: #0151aa;}
.search-wrapper {height:0;display:block;padding: 0;background:rgba(0,0,0,0.5);border-top: 1px solid #333;position: absolute;overflow: hidden;width: 100%;z-index: 9;top: 110px;} 
.search-wrapper.ac{height: 108px;padding: 30px;}
.search-wrapper select { width:100px; height: 45px;margin-right: 0; font-size: 14px; border: none; padding-left: 15px; background: url(../../style/images/public/select_arrow.png) no-repeat scroll 80% center #fff; border-radius: 0; font-weight: 400; color: #222; } 
.search-wrapper .form-control { border:1px solid #3dab31; border-right: none; border-radius: 0; margin-left: 0; } 
.search-wrapper ,.search-wrapper a { font-size:12px; } 
.search-wrapper .form-group,search-wrapper .tj { margin-bottom: 0; border-right: 0; } 
.search-wrapper .form-control { height:45px; } 
.search-wrapper .searcontent, .search-wrapper .tj { height: 45px; line-height: 45px; display: inline; } 
.search-wrapper .searcontent { width:400px; padding-left: 8px; background: #ffffff; border-radius: 0; } 
.indexsearch-en.search-wrapper .searcontent{width: 175px;}
.search-wrapper input::input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-webkit-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-moz-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-ms-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper .form-control { padding:0 10px; font-size:14px; border: none; outline: none; position: relative; } 
.search-wrapper .form-group {    overflow: hidden; position:relative;} 
.search-wrapper .tj { position:absolute; width:48px; color: #fff; background:none;z-index: 3; right:0; top:0;  padding-left: 20px; padding-right: 20px; } 
.search-wrapper .adSearch { display:inline-block; color:#fff;  margin-left:6px; font-size: 18px; font-weight: 700; } 
.search-wrapper .adSearch { height:45px; line-height:45px; display:inline-block; padding:0 16px!important; border:none; } 
.search-wrapper .tj,.search-wrapper .adSearch { border-radius:0; } 
.search-wrapper #AdvanceSearchA { display:inline-block; ;} 
.search-wrapper .form-group>div { position: relative; } 
.search-wrapper form{    position: absolute; left: 50%;transform: translateX(-50%);}
.search-wrapper select:focus-visible{border: none;outline: none;}
.search-wrapper .cjeeiconfont {color: #0151aa;position: absolute;right: 10px;top: 6px;font-size: 24px;cursor: pointer;}
/*轮播图*/

.banner {height: 620px;position: relative;margin-top: -110px;}
.banner-bg {position: absolute;left: 0;top: 0;width: 100%;height: 620px;}
.banner-bg img {width: 100%;object-fit: cover;height: 100%;}
.banner .container {padding-top: 110px;}
.banner-swiper-wrap {margin-top: 103px;width: calc(100% - 490px);padding-right: 185px;float: left;}

.banner-swiper{height: 295px;position: relative;}
.banner-slide {background: rgba(0, 52, 109, .55);color: #fff;position: relative;height: 295px;padding: 35px 40px;}
.banner-tag {font-size: 20px;font-weight: bold;line-height: 36px;margin-bottom: 10px;}
.banner-a {color: #fff;}
.banner-tit {font-size: 25px;line-height: 34px;color: #fff;font-weight: bold;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.banner-tit:hover {color: #fff;}
.banner-info {position: absolute;left: 40px;bottom: 70px;}
.banner-swiper-wrap .banner-swiper>.banner-pagination {position: absolute;z-index: 3;padding-left: 40px;bottom: 20px;}
.banner-swiper-wrap .banner-swiper>.banner-pagination {bottom: 20px;}
.banner-pagination .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 6px;background: #fff;opacity: 1;margin: 0 5px;}
.banner-pagination .swiper-pagination-bullet-active {background: #e60012;}

.qkxxcon {width: 490px;margin-top: 70px; position: relative;z-index: 1;}
.qkbook{float: left;width: 255px;margin-right: 18px;}
.qkbook img {width: 255px;box-shadow: 2px 3px 13px 3px rgba(255,255,255,.6);}
.qkxx {float: right;width: 210px;font-size: 16px;color: #fff;font-weight: bold;line-height: 26px;text-shadow: 0px 3px 6px rgba(0,3,7,0.43);}
.qkxx div {margin-bottom: 25px;}
.qkxx p {margin-bottom: 5px;}
.tsg-a {display: flex;height: 41px;line-height: 39px;align-items: center;justify-content: center;background: linear-gradient(0deg, #AF000E, #FC1426);;color: #fff;font-size: 18px;border-radius: 41px;max-width: 210px;margin: auto;margin-top: 50px;position: relative;transition: all .3s;}
.tsg-a:hover {color: #fff;text-decoration: none;position: relative;top: -3px;}
.tsg-a:hover .tsg-text{text-decoration: underline;}

/* current articles */
.custom-tit{text-align: center;font-size: 30px;color: #222;font-weight: bold;margin-bottom: 35px;}
.custom-tit span {position: relative;z-index: 3;}
.custom-tit span::after {content: '';width: 102px;height: 8px;background: #0151AA;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1px;z-index: -1;}

.article-list-wrap {display: flex;margin-right: -30px;flex-wrap: wrap;}
.article-list-wrap .article-list {width: calc(50% - 30px);box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);border-radius: 5px;background: #FFF;margin-right: 30px;margin-bottom: 30px;border: none;padding: 20px;}

.article-list-wrap .article-list-journalg {margin-top: -8px;}
.article-list-journalg {background: none;position: relative;padding: 0;margin-bottom: 5px;}
.article-list-journalg a {color: #0151AA;font-size: 15px;font-weight: bold;}
.article-list-journalg a:hover {text-decoration: none;color: #0151AA;}

.article-list-wrap .article-list-left {display: none;}
.article-list-wrap .article-list-title a {-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 20px;font-weight: bold;color: #222;}
.article-list .article-info-box{width: 100%;}
.article-list-title a { font-size: 18px;font-weight: bold;color: #222; } 
.article-list-title a:hover { color: #0150A9; text-decoration: none; } 
.article-list-author a,.article-list-author,.article-list-author span { font-size: 15px; color: #505050; } 
.article-list-author a:hover { color: #0150A9; } 
.article-list-time { font-size: 15px; color: #505050; } 
.article-list-time .mainColor { color: #666; } 
.article-list-title { margin-bottom: 10px; } 
.article-list-author { margin-bottom: 1px; } 
.article-list-time { margin-bottom: 3px; } 
.article-list-zy .colorRed{color: #505050;}
.article-thumb { width: 148px; height: 96px; background: #FFF; box-shadow: 0px 0px 3px 0px rgba(4,0,33,0.2); overflow: hidden;    display: flex;align-items: center;justify-content: center; float: right;} 
.article-thumb a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.article-thumb img { max-width: 100%; max-height: 100%; height: 100%;transition: all .3s;} 
.article-thumb~.article-info-box { width: calc(100% - 160px); float: left; } 

.article-list:hover .article-thumb img {transform: scale(1.1);}

.clearfix+.article-list-btn {margin-top: 10px;}
.article-list-btn {position: relative;padding-right: 80px;padding-top: 10px;}
.article-list-btn .btn-r {position: absolute;right: 0;top: 6px;}
.btn-r .cjeeiconfont {width: 28px;height: 28px;background: #E5E8ED;border-radius: 2px;display: inline-flex;align-items: center;justify-content: center;color: #0D0D0D;cursor: pointer;margin-left: 15px;}
.btn-r .cjeeiconfont:hover {background: #0151aa;color: #fff;}
.btn-r .cjee-xiazai1 {font-size: 18px;}
.article-list-btn font {height: 19px;}
.abs-num {padding-left: 24px;position: relative;height: 19px;}
.abs-num::before {content: "\e640";font-family: "cjeeiconfont" !important;color: #E60012;font-size: 20px;position: absolute;left: 0;top: 0;}
.abs-num::after, .pdf-num::after, .citedBy-num::after{content: "\2000";}
.pdf-num {padding-left: 20px;position: relative;height: 19px;}
.pdf-num::before {content: "\e635";font-family: "cjeeiconfont" !important;color: #E60012;font-size: 17px;position: absolute;left: 0;top: 0;}
.citedBy-num {padding-left: 20px;position: relative;height: 19px;}
.citedBy-num::before {content: '\ec81';font-family: "cjeeiconfont" !important;color: #E60012;font-size: 17px;position: absolute;left: 0;top: -1px;}

.article-list-more {text-align: center;margin: 5px 0 20px;}
.article-list-more a {font-size: 15px;color: #666;height:38px;line-height: 38px;padding: 0 78px;border-radius: 19px;border: 1px solid #CDCDCD;display: inline-block;transition: all .3s;}
.article-list-more a:hover {text-decoration: none;background: #0151aa;border-color: #0151aa;color: #fff;}

/* index-hot-articles */
.index-hot-articles {background-color: #f0f4f7;padding: 40px 0 30px;}
.index-hot-articles-wrap {display: flex;margin-right: -30px;}
.index-hot-articles-wrap .article-list {width: calc(25% - 30px);margin-right: 30px;margin-bottom: 30px;border: none;padding: 0 0 20px 0;border-bottom: 1px solid #d4d9dc;overflow: unset;}
.index-hot-articles-wrap .article-list-left {display: none;}
.index-hot-articles-wrap .article-thumb{width: 100%;height: 158px;margin-bottom: 15px;box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);}
.index-hot-articles-wrap .article-thumb~.article-info-box {width: 100%;}
.index-hot-articles-wrap .article-list-journalg {display: none;}
.index-hot-articles-wrap .article-list-title  a {-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.index-hot-articles-wrap .article-list-time font:nth-of-type(1) {display: none;}
.index-hot-articles-wrap .article-info-box {position: relative;padding-bottom: 34px;height: 192px;}
.index-hot-articles-wrap .article-list-btn {position: absolute;left: 0;bottom: 0;width: 100%;}

/* index-topic */
.index-topic {padding: 40px 0 30px;}
.topic-swiper-wrap {margin-bottom: 10px;}
.topic-slide-a{display: flex;}
.topic-slide-a .cover{width: 189px;height: 266px;margin-left: 7px;margin-right: 20px;position: relative;margin-bottom: 7px;flex-shrink: 0;}
.topic-slide-a img {width: 189px;height: 266px;position: absolute;left:0;bottom:0;z-index: 3;transition:transform .3s cubic-bezier(.645,.045,.355,1);}
.topic-slide-a .cover::before {content: '';width: 100%;height: 100%;background-color: #0151aa;position: absolute;left: -7px;bottom: -7px;transition: transform .3s cubic-bezier(.645,.045,.355,1);}
.topic-slide-a:hover {text-decoration: none;}
.topic-slide-a .tit {font-size: 18px;font-weight: bold;line-height: 20px;color: #222;height: 100px;padding-top: 5px;}
.topic-slide-a .editors {font-size: 15px;color: #222;line-height: 23px;}
.topic-slide-a .editors strong { display: block; color: #222; }
.topic-slide-a:hover .cover::before {/*left: 0;bottom: 0;*/transform: translate(3px,-3px);}
.topic-slide-a:hover img {/*position: absolute;left: -7px;bottom: -7px;*/transform: translate(-4px,4px);}
.topic-body .topic-slide-a .editors {line-height: 22px;}

.custom-swiper-wrap {text-align: center;padding: 15px 0;}
.custom-swiper-button {font-size: 28px;color: #0150a9;cursor: pointer;}
.my-button-disabled {color: #a5a5a5;}
.custom-pagination {padding: 0 5px; }
.custom-pagination .swiper-pagination-bullet {width: 9px;height: 9px;border-radius: 50%;background-color: #909597;opacity: 1;margin: 6px 5px;}
.custom-pagination .swiper-pagination-bullet-active {background-color: #d72626;}

/* index-archive */
.index-archive {padding: 40px 0 20px;background: top center url("../../../cjee/style/images/custom/bg.jpg");background-repeat: no-repeat;}
.index-archive .custom-tit {color: #fff;}
.index-archive .custom-tit span::after {background-color: #d72626;}
.index-archive-wrap {padding: 40px 35px;background-color: #fff;}
.index-archive-l {width: 455px;text-align: center;float: left;margin-right: 35px;}
.archive-swiper .swiper-slide .text-center {font-size: 16px;color: #222;font-weight:bold;margin-top: 10px;opacity: 0;}
.archive-swiper .swiper-slide.swiper-slide-active .text-center{opacity: 1;transition: all 1s;}
.archive-swiper .swiper-slide a:hover {text-decoration: none;}
.archive-slide img {width: 263px;height: 374px;box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);}
.archive-swiper-button {position: absolute;top: calc(50% - 30px);width: 32px;height: 60px;background: rgba(0,0,0,0.8);z-index: 999;display: flex;align-items: center;justify-content: center;}
.archive-swiper-button-prev {left: 0;}
.archive-swiper-button-next {right: 0;}
.archive-swiper-button-prev::before {content: "\e622";font-family: "cjeeiconfont" !important;color: #fff;font-size: 30px;}
.archive-swiper-button-next::before {content: "\e621";font-family: "cjeeiconfont" !important;color: #fff;font-size: 30px;}
.archive-swiper-button:hover {background: rgba(1, 81, 170, .8);}

.index-archive-r {width: calc(100% - 490px);float: left;}
.index-archive-artitles li {height: 110px;box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);background: #fff;padding: 15px 20px;position: relative;transition: all .3s;}
.index-archive-artitles li:not(:last-of-type){margin-bottom: 30px;}
.index-archive-artitles .article-list-title a{font-size: 20px;font-weight: bold;color: #222;line-height: 26px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.index-archive-artitles .article-list-author {position: absolute;left: 20px;bottom: 15px;}
.index-archive-artitles li:hover {top: -3px;}

/* rankarticles-news */
.rankarticles-news {background-color: #f0f4f7;}
.rankarticles {background: #f0f4f7;float: left;padding: 40px 0;width: calc(100% - 373px);padding-right: 50px;min-height: 540px;}
.rankarticles-news .container {display: flex;}

#indexRankTab {margin-bottom: 30px;}
#indexRankTab li {display: inline-block;}
#indexRankTab li a {font-size: 30px;font-weight: bold;color: #222;position: relative;z-index: 3;}
#indexRankTab li a:hover {text-decoration: none;} 
#indexRankTab li:not(:last-of-type) {margin-right: 25px;padding-right: 25px;position: relative;}
#indexRankTab li:not(:last-of-type)::after {content: '';width: 1px;height: 34px;display: inline-block;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5),rgba(0,0,0,0));position: absolute;right: 0;top: 3px;}
#indexRankTab li.active a::after{content: '';width: 102px;height: 8px;background: #0151AA;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: -1;}
.indexRankMore {float: right;display: none;} 
.indexRankMore.cur {display: block;margin-top: 10px;} 

.rank-article-ul li {height: 110px;background: #FFF;box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);padding: 15px 15px 15px 70px;position: relative;transition: all .3s;}
.rank-article-ul li:not(:last-of-type){margin-bottom: 30px;}
.rank-article-ul li::before {font-size: 94px;position: absolute;left: 3px;top: -12px;font-style: italic;color: rgba(34, 34, 34, .1);font-weight: normal;} 
.rank-article-ul li:nth-of-type(1)::before {content: "1";}
.rank-article-ul li:nth-of-type(2)::before {content: "2";}
.rank-article-ul li:nth-of-type(3)::before {content: "3";}
.rank-article-ul li>span {position: absolute;right: 15px;bottom: 15px;}
.rank-article-ul .pdf-num::before{top: -2px;}
.rank-article-ul li:hover {top: -3px;}

.rank-article-ul .article-list-title a {-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.rank-article-ul .article-list-author {position: absolute;left: 70px;bottom: 15px;}

/* news-notices */
.news-notices {background-color: #0151aa;padding: 40px 25px; float: right;width: 373px;}
.news-notices .custom-tit {text-align: left;}
.news-notices .custom-tit span {color: #fff;font-size: 24px;}
.news-notices .custom-tit span::after {background-color: #d72626;}
.news-notices .custom-tit a{float: right;font-size: 18px;color: #FFF;font-weight: normal;margin-top:11px;}

.news-notices-ul li { padding: 20px 0;}
.news-notices-ul li:not(:last-of-type) {border-bottom: 1px solid rgba(255, 255, 255, .3);}
.news-notices-ul a{position: relative;}
.news-notices-ul a:hover{text-decoration: none;}
.news-notices-ul .date {font-size: 15px;color: #FFF;margin-bottom: 12px;transition: all .3s;position: relative;left: 0;}
.news-notices-ul .tit {font-size: 17px;font-weight: bold;color: #FFF;line-height: 20px;}
.news-notices-ul li:hover .date{position: relative;left: 5px;}

/* download-center */
.download-center {padding: 50px 0 30px;}
.download-center-ul {display: flex;margin-right: -30px;margin-top: 35px;margin-bottom: 35px;}
.download-center-ul li {background: #FFF;box-shadow: 0px 2px 8px 0px rgba(4,0,33,0.2);position: relative;width: calc(25% - 30px );margin-right: 30px;transition: all .3s;}
.download-center-ul li:hover {top: -3px;}
.download-center-ul li::after {content: "\e6a2";font-family: "cjeeiconfont" !important;font-size: 48px;color: #F0F4F7;position: absolute;right: -2px;bottom: -12px;z-index: 3;}
.download-center-ul a {display:block;height: 92px;padding: 20px 15px;font-size: 18px;font-weight: bold;color: #222;line-height: 26px;}
.download-center-ul a div {-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.footer { padding:30px 0 0; background-color: #0151aa; } 
.footer { font-size:17px; color: #fff; line-height: 22px; } 
.footer a { font-size:17px; color:#fff;} 
.footer p:not(:last-of-type) {margin-bottom: 10px;}
.footer .bottom {padding-bottom: 30px;}
.footer .btmb{ background:#003979; color:#fff; font-size: 16px; } 
.bottom-fixed { background:#003979 url("../../../style/images/public/back_top.png") no-repeat center center; } 

.bottom-info {float: left;width: 530px;padding-right: 30px;}
.relevant-links {float: left; width: 450px;}
.bottom-qrcode {float: right; width: 316px;text-align: right;padding-top: 13px;}

.relevant-links h5 {margin-bottom: 30px;}
.relevant-links h5 a {font-size: 20px;font-weight: bold;color: #FFF;position: relative;z-index: 3;}
.relevant-links h5 a::after{content: '>';font-size: 14px;font-weight: normal;margin-left: 5px;opacity: .8;}
.relevant-links h5 a::before {content: '';width: 102px;height: 4px; background-color: #d72626; position: absolute;left: 0;bottom: 1px;z-index: -1;}
.relevant-links h5 a:hover {text-decoration: none;}
.relevant-links li a {font-size: 16px;padding-left: 13px;position: relative;}
.relevant-links li a::before {content: '';width: 6px;height: 6px;border-radius: 6px;background-color: #fff;position: absolute;left: 0;top: 9px;}
.relevant-links li:not(:last-of-type) {margin-bottom: 12px;}

.qrcode {font-size: 0;}
.qrcode img {width: 132px;}
.qrcode img:not(:last-of-type){margin-right: 40px;}

.footer .shareTool {float: right;padding-top: 20px;}
.footer .shareTool .fa {width: 42px;height: 42px;border-radius: 50%;background: rgba(6, 27, 71, .6);display: block;text-align: center;line-height: 42px;color: #fff;margin-right: 10px;position: relative;transition: all .3s ease;}
.footer .shareTool li:last-of-type {margin-right: 0;}
.footer .shareTool li:last-of-type .fa {margin-right: 0;}
.footer .shareTool .fa:hover {top: -3px;}


.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; } 

.main-right .qkxxcon{width: 100%;margin-top: 0;float: none;}
.main-right .qkbook {width: 100%;float: none;margin-right: 0;}
.main-right .qkxx {width:100%; float: none; padding-top: 15px;color: #222;text-shadow: unset;}
.main-right .qkxx div {margin-bottom: 5px;}
.main-right .tsg-a {margin-top: 15px;max-width: 100%;width: 100%;font-size: 16px;}


.main-right .index-hot-articles {background:none;}
.main-right .index-hot-articles .container {width: 100%;}
.main-right .index-hot-articles-wrap {flex-wrap: wrap;margin-right: 0;}
.main-right .index-hot-articles-wrap .article-list{width: 100%;margin: -5px;padding: 5px 5px 20px 5px;margin-bottom: 20px;}
.main-right .custom-tit {font-size: 24px;text-align: left;}
.main-right .custom-tit span::after{bottom: -3px;}
.main-right .news-notices{float: none;width: 100%;}
.main-right .news-notices .custom-tit span {font-size: 20px;}
.main-right .news-notices .custom-tit a {font-size: 16px;margin-top: 4px;}
/*文章详情*/

body { font-family: Open Sans, '微软雅黑',sans-serif; font-size: 16px;} 

.main {padding-top: 40px;padding-bottom: 40px;}
.index-body .main {padding-top: 50px;padding-bottom: 20px;}
.journalIssue, .box-article h3,.commontit {font-size: 22px;margin-top: 0;}
.min-half > div{min-width: 50%;white-space: nowrap; display: inline-block;}

.neighborCatalog {margin-top: 30px;}
@media ((-webkit-min-device-pixel-ratio: 1.5) or (-webkit-min-device-pixel-ratio: 1.25)) {
.group-nav .container {padding-left: 0;padding-right: 0;}
}

.toolBoxBorder .column,.toolBoxBorder .column-ul { z-index:9; } 
.column i { font-size:20px; } 
@media (min-width: 1300px) { body .main-left { width:75%; float:left; padding:0;padding-right: 30px; } 
body .main-right { width:25%; float:left; padding:0; padding-left:10px; } 
body .main-right { padding-left:25px; } 
body .container { width:1300px; } 

.banner .container,.index-hot-articles .container, .index-archive .container,.rankarticles-news .container,.download-center .container,.footer .container { 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(max-width: 1850px) {
.header .container{padding-left: 30px;padding-right: 30px;}
.header .logo{ margin-top: 40px;width: 147px;}
.header .logo img {max-width: 150px;}
.header-indexed{margin-top: 30px;font-size: 12px;width: 170px;}
.top .header-nav ul > li > a{margin: 0 10px;font-size: 14px;}
}
@media (max-width: 1400px) {
.rankarticles-news .container{flex-wrap: wrap;}
.rankarticles-news {padding-bottom: 30px;}
.index-archive-r {width: calc(100% - 375px);}
}
@media (max-width: 1300px) {
.bottom-info, .relevant-links, .bottom-qrcode {width: 100%;float: none;margin-bottom: 30px;}
.bottom-qrcode {text-align: center;margin-bottom: 0;}
.footer .shareTool {float: none;}
}
@media (max-width: 1200px) {
.group-nav {display: none;}
.phone-nav {position: relative;z-index: 3;}
.banner-swiper-wrap {padding-right: 50px;margin-top: 70px;}
.banner-slide,.banner-swiper {height: 363px;}
.index-hot-articles-wrap{flex-wrap: wrap;}
.index-hot-articles-wrap .article-list{width: calc(50% - 30px);}
.download-center-ul {flex-wrap: wrap;}
.download-center-ul li {width: calc(50% - 30px);margin-bottom: 20px;}
.index-body .main>.container {padding-left: 15px;padding-right: 15px;}
.index-archive-l {max-width: 330px;}
.archive-slide img {width: 200px;height: 278px;}
.main-left {padding-bottom: 30px;}
.priorityPrompt {padding-top: 0;}
.main-left,.main-right {width: 100%;}
}
@media (max-width: 992px) {
.banner-swiper-wrap{width: 100%;padding-right: 0;margin-top: 30px;float: none;}
.banner-slide, .banner-swiper{height: 295px;}
.banner,.banner-bg{height: 900px;}
.qkxxcon{float: none;width: 100%;margin-top: 50px;}
.qkbook{margin-right: 30px;}
.qkxx {float: left;}
.index-archive-l {text-align: center;float: none;margin:0 auto 20px;}
.index-archive-r {width: 100%;float: none;}
.rankarticles {float: none;width: 100%;padding-right: 0;}
.news-notices {float: none;width: 100%;}

} 

@media (max-width: 768px) {
.article-list-wrap .article-list{width: 100%;}
.index-hot-articles-wrap .article-list{width: 100%;}
.download-center-ul li{width: 100%;}
.topic-body .topic-slide-a .tit {height: unset;margin-bottom: 15px;font-size: 16px;line-height: 20px;}
.topic-body .topic-slide-a .editors {font-size: 14px;}
.article-thumb {display: none;}
.index-archive-wrap {padding: 40px 15px;}
.archive-slide img {width: 200px;height: 278px;}
.index-archive-l {max-width: 330px;}
.rankarticles {position: relative;padding-bottom: 60px;}
.indexRankMore {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
} 
@media (max-width: 450px) {
.banner-slide, .banner-swiper{height: 240px;}
.banner-slide{padding: 15px;}
.banner-tag{font-size: 16px;line-height: 20px;font-weight: normal;margin-bottom: 8px;}
.banner-tit {font-size: 18px;line-height: 26px;}
.banner-info {left: 15px;bottom: 50px;}
.banner-pagination{padding-left: 15px;}
.qkxxcon {margin-top: 30px;}
.qkbook{float: none;margin: 0 auto 20px;}
.banner, .banner-bg {height: 1130px;}
.qkxx {width: 100%;font-size: 16px;font-weight: normal;}
.tsg-a {max-width: 100%;}
.article-list-wrap .article-thumb {display: none;}
.article-thumb~.article-info-box {width: 100%;}
.article-list-zy font {padding: 0 5px;}
.article-list-zy .font1{padding-left: 0;}
.custom-tit {font-size: 26px;}
.article-list-wrap .article-list-title a {font-size: 18px;}
.topic-slide-a {flex-direction: column;}
.topic-slide-a .cover {margin: 0 auto 15px;}
.topic-slide .tit {height: auto;margin-bottom: 20px;}
.index-archive-l{width: 100%;}
.index-archive-artitles .article-list-title a {font-size: 16px;line-height: 20px;}
#indexRankTab li a {font-size: 20px;}
#indexRankTab li:not(:last-of-type)::after{display: none;}
#indexRankTab li:not(:last-of-type) {margin-right: 5px;padding-right: 5px;}
.indexRankMore.active{margin-top: 5px;}
.news-notices-ul .tit{font-size: 16px;}
.download-center-ul a {font-size: 16px;}
} 
@media ((-webkit-min-device-pixel-ratio: 1.5) or (-webkit-min-device-pixel-ratio: 1.25)) {
.index-archive-l {max-width: 330px;}
}
#GraphicalAbstract .article-abstract>img {display: block;}