/*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:#007a49; } /**1.页面字体需要变主色调，直接调用mainColor; 2.参考文献doi颜色与主色调一致**/
.article-list .mainColor { color:#666; } 
/*文章页颜色*/
.article-pc .mainColor,.article-main-mid a { color:#007a49; } 
/*文章页标题下方显示与隐藏按钮*/
.content .article .article-left .togglebtn i { padding: 2px; } 
.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: #007a49; } 
/*2019年5月13日版本过刊标题*/
.guokan-tit h2 { color:#007a49; } 
/*移动端搜索头部下拉框颜色*/
.phone-nav .search-app-wrap select option { background: rgba(0, 97, 58, 0.9); } 
/*滑上去的颜色*/
.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a { background:#007a49; } 
/*向上箭头*/
.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #007a49 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 { color:#007a49;text-decoration: none} 
.article-list-zy font a:hover{color: #006fb7;}
#page-tag-div .pagination>.active>a { border-color:#007a49; } 

/*手机下拉颜色有透明度，自己看着写*/
.phone-nav .search-app-wrap,.smallUl { background: rgba(0, 97, 58, 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:hover{color: #fff;}
.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) url(../images/public/select_arrow.png) no-repeat scroll right center; 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: 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 { background: url("../../../style/images/public/nav-arrow1.png") no-repeat center center; } 
/*头部导航css end*/
/**********************************/


/*css reset end*/
html body { font-size:16px; color:#222222;  } 
@font-face {
  font-family: "commoniconfont"; /* Project id 4534113 */
  src: url('../../../style/fonts/iconfont.woff2?t=1717478809783') format('woff2'),
       url('../../../style/fonts/iconfont.woff?t=1717478809783') format('woff'),
       url('../../../style/fonts/iconfont.ttf?t=1717478809783') format('truetype');
}

.commoniconfont{
  font-family: "commoniconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-shangjiantou_huaban:before {
  content: "\e63f";
}

.icon-xiangyou1:before {
  content: "\e775";
}

.icon-xiangzuo1:before {
  content: "\e779";
}

.icon-search:before {
  content: "\e608";
}

.icon-geren:before {
  content: "\e642";
}

.icon-orcid:before {
  content: "\ec49";
}

.icon-liulan1:before {
  content: "\e643";
}

body .icon-yinyong:before {
  content: "\ec81";
}

.icon-xiazai2:before {
  content: "\e612";
}

.icon-a-youjianchakanyoujianfasongyoujianshouyoujian-06:before {
  content: "\e918";
}

.icon-facebook:before {
  content: "\e6f3";
}

.icon-linkedin-in:before {
  content: "\f1e7";
}

.icon-tuite:before {
  content: "\e653";
}

.icon-fujian:before {
  content: "\e601";
}

.icon-xiala:before {
  content: "\e65c";
}

.icon-caidan:before {
  content: "\e62f";
}

.icon-you2:before {
  content: "\e621";
}

.icon-zuo2:before {
  content: "\e622";
}

.icon-email-s:before {
  content: "\e65e";
}

.icon-rss:before {
  content: "\e62b";
}

.icon-a-shang7:before {
  content: "\e651";
}

.icon-xiazai11:before {
  content: "\e7c5";
}

.icon-liulan:before {
  content: "\e640";
}

.icon-shenpi:before {
  content: "\f74e";
}

.icon-gerenbangong:before {
  content: "\e6b4";
}

.icon-denglu:before {
  content: "\e67a";
}

.icon-shenhe:before {
  content: "\e602";
}

.icon-bianji:before {
  content: "\e606";
}

.icon-zuo:before {
  content: "\e635";
}

.icon-you:before {
  content: "\e636";
}

.icon-you1:before {
  content: "\e63b";
}

.icon-zuo1:before {
  content: "\e641";
}

.icon-lianjie:before {
  content: "\e627";
}

.icon-special:before {
  content: "\e600";
}

.icon-xiazai:before {
  content: "\e614";
}

.icon-xiazai1:before {
  content: "\e638";
}

.icon-gonggaoshezhi:before {
  content: "\e62c";
}

.icon-sousuo:before {
  content: "\e658";
}

.icon-xia:before {
  content: "\e652";
}




body { font-family: Arial,Microsoft YaHei,sans-serif; } 
.header { height:180px; background: url(../../../style/images/custom/header_bg.jpg) no-repeat center center;background-size: cover; } 
.header .div-flex{height: 180px;}
.header .logo {  padding-left: 0;  } 
.header .logo img { height: 115px;    margin-left: -15px;} 
.logor {padding-left: 5px; padding-right: 0; } 


.index-of{text-align: right;}
.index-of li{color:#fff;font-size: 15px;  padding-right: 15px;position:relative;font-weight: bold;line-height: 28px;text-shadow: 0px 4px 4px rgba(0,0,0,0.28);}
.index-of li:after{content:'';width: 5px;height: 5px;background: #fff10b;position: absolute;right: 0;top: 12px;}
.index-of li:nth-last-child(1),.index-of li:nth-last-child(2){padding-right: 0;font-weight: normal;}
.index-of li:nth-last-child(1):after,.index-of li:nth-last-child(2):after{display: none;}
.index-of li span{margin-left: 30px;}
.index-bottom{margin-top: 5px;}

.top .nav { border:0; height:44px; line-height:44px; } 
.top .nav li a { padding:0 20px; } 
.top .header-nav-en  li a {padding: 0 18px;}
.top .nav ul>li { height:44px; } 
.top .header-nav ul > li > a { line-height:44px; height:44px; font-size:18px; color:#fff; } 
.header-nav ul > li ol { top:44px; background:rgba(0, 97, 58, .88); } 
.header-nav,.header-nav { background:#00613a; } 
.header-nav ul > li.active > a, .header-nav ul > li:hover > a { color:#fff; background:none;     line-height: 44px;height: 44px;border-bottom: 4px solid #fff100;} 
.header-nav ul > li ol li:hover,.header-nav ul > li ol li:hover a { border:0; background:#f08d2c; 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; } 
/* 搜索 */
.search-wrapper { display:block;} 
.searchInput{position: relative;}
.search-wrapper .searchInput:before{content: '';position: absolute;width: 1px;height: 24px;background: #ddd;border-left: 0;top: 7px;    right: 0;}
.search-wrapper select { width: 70px; height: 30px; font-size: 14px;    outline: none; border: none; padding-left: 15px; background: url(../../../style/images/public/select_arrow.png) no-repeat scroll right 0 center #fff;  color: #222222; } 
.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:30px; } 
.search-wrapper .searcontent, .search-wrapper .tj { height: 30px; line-height: 30px; display: inline; } 
.search-wrapper .searcontent { width:283px; padding-left: 8px; background: #fff;  float: left;background: #d9e7e2;border-radius: 4px; } 
.search-wrapper input::input-placeholder { color: #717171; font-size:14px; } 
.search-wrapper input::-webkit-input-placeholder { color: #717171; font-size:14px; } 
.search-wrapper input::-moz-placeholder { color: #717171; font-size:14px; } 
.search-wrapper input::-ms-input-placeholder { color: #717171; 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;    margin-top: 7px;    border-radius: 4px;} 
.search-wrapper .tj { position:absolute; top:10px;right:13px;width:18px; height:18px;color: #fff; background: url(../../../style/images/custom/search.png) no-repeat center; background-size:contain;} 
.search-wrapper .adSearch { display:inline-block; color:#fff; background:none; margin-left:15px; font-size: 15px; font-weight: bold; } 
.search-wrapper .adSearch { height:44px; line-height:44px;    padding: 0; display:inline-block; border:none; font-size:15px;margin-left: 15px;  } 
.search-wrapper .tj,.search-wrapper .adSearch { border-radius:0; } 
.search-wrapper .form-group>div { position: relative; } 
.search-wrapper .form-group>div::before { content: ''; width: 1px; height: 21px; background: #dadada; display: inline-block; position: absolute; left: 0; top: 7px; z-index: 3; } 
.search-wrapper form{border-radius: 2px;overflow: hidden;}
.searcontent-box{position: relative;}



.m25{margin-bottom: 35px;}
/*轮播图*/
.banner .com-box .comtit{padding-left: 0;}
.banner .com-box{border-bottom: 2px solid #b0b0b0;margin-bottom: 30px;}
.banner .com-box .comtit b{font-size: 22px;}
.banner-swiper { width: 100%;  position: relative; } 
.banner-swiper , .banner-swiper .swiper-wrapper{height: 275px;}
.banner-swiper .swiper-slide {padding: 0 0 30px 0;} 
.img-wrap { width: 35.71%;float: left; } 
.zoomImage {display: block; width: 100%; height: 0; padding-bottom: calc( 244 / 326 * 100%); overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; border: 1px solid #EBEBEB;; } 
.swiper-r {text-align: left; } 
.img-wrap+.swiper-r{ width: 64.29%;  padding-left: 20px;float: left;}
.swiper-slide .swiper-title { display: block;min-height: 40px; width: 100%; font-size: 20px; font-weight: bold; color: #222; line-height: 1.3; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } 
.swiper-author,.swiper-author a { display: inline-block; width: auto; font-size: 14px; font-weight: 400; color: #666; } 
.swiper-abs { font-size: 14px; font-weight: 400; color: #666; line-height: 1.5;padding-top: 15px; margin-top: 15px; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; border-top: 1px dashed #e2e2e2;} 
.swiper-btn { position: absolute; left: 69%; bottom: 10px; transform: translateX(-50%); width: auto; height: 40px; min-width: 190px; z-index: 33;padding: 0 42px; } 

.my-button-disabled {color: #868686;}
.custom-pagination {padding: 0 5px; }
.custom-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: #464646;border-radius: 50%;margin: 0 5px;}
.custom-pagination .swiper-pagination-bullet-active {width: 25px; background: #007A49;border-radius: 4px;}
.custom-swiper-wrap{text-align: center;position: absolute;left: 0;right: 0; bottom: 0;z-index: 1;}
.custom-swiper-wrap .commoniconfont:hover{color: #007a49;}
.tsg ul{margin-left: -7px;margin-right: -7px; margin-bottom: 35px;}
.tsg li{float: left;width: 20% ;padding: 0 10px;}
.tsg a{display: block; height: 64px;line-height: 64px;font-weight: bold; font-size: 20px; text-align: center;color: #646464;text-decoration: none; border-radius: 6px;border: 1px solid #D7D7D7;}
.tsg a:hover{color: #fff; background: #007a49;border: 1px solid #007a49;}
.tsg .commoniconfont{position: relative;top: 1px; font-size: 29px;    font-weight: normal; margin-right: 12px;color: #007948;vertical-align: bottom;}
.tsg li:hover .commoniconfont{color: #fff;}
.tsg .icon-shenhe{font-size: 35px;}
.tsg .icon-shenpi{font-size: 33px;}
.tsg .icon-bianji{font-size: 27px;}
.tsg .icon-gerenbangong{font-size: 27px;}

.tsg-en.tsg .commoniconfont {display: none; margin-right: 0;font-size: 20px;}
.tsg-en.tsg a{font-size: 18px;color: #007948;}
.tsg-en.tsg a:hover{color: #fff;}

.cover-info.comwrap{padding-bottom: 8px;}
.cover-img{display: block;width:145px}
.cover-img img{width: 170px;}
.qk-info{width: calc(100% - 145px);padding:0 0 0 17px;}
.qk-info { font-size: 14px;color: #1C1C1C;line-height: 24px;}
.issn-eissn{margin-bottom: 5px;}
.current-catalogue p{font-size: 16px;}
.current-catalogue{text-align: center;}
.current-catalogue > a{display: block;font-weight: bold;font-size: 16px;color: #FFFFFF;height: 33px;line-height: 33px;margin: 5px 0 10px 0;background: #007a49;border-radius: 4px;}
.issn-eissn p:first-child{border-bottom: 1px solid #2f2f2f;}
.other-info{line-height: 1.2;}
.other-info p + p{margin-top: 5px;}

/*列表*/
.index-articles{background: #fff;}
.index-articles .tab-ul-index li{background: none;position: relative;padding: 0;}
.index-articles #myTab {border-bottom: 2px solid #AAAAAA;    min-width: 100%;}
.index-articles .tab-ul-index li a{height: 48px;line-height: 48px;font-size: 22px;color: #929292;font-weight: bold;}
.index-articles-en .tab-ul-index li a{padding: 0 10px;}
.index-articles .tab-ul-index li.active a{color: #222;border-bottom: 4px solid #007A49;}
.index-articles .article-list-left{display: none;}
.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;}
.index-articles .tab-ul-index  li:hover ul{display: block;}
.index-articles .tab-ul-index  ul li{margin: 0;float: none;}
.index-articles .tab-ul-index  ul a{padding: 0;font-size: 15px;    height: 30px;  line-height: 30px;}

.toolBoxBorder{margin-bottom: 25px;}
.column i{font-size: 18px;font-weight: normal;vertical-align: middle;padding: 0;}
.column i::before{position: relative;top: -1px;}
.column span{margin-right: 0;}
.catalog a{display: inline-block; font-size: 14px;color: #007a49;border: 1px solid #007a49; height: 26px;line-height: 26px;padding: 0 20px;text-decoration: none; border-radius: 2px;margin-right: 12px;font-weight: bold;}
.catalog a:hover,.column ._table:hover{background:#007a49;color: #fff;}
.column ._table{font-size: 14px;font-weight: bold;color: #fff;height: 26px;line-height: 26px;padding: 0 9px; background: #007a49;border-radius: 2px;}
.cur-date-pub,.cur-date{font-size: 14px;color: #222;height: 26px;line-height: 26px;}
#indexCurrentInfo > span{margin-right: 15px;}
.column{border: 0;margin-right: 15px;}
.pre-issue a{font-size: 15px;color: #007a49;font-weight: bold;}
.pre-issue .commoniconfont  {font-weight: normal;font-size: 12px;}
.article-list-journalg{background: none;padding: 0;}
.article-list-journalg  a{ position: relative;display: inline-block;padding: 0 ; font-size: 16px;color: #222;font-weight: bold; line-height: 1;text-decoration: none;cursor: auto;}
.article-list-journalg a:hover{color: #222;}
.index-body .article-list-left{display: none;}
.index-body .article-list{padding-left: 0;padding-right: 0;}
.article-list {position: relative; border-bottom:1px solid #e1e1e1; padding:18px 0 18px 30px; } 
.article-list-title a { font-size:18px; color:#222; } 
.article-list .article-thumb {float: left; width:189px; margin-right:20px; height: 110px; border: 1px solid #e5e5e5;  } 
.article-list .article-thumb a { height: 100%; } 
.article-list .article-thumb img { max-width: 100%; } 
.article-list .article-list-title { margin-bottom:10px; } 
.article-list .article-info-box { float:none; } 
.article-list .article-thumb + .article-info-box { width: calc(100% - 209px); float:left; } 
.article-list .article-list-author a { line-height:21px; } 
.article-list-zy { margin-top:5px; } 
.article-list-zy .colorRed { color: #007a49; } 
.article-list { border:none; } 
.article-list ,.article-list:last-of-type{ border-bottom: 1px solid #ebebeb; } 
.article-list-author,.article-list-author a,.article-list-author font,.article-list-time,.article-list-time a,.article-list-time font{font-size: 14px;color: #666;}
.article-list-zy,.article-list-zy a{font-size: 14px;color: #006fb7;}
.article-list-zy font{padding: 0 10px;position: relative;}
.article-list-zy > font:before{content: '';width: 1px;height: 15px;background-color: #006FB7;;position: absolute;left: 0;top: 6px;}
.article-list-zy > font:first-child:before{display: none;}

.article-list-btns{position: absolute;right: 0;bottom: 18px;}
.article-list-position{font-size: 0;}
.article-list-position a{display: inline-block;padding: 0 15px;margin-right: 10px; font-size: 13px; height: 28px;background: #F2F9FF;border-radius: 6px;border: 1px solid #92B7D5;}
.article-list-position a:last-child{margin-right: 0;}
.article-list-position a:hover{color: #fff;text-decoration: none;background-color: #006fb7;}
.article-list-visits {font-size: 0;}
.article-list-visits > span{display: block;padding: 0 10px;margin-bottom: 10px;    margin-left: auto; height: 28px;line-height: 28px;width: 130px;font-size: 13px;color: #666;border-radius: 6px;border: 1px solid #E3E3E3;}
.article-list-visits .colorRed{color: #666;}
.article-list-btns .lll,.article-list-btns .xzl{position: relative; font-family: "commoniconfont"; font-size: 14px; }

.article-list-btns .lll::before, .index-ranking .abs-num{content: "\e640";color: #007A49; margin-right: 5px; }
.article-list-btns .xzl::before, .index-ranking .pdf-num{content: "\e7c5";color: #007A49; margin-right: 5px; }
.article-more{margin-top: 20px;}
.index-ranking .citedBy-num{content: "\ec81";color: #007A49; margin-right: 5px; }
.lll:empty,.xzl:empty, .index-ranking .abs-num:empty,.index-ranking .pdf-num:empty,.index-ranking .citedBy-num:empty{display: none;}
.index-ranking .commoniconfont::before {margin-right: 3px;}

/*右侧*/

.comwrap {min-height:100px;padding: 17px 20px 20px;border: 1px solid #e1e1e1; margin-bottom: 30px;background: linear-gradient(to bottom,rgba(232,242,234,0.2),transparent) no-repeat;background-size: auto 50px;border-top: 2px solid #007a49;} 
.com-box .comtit{position: relative;line-height: 1; padding:0 0 10px 30px;background: none; font-size: 20px;color: #222222; font-weight: bold;}
.com-box .comtit b{position: relative;font-size: 20px;}
.com-box .comtit b:before{content: '';position: absolute;left: 0;right: 0;bottom: -10px; width: 100%; height: 4px;background: #007A49;border-radius: 2px;}
.com-box .comtit:before{position: absolute; left: 0;bottom: 0; font-family: commoniconfont;color: #007a49;font-size: 20px;padding-bottom: 8px;    font-weight: normal;}
.com-box {position: relative;}
.com-box .more{position: absolute;right: 0;top: 2px; font-size: 14px;color: #666;}
.comlist li{position: relative; line-height: 1.5;padding-left: 15px;}
.comlist li a{font-size: 16px;color: #222;line-height: 1.3;}
.comlist li:hover a,.swiper-title:hover ,.swiper-author a:hover{color: #007a49;text-decoration: none;}
.comlist li {margin-top: 10px;}
.comlist li:before{content: '';position: absolute;left: 0;top: 6px; width: 0;height: 0;border-top: 5px solid transparent; border-bottom: 5px solid transparent;border-left: 6px solid #048451;}
.comwrap.cover-info{padding: 0;} 
.cover-img{width: 170px;}
.cover-img + .qk-info{width: calc(100% - 170px);padding: 20px 15px 0 10px;}
.qk-info{font-size: 14px;color: #222;}
.fzb{position: relative;padding-left: 56px;}
.fzb strong{position: absolute;;left: 0;}
.fzb  p{margin-bottom: 3px;}
.news .comtit:before{content: "\e62c";font-family: commoniconfont;font-size: 27px;vertical-align: bottom;color: #007A49;    margin-left: -5px;}
.yqlj .comtit:before{content: "\e627";font-family: commoniconfont;font-size: 20px;vertical-align: bottom;color: #007A49;}
.alert-rss{padding: 18px 20px; border: 1px solid #e1e1e1;text-align: center;}
.alert-rss a{font-size: 16px;color: #222;}
.alert-rss a:nth-child(1){margin-right:55px;}
.alert-rss .commoniconfont{vertical-align: middle;font-size: 35px;color: #007a49;margin-right: 5px;}
.alert-rss .icon-rss{font-size: 28px;}

.ranking{margin-bottom: 25px;}
.index-ranking{margin-bottom: 30px;}
.index-ranking .more{font-size: 14px;color: #666;}
.ranking-ul li { position: relative;padding-left: 45px;} 
.ranking-ul li .num{position: absolute;left:-2px;top:5px;font-size: 40px;font-weight: bold;color: #d5d5d5;font-style: italic;}
.ranking-ul li >a { font-size: 16px; line-height: 22px; color: #222;  } 
.ranking-ul li { margin-top: 15px; } 
.ranking-con{padding:5px 20px 15px 20px;border: 1px solid #e1e1e1; border-top: 2px solid #007a49;background: linear-gradient(to bottom,rgba(232,242,234,0.2),transparent) no-repeat;background-size: auto 50px;}
#left-tab {    display: flex;justify-content: space-between; margin-bottom: 5px!important; background: none;border-bottom: 2px solid #aeaeae;} 
#left-tab:before,#left-tab:after{display: none;}
#left-tab>li.active>a { background: none; color: #222; border-bottom: 4px solid #007a49; } 
#left-tab>li.active { background-color: none; } 
#left-tab>li>a {display: inline-block; border: none; margin: 0; height:46px;line-height: 45px; text-align: center; font-weight: bold;} 

#left-tab>li:hover>a { border: none; border-bottom: none; } 
#left-tab>li>a { font-size: 20px; color: #222; background: none; padding: 0;font-weight: bold;} 
#left-tab>li { float: none; margin-right: 0; } 
#left-tab>li{ margin-right: 0; } 
.ranking-en #left-tab span{display: block;}
.ranking .more { display: block; text-align: right; font-size: 14px; color: #666; margin-top: 10px;} 
.ranking .comwrap{padding-left: 0;padding-right: 0;padding-top: 0;}
.en .com-box .comtit,.en #left-tab>li>a{font-size: 18px;}
.en #left-tab>li>a{line-height: 1.3;}


.footer{background: #F2F2F2;padding: 20px 0;border-top: 5px solid #007a49;}
.footer,.footer a{font-size: 15px;color: #222;}
.footer .btmb{background: #F2F2F2;}
.footer .bottom p > span{margin: 0 8px;}
.footer .bottom  > p {margin-bottom: 3px;}
img.statistics{margin-top: -3px;}
.div-flex{ display: flex; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.div-flex-column-center{ -webkit-box-align: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;}
.div-flex-row-center{-webkit-box-pack: center;-ms-justify-content: center;-moz-justify-content: center; -o-justify-content: center;-webkit-justify-content: center; justify-content: center;}
.div-flex-row-left{-webkit-box-pack: left;-ms-justify-content: left;-moz-justify-content: left; -o-justify-content: left;-webkit-justify-content: left; justify-content: left;}
.div-flex-around{-webkit-box-pack: justify;-ms-justify-content: space-between;-moz-justify-content: space-between; -o-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.div-flex-direction{-webkit-box-direction: normal; -moz-box-orient: vertical;-moz-box-direction: normal;-webkit-box-orient: vertical; flex-direction: column; -webkit-flex-direction: column;   -ms-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column;}
.div-flex-row-column-center{ -webkit-box-pack: center; -ms-justify-content: center;  -moz-justify-content: center;  -o-justify-content: center;   -webkit-justify-content: center; justify-content: center;}


.main{padding-top: 30px;}
.journalIssue, .commontit,.box-article h3{font-size: 24px;}
a:focus, a:hover{color: #007a49;}
.header .logo{outline: none;}
.box-top,.journalIssue{padding-bottom: 0;margin-bottom: 0;}
h2.journalIssue {margin-bottom: 10px;}
.commontit,.box-top .commontit{margin-bottom: 30px;padding-bottom: 0;}
.main-left, .main-right{padding: 0;}

/* 40周年 */
.custom-topic-intro {margin-bottom: 25px;}
.custom-topic-intro-img {width: 650px;max-width: 100%;}
.custom-topic-intro-img.fl {width: 226px;max-width: 100%;margin-right: 15px;}
.custom-topic-intro-r {width: calc(100% - 246px); }
.topic-tag-list {margin-bottom: 20px;}
.topic-nav-tabs-wrap {width: 100%;overflow: auto;}
#topicTagTabContent {min-height: 500px;}
#topicTagTab .nav a {font-size: 18px;}
#topicTagTabUl {display: flex;flex-wrap: nowrap;align-items: center;margin-top: 25px;font-size: 20px;border-bottom: 1px solid #888;overflow: scroll;min-width: 500px;overflow-x: hidden;overflow-y: scroll;}
#topicTagTabUl::-webkit-scrollbar {display: none;}
#topicTagTabUl li {padding: 10px;border-radius: 5px 5px 0 0;background: #fff;white-space: nowrap;}
#topicTagTabUl li.active a,#topicTagTabUl li.active a {font-weight: 400;}
#topicTagTabUl a {font-size: 20px;color: #007a49;padding: 0;border: none;}
#topicTagTabUl li+li {margin-left: 5px;}
/* #topicTagTabUl.tab-ul-index-cn li+li {margin-left: 2px;} */
/* #topicTagTabUl li:first-child, #topicTagTabUl li:first-child:hover {color: #000;font-weight: 700;background-color: #fff;} */
#topicTagTabUl li:hover,#topicTagTabUl li.active {background-color: #007a49;}
#topicTagTabUl li:hover a,#topicTagTabUl li.active a {color: #fff;text-decoration: none;background-color: #007a49;}
#topicTagTab .article-list{padding-left: 0;padding-right: 0;}

.topic-list-title a{font-weight: bold;color: #222;font-size: 18px;}
.topic-desc{margin-top: 10px;    color: #555;}
.topic-ul li{padding: 15px 0;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.topic-ul li:last-child{border: 0;}
/* .topic-ul li:hover{background: #ddd;background: #eee;} */
.topic-list-title{position: relative;}

.topic-img-box{width: 180px;}
.topic-img-box img{width: 100%;}
.topic-img-box + .topic-img-right{width: calc(100% - 200px);margin-left: 20px;float: left;}
.topic-title{padding-bottom: 10px;border-bottom: 2px solid #ddd; position: relative; font-weight: bold;color: #222;font-size: 22px;}
#topicList1{margin-bottom: 30px;}

.pem{margin-right: 1em;}

@media (min-width: 1200px) { 
body .main-left{ width:70%; float:left; } 
body .main-right{ width: calc(30% - 40px); float:left; padding:0; margin-left:40px; } 
body .container { width:1200px; } 
.phone-nav{ z-index: 99999;}
#htmlContent h3, #htmlContent h4,#htmlContent h5, body #htmlContent h4 > span.sec-title,body #htmlContent h5 > span.sec-title{line-height: 1.5;}
.index-articles .tab-ul-index li{margin: 0 60px 0 0;}
.en .index-articles  .tab-ul-index li{margin: 0 20px 0 0;}
}

@media (min-width: 1330px) {
body .container { width:1300px; } 

}


@media (max-width: 1330px) {
.top .nav li a{padding: 0 15px;}
.top .header-nav ul > li > a{padding: 0 15px;}
.search-wrapper .searcontent{width: 200px;}
}

@media (min-width: 1200px) and (max-width: 1330px) {
.top .nav li a{padding: 0 20px;}
}

@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: 1200px) and (min-width: 992px) {
.main > .container{display: block;}
body .main-right {padding-left: 20px;}
}
 
@media (max-width: 1200px){
.comwrap,.ranking-con{padding-left: 15px;padding-right: 15px;}
.index-articles .tab-ul-index li{margin: 0 15px 0 0;}
.cover-img{margin-bottom: 10px;text-align: center;}
.cover-img,.cover-img + .qk-info{width: auto;float: none;}
.cover-img + .qk-info{padding: 10px 10px;}

.tsg li{width: 33.333%;margin-bottom: 10px;}
.article-list-visits > span{display: inline-block;margin-right: 10px;}
.article-list-btns{position: static;margin-top: 10px;}
.article-list-position ,.article-list-visits{display: inline-block;}
.main > .container{padding-left: 15px;padding-right: 15px;}
.swiper-abs{display: none;}

.tsg a{height: 50px;line-height: 50px;}
.phone-nav{ z-index: 99999;}
#htmlContent h3, #htmlContent h4,#htmlContent h5, body #htmlContent h4 > span.sec-title,body #htmlContent h5 > span.sec-title{line-height: 1.5;}
 }
@media (max-width: 992px){
.index-articles{margin-bottom: 30px;}
.article-list{padding: 15px 0;}
.journalIssue, .commontit, .box-article h3{font-size: 22px;}
 }

@media (max-width: 768px){
.tsg li{width: 100%;}

.index-articles .tab-ul-index li a{font-size: 16px;}
.footer p span{display: block;}

.swiper-slide .swiper-title,.tsg a,#left-tab>li.active>a,#left-tab>li>a,.com-box .comtit,.banner .com-box .comtit b{font-size: 18px;}
.comlist li a{font-size: 16px;}
.com-box .more,.index-ranking .more{font-size: 13px;}
.tsg .commoniconfont{font-size: 25px;}
.tsg .icon-shenhe{font-size: 30px;}
.tsg .icon-shenpi{font-size: 28px;}
.tsg .icon-bianji{font-size: 24px;}
.tsg .icon-gerenbangong{font-size: 22px;}
.footer, .footer a{font-size: 13px;}

.custom-topic-intro-img.fl {width: 100px;}
.custom-topic-intro-r {width: calc(100% - 115px); }
#topicTagTabUl{margin-bottom: 0;}
.topic-nav-tabs-wrap{margin-bottom: 15px;}

 }

@media (max-width: 560px){
.custom-swiper-wrap{display: none;}
.banner-swiper .swiper-slide{min-height: 290px;}
body .banner-swiper, body .banner-swiper .swiper-wrapper, .cover-info.comwrap{height: auto;}
body .img-wrap{float: none;width: auto;}
body .img-wrap+.swiper-r{width: auto;float: none;padding: 0;}
body .swiper-author,body .swiper-abs{display: none;}
.banner-swiper .swiper-r{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);height: 45px;}
.banner-swiper  .swiper-slide .swiper-title{ color: #fff;padding: 0 15px;margin: 0;height: 45px;line-height: 45px;}
body .banner-swiper .swiper-pagination{display: none;}
body .swiper-slide .swiper-title{    -webkit-line-clamp: 1;}

.index-body .toolBox1 {position: relative;}
.index-body .catalog{position: absolute;left: 88px;top: 20px;}
.index-body .pre-issue{position: absolute;right: 0;top: 24px;}
.index-body #indexCurrentInfo{float: none;margin-top: 35px;}
.catalog a{padding: 0 9px;}

}