/*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:#1171C5; } /**1.页面字体需要变主色调，直接调用mainColor; 2.参考文献doi颜色与主色调一致**/
.article-list .mainColor { color:#1171C5; } 
/*文章页颜色*/
.article-pc .mainColor,.article-main-mid a { color:#1171C5; } 
/*文章页标题下方显示与隐藏按钮*/
.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: #1171C5; } 
/*2019年5月13日版本过刊标题*/
.guokan-tit h2 { color:#1171C5; } 
/*移动端搜索头部下拉框颜色*/
.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:#1171C5; } 
/*向上箭头*/
.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #1171C5 url("../../../style/images/public/back_top.png") no-repeat center center; display: none; } 
.arcmethod li.active,.phone-nav { border-color:#1171C5; } 
.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:#1171C5; } 
#page-tag-div .pagination>.active>a { border-color:#1171C5; } 
.footer .btmb { padding-top:8px; padding-bottom:8px; } 
/*手机下拉颜色有透明度，自己看着写*/
.phone-nav .search-app-wrap,.smallUl { background: rgba( 17,113,197, 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(../../../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: 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(../../../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: 14px; 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 { background: url("../../../style/images/public/nav-arrow1.png") no-repeat center center; } 
/*头部导航css end*/
/**********************************/


.header .container { background: url(../../../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: #fff; font-size: 24px; color: #fff; position: relative; margin-bottom: 25px;color: #222; line-height: 45px;border-bottom: 1px solid #D5D5D5; } 
.comtit span { display: inline-block; position: relative;border-bottom: 5px solid #1171C5;padding-left: 32px; } 
.comtit span i {position: absolute;left: 0;font-size: 30px;color: #1171C5;}
.comtit a { position: absolute; right: 0; color: #666; font-size: 14px; bottom: 0;} 
.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(../../../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: "yyhyxxbiconfont"; /* Project id 4723640 */
  src: url('../fonts/iconfont.woff2?t=1731029250985') format('woff2'),
       url('../fonts/iconfont.woff?t=1731029250985') format('woff'),
       url('../fonts/iconfont.ttf?t=1731029250985') format('truetype');
}
.yyhyxxbiconfont {  font-family: "yyhyxxbiconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.yyhyxxb-yinyong:before {content: "\e613";}
.yyhyxxb-you2:before {  content: "\e63b";}
.yyhyxxb-zuo:before {  content: "\e642";}
.yyhyxxb-liulan:before {  content: "\e640";}
.yyhyxxb-tushuguan:before {  content: "\e62a";}
.yyhyxxb-xiazai:before {  content: "\e7bd";}
.yyhyxxb-tesezhuanti:before {  content: "\e617";}
.yyhyxxb-email-s:before {  content: "\e65e";}
.yyhyxxb-rss:before {  content: "\e68d";}
.yyhyxxb-shijian:before {  content: "\e619";}
.yyhyxxb-dushujihua:before {  content: "\e62f";}
.yyhyxxb-a-shenpidating-wodeshenpikegongyong:before {  content: "\e641";}
.yyhyxxb-you1:before {  content: "\e62c";}
.yyhyxxb-xia:before {  content: "\e63c";}
.yyhyxxb-sousuoxiao:before {  content: "\e8d6";}
.yyhyxxb-bianji:before {  content: "\ebf5";}
.yyhyxxb-woshizuozhe:before {  content: "\e648";}
.yyhyxxb-html-copy:before {  content: "\e707";}
.yyhyxxb-xuanzhongduigou:before {  content: "\e674";}
.yyhyxxb-xinwen:before {  content: "\e61b";}
.yyhyxxb-you:before {  content: "\e60a";}


/*css reset end*/


.header { height:190px; background: url(../../../style/images/custom/bg.jpg) no-repeat center;background-size: cover; } 
.header .logo { margin-top:36px; padding-left: 0; } 
.header .logo img { max-width:520px; } 
.header .logor { padding-left: 45px;padding-right: 0; } 
.header-indexed {width: 300px;align-items: center;padding-top: 30px;}
.header-indexed li {font-size: 15px;font-weight: bold;color: #FFFFFF;line-height: 26px;text-shadow: 0px 3px 5px rgba(8,8,8,0.41);padding-left: 12px;position: relative;}
.header-indexed li::before {content: "";width: 6px;height: 6px;background: #FFA913;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}

.top .nav { border:0; height:45px; line-height:45px; } 
.top .nav li a { padding:0 19px; } 
.top .nav.header-nav-en li a { padding:0 5px; } 
.top .nav ul>li { height:45px; } 
.top .header-nav ul > li > a { line-height:45px; height:44px; font-size:18px; color:#fff; } 
.header-nav ul > li ol { top:45px; } 
.top-nav.nav { box-shadow: 0 1px 1px #dddddd; } 
.header-nav,.header-nav { background:#1171C5; } 
.header-nav ul > li.active > a, .header-nav ul > li:hover > a { color:#fff; background:#F4A61F; } 
.header-nav ul > li ol li:hover,.header-nav ul > li ol li:hover a { border:0; background:#F4A61F; color:#fff; } 
.top .header-nav ul > li ol li a { padding:0 10px; } 
.top .header-nav ul > li ol li a { text-align:center; } 
.header-nav ul > li ol { z-index:9999; } 
.header-nav ul > li > a span {background: none;width: 20px;height: 20px;top: -1px;}
.header-nav ul > li > a span::before {content: "\e63c";font-family: "yyhyxxbiconfont" !important;color: #fff;font-size: 12px;font-weight: 100;}
/* 顶部搜索 */
.topSearchBox { background:#fff; } 

.search-wrapper{display:block;}
.search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;}
.search-wrapper .searcontent, .search-wrapper .tj{height: 42px;line-height: 42px;display: inline;}
.search-wrapper .searcontent {width: 220px; padding-left: 8px; }
.logoren .search-wrapper .searcontent {width: 170px;}
.indexsearch-en .searcontent {width: 147px; padding-left: 8px; }
.indexsearch .searchInput {position: relative;}
.indexsearch .searchInput::after {position: absolute;content: "\e8d6";right: 16px;top: 8px;font-family: "yyhyxxbiconfont" !important;color: #fff;font-size: 20px;cursor: pointer;pointer-events: none;}
.search-wrapper input::input-placeholder{color: #ababab;font-size:16px;}
.search-wrapper input::-webkit-input-placeholder{color: #ababab;font-size:16px;}
.search-wrapper input::-moz-placeholder{color: #ababab;font-size:16px;}
.search-wrapper input::-ms-input-placeholder{color: #ababab;font-size:16px;}
.search-wrapper .form-control{padding:0 50px 0 10px;font-size:16px;border-radius:6px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);    border: 0;background: rgb(255,255,255,0.9);}
.search-wrapper .form-group{position:relative;overflow: hidden;}
.search-wrapper form{margin-top:111px;}
.search-wrapper .tj{position:absolute;width:53px;right:0;top:0;background: #007DEC;border-radius: 0 5px 5px 0;}
.search-wrapper .adSearch{display:inline-block;height:42px;line-height:42px;background: #F19419;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);border-radius: 6px;color:#fff;font-weight: bold;    padding: 0 10px; font-size:15px;margin-left:10px;float:left;}

.search-wrapper select { width: 82px; height: 42px; font-size: 15px; border: none; padding-left: 15px; background: url(../../../style/images/custom/select_arrow.png) no-repeat scroll 80% center rgb(255,255,255,0.9);color: #666666;     border-radius: 4px 0 0 4px;} 
.search-wrapper .form-control {  border-right: none; border-radius: 0 6px 6px 0; margin-left: 0; } 
.searchInput:before{content: '';position: absolute;width: 1px;height: 24px;top:8px;left: 0;z-index: 1;background-color: #d9d9d9;}


/*轮播图*/
.banner {padding-top: 25px;}
.banner .container{margin-bottom: 40px;}
.banner-l {width: calc(100% - 515px);float: left;}

.banner-swiper .swiper-slide{position: relative;border: 1px solid #c4c4c4;}
.zoomImage {width: 100%;height: 0;padding-bottom: 335px;overflow: hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;display: block;}
.swiper-bg{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);width: 100%;text-align: left;padding: 8px 12px;height: 60px;font-size: 18px;font-weight: bold;color: #fff;display: block;}
.swiper-tit{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.swiper-bg:hover {color: #fff;}
.banner-swiper .swiper-pagination {position: absolute;z-index: 20;bottom: 20px!important;height: 10px;width: 100%;text-align: right;padding-right: 20px;
}
.banner-swiper .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: rgba(0,0,0,0.2);margin: 0 5px;opacity: 1;/* border: 1px solid #fff; */cursor: pointer;background-color: #FFFFFF;
}
.banner-swiper .swiper-pagination-bullet-active {background: #F19419;
}

.journal-info {float: right;width: 515px;padding-left: 30px;display: flex;}
.cover-box {width: 234px;}
.cover-box img {box-shadow: 0px 0px 5px 1px rgba(8,8,8,0.2);max-width: 100%;width: 234px;}
.cover-bottom {padding-left: 20px;color: #222;line-height: 24px;position: relative;width: calc(100% - 234px);}
.cover-bottom p {margin-bottom: 10px;}

.journal-text.cn p {position: relative;padding-left: 42px;}
.journal-text.cn p strong {position: absolute;left:0;}

.qrcode-email-rss {position: absolute;bottom: 0;display: flex;}
.qrcode img{width: 102px;box-shadow: 0px 0px 7px 1px rgba(8,8,8,0.2);}
.email-rss {display: flex;flex-direction: column;justify-content: flex-end;padding-left: 22px;}
.journal-info-en .email-rss {padding-left: 18px;}
.email-rss a{padding-left: 35px;position: relative;font-size: 14px;color: #222;line-height: 26px;}
.email-rss span {position: absolute;left: 0;color: #1171C5;font-size: 30px;}
.email-rss a:nth-of-type(1) span {left: -5px;} 
.email-rss a:nth-of-type(2) span {font-size: 18px;}

.journal-info-en p {margin-bottom: 3px;}
.journal-info-en .cover-bottom {line-height: 17px;}

.tsg-ul {display: flex;margin-right: -25px;}
.tsg-ul li {width: calc(25% - 25px);margin-right: 25px;}
.tsg-ul li a {height: 69px;background: #E0EDF8;box-shadow: 0px 3px 4px 0px rgba(0,24,50,0.27);border-radius: 35px;font-size: 22px;font-weight: bold;color: #1171C5;line-height: 69px;display: flex;width: 100%;align-items: center;justify-content: center;transition: all .3s;}
.tsg-ul li a span {font-size: 30px;font-weight: normal;margin-right: 12px;}
.tsg-ul li a:hover {text-decoration: none;background-color: #1171C5;color: #fff;}

.news { display: flex; justify-content: space-between; align-items: center; line-height: 41px; background-color: #EEF5FB; padding-right: 12px;box-shadow: 0px 2px 4px 0px rgba(0,24,50,0.22); padding-left: 0; } 

.news .news-header { background: #1171C5; font-size: 24px; font-weight: 400; color: #fff; line-height: 28px;display: inline-block;width: 80px;height: 80px;padding: 13px 15px; } 
html[lang="en"] .news .news-header{width: 95px; height: auto;}
.news-header .iconfontown { font-size: 24px; vertical-align: middle; margin-right: 6px; } 
.news>a { font-size: 14px; line-height: 18px; color: #666; display: inline-block; padding-right: 10px; } 
#scroll_div { overflow: hidden; white-space: nowrap; color: #000; text-align: center; font-size: 18px; flex: 1; margin: 0 35px; } 
#scroll_div a { color: #222; margin-right: 35px;font-size: 17px; } 
#scroll_div a::before { content: ''; width: 0; height: 0; display: inline-block; vertical-align: middle; margin: -2px 12px 0 0; border-left: 8px solid #1171C5;border-top: 7px solid transparent;border-bottom: 7px solid transparent;} 
#scroll_begin,#scroll_end { display: inline; } 

.item-div {min-height: 1306px;}
.item-div.comwrap {margin-bottom: 0;min-height: unset;}
.index-articles .tab-box{border-bottom: 1px solid #DBDBDB;text-align: center;}
.index-articles #myTab {display: flex;justify-content: center;}
.index-articles .article-list-left{display: none;}
.tab-ul-index li {position:relative;}
.tab-ul-index li:last-child{margin:0;}
.tab-ul-index li a{position: relative;height: 50px;line-height: 50px; font-size:24px;font-weight:normal;color: #222;  text-decoration: none;}

.tab-ul-index li,.tab-ul-index li.active{background:none;}
.tab-ul-index li.active { position: relative; background: #005FC1;border-radius: 8px 8px 0px 0px;} 
.tab-ul-index li.active a{color:#fff; font-weight: normal;}
.tab-ul-index li.active a::after { content: ''; width: 0; height: 0; border-top: 8px solid #005FC1; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } 

.index-articles .tab-ul-index  ul{position: absolute;z-index: 1; display: none;width: 100%; background-color: #fff;padding: 5px ;border: 1px solid #eee;border-top: 0;left: -5px;}
.index-articles .tab-ul-index  li:hover ul{display: block;}
.index-articles .tab-ul-index  ul li li{margin: 0;float: none;display: block;}
.index-articles .tab-ul-index  ul a{padding: 0;font-size: 16px;    height: 35px;  line-height: 35px;}

.index-articles .tab-ul-index li {padding: 0 25px;}
.index-articles .tab-ul-index li ul li{display: block;padding: 0 10px;margin: 0 0 5px 0;}
.index-articles-en .tab-ul-index li ul li{text-align: left;}
.index-articles .tab-ul-index li ul li:hover a{color: #005FC1;}
.index-articles .tab-ul-index li .ckyyckzgcxbiconfont{font-size: 12px;color: #005FC1;margin-left: 6px;}

.toolBoxBorder .column {background-color: #005FC1;color: #fff;padding: 0 5px;border: none;border-radius: 5px;margin-right: 20px;}
/* .column .fa-navicon::before{font-family: "ckyyckzgcxbiconfont" !important;content: "\e62f";} */
.column i, .column span{line-height: 25px;}
.catalog a{line-height: 25px;height: 25px;background-color: #fff;display: inline-block;font-size: 14px;color: #1171C5;font-weight: bold;border-radius: 3px;padding: 0 12px;border: 1px solid #1171C5;}
.catalog a:hover {background-color: #1171C5;color: #fff;text-decoration: none;}
.catalog a:not(:last-of-type) {margin-right: 10px;}
.cur-date {line-height: 25px;font-size: 15px;color: #1A1A1A;margin-right: 20px;}

.index-articles .articleListRenderCount {display: flex;flex-wrap: wrap;}
.index-articles .article-list {width: calc(50% - 30px);margin-right: 30px;border-bottom: 1px solid #D7D7D7;}

.article-list-journalg{background: none;padding: 0;margin-top: 20px;}
.article-list .article-list-journalg {margin-top: 0;margin-bottom: 5px;}
.article-list-journalg  a{ position: relative;display: inline-block;padding: 0; font-size: 15px;color: #F4A61F;font-weight: bold; height: 24px;line-height: 24px; background: none;text-decoration: none;}
.article-list-journalg a:hover{color: #F4A61F;}
.index-articles .article-list {padding-left: 0;padding-right: 0;}
.article-list {padding-top: 20px;padding-bottom: 20px;}
.article-list-title{margin-bottom: 5px;}
.article-list-time{margin-bottom: 15px;}
.article-list-zy.morenstyle{margin-bottom: 10px;}
.article-list-zy.article-list-keywords{margin-bottom: 10px;}
.article-list-title a{font-weight: bold;font-size: 18px;color: #222;}
.article-list-author a,.article-list-author , .article-list-time font,.article-list-time,.article-list-time .mainColor {font-size: 15px;color: #505050;}
.article-list-zy font span, .article-list-zy font a{font-size: 15px;color: #0776D4;}
.article-list .article-thumb{position: relative;border: 1px solid #DCDCDC;float:right;overflow: hidden;width: 190px;height:115px;}
.article-list .article-thumb a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.article-list .article-thumb img{max-width:100%; max-height: 100%;/*position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);*/transition: all .3s;}
.article-list:hover .article-thumb img {transform: scale(1.05);}
.article-thumb + .article-info-box {float: left;width: calc(100% - 210px);margin-right: 20px;}
.article-list .ckyyckzgcxb-yinyong1{color: #0054AA;margin-left: 5px;    position: relative; top: -1px;}
.article-list .ckyyckzgcxb-yinyong1:hover{color: #006FEB;cursor: pointer;}
.article-info-box .article-list-zy.morenstyle{display: block;font-size: 14px;color: #666666;line-height: 22px;}
.article-list-keywords{font-size: 14px;color: #909090;line-height: 24px;}
.article-list-zy font{padding: 0 20px;position: relative;}
.article-list-zy > font:before{content: '';width: 2px;height: 16px;background: #c5c5c5;position: absolute;left: 0;top: 2px;}
.article-list-zy > font:first-child:before{display: none;}
.article-info-box .article-list-zy.morenstyle{position: relative;}
.article-info-box .article-list-zy.morenstyle .abstractBtn {position: absolute;right: 0;top: 23px;font-size: 12px;color: #0776D4;cursor: pointer;background: #fff;}
.article-info-box .article-list-zy.morenstyle .abstractBtn.act{ top: auto;bottom: -15px;   transform: rotate(180deg);}
.abstract-con{height: 3em;overflow: hidden;}
.abstract-con.ac{height: auto;}
.article-list-title a:hover, .article-list-author a:hover, .article-list-time a:hover, .article-list-zy font a:hover, .article-list-keywords a:hover{text-decoration: none; color: #005FC1;}
.article-list-keywords > span{color: #666;}

.article-list-btn {position: relative;}
.article-list-btn font a:hover {text-decoration: underline;}
.article-num {position: absolute;right:0;bottom:0;line-height: 26px; }
.article-num span{display: inline-block; padding-left: 20px;font-size: 14px;color: #666;margin-left: 10px;}
.article-num .abs-num,.article-num .pdf-num,.article-num .citedBy-num{position: relative; font-family: "yyhyxxbiconfont" !important;font-size: 14px;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;    min-height: 26px;width: 65px;}
.article-num .abs-num::before,.article-num .pdf-num::before,.article-num .citedBy-num::before{position: absolute;left: 0;top:2px;    font-size: 18px;line-height: 24px;}
.article-num .abs-num::before{content: "\e640";}
.article-num .pdf-num::before{content: "\e7bd";}
.article-num .citedBy-num::before{content: "\e613";}
.abs-num:empty,.pdf-num:empty,.citedBy-num:empty{display: none;}

.article-list:hover .article-list-title a {color: #1171C5;}
.article-list-more {text-align: center;}
.article-list-more a{display: inline-block;margin: 25px 0 10px;padding: 0 20px;line-height: 35px;border: 1px solid #1171C5;border-radius: 2px;color: #1171C5;transition: all .3s;}
.article-list-more a:hover{background: #1171C5;color: #fff;text-decoration: none;}

/* index-archive */
.index-archive {margin-bottom: 40px;}
.index-archive-ul {display: flex;margin-right: -25px;}
.index-archive-ul li {margin-right: 25px;width: calc(1/6*100% - 25px);}
.index-archive-ul li:nth-of-type(n+7) {display: none;}
.index-archive-ul li img {width: 100%;box-shadow: 0px 0px 5px 1px rgba(8,8,8,0.2);margin-bottom: 10px;transition: all .3s;}
.index-archive-ul li .text-center {font-size: 16px;color: #222;line-height: 26px;}
.index-archive-ul li a:hover {text-decoration: none;}
.index-archive-ul li a:hover img {transform: scale(1.05);}

/* index-topics */
.index-topic {margin-bottom: 15px;}
.index-topic-bg {position: relative;padding-bottom: 122px;background-size: cover;display: block;border-radius: 4px;box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);border-radius: 8px;box-shadow: 0px 3px 4px 0px rgba(0,24,50,0.27);transition: .2s;}
.index-topic-bg div{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;font-size: 20px;line-height: 28px;font-weight: bold;padding: 20px 30px;text-align: center;box-shadow: 0px 3px 4px 0px rgba(0,24,50,0.27);border-radius: 8px;}
.custom-swiper-wrap {text-align: center;padding: 15px 0 5px;}
.custom-swiper-button {font-size: 22px;color: #1171C5;cursor: pointer;}
.my-button-disabled {color: #929292;}
.custom-pagination {padding: 0 5px; }
.custom-pagination .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 3px;background-color: #929292;opacity: 1;margin: 4px 4px;}
.custom-pagination .swiper-pagination-bullet-active {background-color: #F4A61F;}
.index-topic-swiper {padding-top: 5px!important;}
.index-topic-swiper .swiper-slide:nth-of-type(4n+1) .index-topic-bg{background: url(../../../style/images/custom/topic1.jpg) no-repeat center center;background-size: cover;background-position: center;transition: transform 0.5s ease;}
.index-topic-swiper .swiper-slide:nth-of-type(4n+2) .index-topic-bg{background: url(../../../style/images/custom/topic2.jpg) no-repeat center center;background-size: cover;background-position: center;transition: transform 0.5s ease;}
.index-topic-swiper .swiper-slide:nth-of-type(4n+3) .index-topic-bg{background: url(../../../style/images/custom/topic3.jpg) no-repeat center center;background-size: cover;background-position: center;transition: transform 0.5s ease;}
.index-topic-swiper .swiper-slide:nth-of-type(4n+4) .index-topic-bg{background: url(../../../style/images/custom/topic4.jpg) no-repeat center center;background-size: cover;background-position: center;transition: transform 0.5s ease;}
.index-topic-swiper .swiper-slide:hover .index-topic-bg {transform: translateY(-5px);;}

/* qkdt */
.qkdt-ul {display: flex;margin-right: -30px;flex-wrap: wrap;}
.qkdt-ul li{width: calc(1/3*100% - 30px);margin-right: 30px;margin-bottom: 30px;background-color: #fff;box-shadow: 0px 1px 5px 0px rgba(0,24,50,0.2);}
.qkdt-ul li:hover {background-color: #1171C5;}
.qkdt-ul li a {display: block;height: 115px;padding: 18px 15px;position: relative;transition: all .3s;}
.qkdt-ul li .tit {font-size: 18px;color: #222;line-height: 26px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.qkdt-date {position: absolute;right: 12px;bottom: 15px;font-size: 14px;color: #015198;padding-left: 22px;}
.qkdt-date::before {content: "\e619";font-family: "yyhyxxbiconfont" !important;position: absolute;left: 0;font-weight: bold;}
.qkdt-ul li a:hover{text-decoration: none;}
.qkdt-ul li a:hover .tit{color: #fff;}
.qkdt-ul li a:hover .qkdt-date {color: #fff;}
.qkdt-ul li:nth-of-type(n+7) {display: none;}

.footer{ padding:30px 0 15px; background-color: #287FCB;color: #fff;font-size: 15px;line-height: 24px;}  
.footer .btmb {background-color: #287FCB;padding-top: 0;padding-bottom: 0;text-align: left;}
.footer a { color:#fff;} 
.bottom-fixed { background:#006bc1 url("../../../style/images/public/back_top.png") no-repeat center center; } 
.footer div[class^="col-lg-"]{padding-left: 0;}
.footer p, .footer li {margin-bottom: 12px;}
.footer h5 {margin-bottom: 20px;}
.footer h5 a {font-size: 18px;font-weight: bold;}
.footer li a {position: relative;padding-left: 16px;}
.footer li a::before {content: "";width: 5px;height: 5px;border-radius: 5px;background-color: #fff;position: absolute;left: 0;top:6px;}
.footer span:not(:last-of-type){margin-right: 12px;}

.box-search1 ul li input { max-width:100%; } 
/*右侧*/
.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 .comlist { padding: 15px 0; display:block; background:#f7f7f7; border-top:0; } 
.comwrap { margin-bottom:20px; min-height:100px; } 

.main-right .journal-info {width: 100%;padding-left: 0;flex-direction: column;float: none;margin-bottom: 25px;}
.main-right .cover-box {width: 100%;text-align: center;margin-bottom: 15px;}
.main-right .cover-bottom {padding-left: 0;width: 100%;}
.main-right .qrcode-email-rss {position: unset;display: none;}
.main-right .container {max-width: 100%;}
.main-right .qkdt-ul li {width: calc(100% - 30px);}
.main-right .comtit {font-size: 18px;}
.main-right .comtit span i{font-size: 24px;}
.main-right .index-topic-bg div,.main-right .qkdt-ul li .tit {font-size: 16px;}
.main-right .journal-info-en p {margin-bottom: 10px;}
.main-right .journal-info-en .cover-bottom {line-height: 24px;}
/*文章详情*/


body { font-family: Arial, Microsoft YaHei,sans-serif!important; } 



.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; } 
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-topic .container,.index-archive .container, .qkdt .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: 1300px) {
.search-wrapper .searcontent {width: 150px;}
}
@media (max-width: 1200px) {
.index-articles {padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 992px) {
.banner-l,.journal-info {width: 100%;padding-left: 0;}
.zoomImage {padding-bottom: calc(335/785*100%);}
.banner-l {margin-bottom: 25px;}
.tsg-ul {flex-wrap: wrap;}
.tsg-ul li {width: calc(50% - 25px);margin-bottom: 20px;}
.banner .container:nth-of-type(2) {margin-bottom: 10px;}
.index-articles .article-list {width: 100%;margin-right: 0;}
.index-archive-ul {flex-wrap: wrap;}
.index-archive-ul li {width: calc(1 / 3 * 100% - 15px);margin-bottom: 15px;}
.index-archive {margin-bottom: 30px;}
.qkdt-ul li {width: calc(50% - 30px);}
.footer div[class^="col-lg-"]:not(:last-of-type) {margin-bottom: 25px;}
.tab-ul-index li a {font-size: 18px;}
.index-articles #myTab {display: block;}
.index-articles .tab-ul-index li {padding: 0 12px;}
.qkdt-ul, .index-archive-ul {margin-right: -15px;}
.index-archive-ul li, .qkdt-ul li {margin-right: 15px;}
} 

@media (max-width: 768px) { } 
@media (max-width: 552px) {
.journal-info {flex-wrap: wrap;}
.cover-box {width: 100%;text-align: center;margin-bottom: 15px;}
.cover-bottom {width: 100%;padding-left: 0;}
.qrcode-email-rss {position: relative;}
.journal-info-en p {margin-bottom: 10px;}
.journal-info-en .cover-bottom {line-height: 24px;}
.tsg-ul {margin-right: -15px;}
.tsg-ul li {margin-right: 15px;width: calc(50% - 15px);}
.tsg-ul li a {font-size: 18px;height: 45px;line-height: 45px;font-weight: normal;}
.index-body.en .tsg-ul li a {font-size: 14px;}
.tsg-ul li a span {font-size: 22px;}
.article-list .article-thumb {display: none;}
.article-thumb + .article-info-box {width: 100%;margin-right: 0;}
.article-list-btn {height: 25px;}
.article-list-btn font {display: none;}
.index-archive-ul li {width: calc(50% - 15px);}
.qkdt-ul li {width: calc(100% - 15px);}
.news .news-header {font-size: 16px;line-height: 25px;width: 60px;height: 60px;padding: 6px 14px;}
.comtit {font-size: 20px;}
.comtit span i{font-size: 26px;}
.qkdt-ul li .tit {font-size: 16px;}
.article-list-title a  {font-size: 16px;font-weight: normal;}
.index-topic-bg div {font-size: 16px;font-weight: normal;}
.index-body.en .banner .container:nth-of-type(3) {display: none;}
} 