/*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:25px;}
.toolBox2{padding-top:20px;}
.footer{position: relative;z-index: 2000;}
.inner{width:1170px;margin:0 auto;}

.mainColor,.reference-tab .td2 a{color:#008A40;} 


.article-pc .mainColor,.article-main-mid a{color:#008A40;}

.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,
.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,.catagory-more,.search-item-wrap .tj{background-color: #008A40;}
.footer .btmb{background: #0f4b17;}

.guokan-tit h2{color:#008A40;}


.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#008A40;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #008A40 url("../../../style/images/public/back_top.png") no-repeat center center; display: none;}
.arcmethod li.active,.phone-nav{border-color:#008A40;}
.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, .article-list .article-list-author a:hover{color:#008A40;text-decoration: none;}
#page-tag-div .pagination>.active>a{border-color:#008A40;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(0,138 ,64, 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:6px;}
.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/public/search2.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: #008A40 url(../../../style/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/search2.png") no-repeat center center;background-size: 22px;position: absolute;right: 15px;top: 8px;}
/*.header .logo{width: 50%;}*/
.header .logo img{max-width: 100%;height:117px;}

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


.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 .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: 5px;}
.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%;}
}

.top .nav{height: 47px;line-height: 47px;text-align: center;}
.top .nav ul>li{float: left;font-size: 16px;position: relative;padding:0 20px;}
.top .nav li a{color: #fff;display: block;text-align: center;padding: 0 ;}
.top .nav ul li a:hover,.top .nav li.active{text-decoration: none;}
.nav-second{display: none;position: absolute;z-index: 100;}

.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: 40px;font-size: 17px; padding:0 20px;}
.top .nav.header-nav-en ul > li {padding: 0 2px;}
.top .nav.header-nav ul > li {padding: 0 15px;}
.header-nav-en ul > li > a{padding:0 2px; }
.header-nav ul > li > a span{position: relative; top: -2px;margin-left: 6px;} 
.header-nav ul > li ol{position: absolute;  left: 0; top: 47px; min-width: 100%; z-index: 101; display: none;}

.top .header-nav ul > li ol li a{font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #fff; line-height: 34px;}
.top .header-nav ul > li ol li a:hover{color: #222;}
.phone-nav .sub{background: #fff url("../../../style/images/public/search1.png") no-repeat center center;}
.header-nav ul > li > a span::before{content: "\e65d";font-family: commoniconfont; color: #fff;} 
.header-nav ul > li.active > a span::before,.header-nav ul > li:hover > a span::before{color: #222;}
.search-btn{font-size: 20px;text-shadow: 1px 2px 6px rgba(0,0,0,0.82);}

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


.header .logowrap{height: 140px;overflow: hidden;background:  url(../../../style/images/custom/header_bg.jpg) no-repeat top center;background-size:cover;}
.header  .container > .div-flex{height: 145px;}
.header .logo{padding:0;border: none;margin-left: -10px;}
.logowrap .container{padding: 0;    height: 100%;}
.top .nav{border: 0;height: 40px;background: #3d9c4d;}
.top .nav li a{line-height: 40px;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover, .header-nav ul > li:hover > a{background: #fdd000;color: #222222;}

.top .nav.header-nav ul > li{padding: 0;}
.top .nav.header-nav ul > li a{padding: 0 20px;}
.top .nav.header-nav ul > li.dateCon a{padding-left: 0;}
.header-nav ul > li:hover > a span { -webkit-animation:rotateIcon 1s linear both; animation:rotateIcon 1s linear both; } 

.rank-yeartab li.current a{background: #3d9c4d; }
 html body{font-size: 16px;color:#030303;}
.main{padding-top: 30px;}
.index-body .main{padding-top: 0;}

@keyframes rotateIcon { 
 0% { transform : rotateX(180deg); } 
 100% { transform : rotateX(180deg); } 
 }

@-webkit-keyframes rotateIcon { 
 0% { -webkit-transform : rotateX(180deg); } 
 100% { -webkit-transform : rotateX(1800deg); } 
} 

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

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


.article-list .icon-yinyong1:before {
  content: "\e620";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-tesezhuanti:before {
  content: "\e617";
}

.icon-shuben:before {
  content: "\e6ea";
}

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

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

.icon-youjian:before {
  content: "\e615";
}

.icon-youjiantou-sange:before {
  content: "\e64e";
}

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

.icon-bangong1:before {
  content: "\e64b";
}

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

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

.icon-you3:before {
  content: "\e706";
}

.icon-bangong:before {
  content: "\e60d";
}

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

.icon-shang:before {
  content: "\e60f";
}

.icon-liulanliang:before {
  content: "\e68c";
}

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


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

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

.icon-shuyet:before { content: "\e611"; } 

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

.icon-yinxing1:before { content: "\e8fb"; } 

.icon-yinyong1:before { content: "\e620"; } 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-tesezhuanti:before { content: "\e617"; } 

.icon-shuben:before { content: "\e6ea"; } 

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

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

.icon-youjian:before { content: "\e615"; } 

.icon-youjiantou-sange:before { content: "\e64e"; } 

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

.icon-bangong1:before { content: "\e64b"; } 

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

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

.icon-you3:before { content: "\e706"; } 

.icon-bangong:before { content: "\e60d"; } 

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

.icon-shang:before { content: "\e60f"; } 

.icon-liulanliang:before { content: "\e68c"; } 

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



.index-of {position: relative;    display: inline-block;}
.index-of li{position: relative; padding-left: 10px;font-weight: bold;font-size: 13px;font-weight: bold; color: #FFFFFF;line-height: 1.5;text-shadow: 0px 2px 3px rgba(17,17,17,0.45);}
.index-of li:before{content: '';position: absolute;width: 5px;height: 5px;background: #c5262d;left: 0;top: 10px}
.index-of li + li{margin-top: 1px;}
.index-of-right{position: absolute;top: 50%; transform: translateY(-50%); right: -80px;font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 22px;text-shadow: 0px 2px 3px rgba(17,17,17,0.45);}


.logor{padding-right: 0;}
.alert-rss a{font-size: 15px;color: #fff;}
.alert-rss .commoniconfont{font-size: 23px;margin-right: 10px;margin-left: 25px;color: #fff;}
.alert-rss .icon-youjian{font-size: 29px;position: relative;bottom: -4px;}
.search-wrapper{display:block;}
.search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;}
.search-wrapper .searcontent, .search-wrapper .tj{height: 35px;line-height: 35px;display: inline;}
.search-wrapper .searcontent {width: 329px; padding-left: 8px; }
.search-wrapper input::input-placeholder{color: #848484;font-size:15px;}
.search-wrapper input::-webkit-input-placeholder{color: #848484;font-size:15px;}
.search-wrapper input::-moz-placeholder{color: #848484;font-size:15px;}
.search-wrapper input::-ms-input-placeholder{color: #848484;font-size:15px;}
.search-wrapper .form-control{padding:0 50px 0 20px;font-size: 15px;border-radius:0;border: 0;background: rgb(255,255,255,0.89);}
.search-wrapper .form-group{position:relative;border-radius: 23px;overflow: hidden;}
.search-wrapper form{margin-top:12px;}
.search-wrapper .tj{position:absolute;width:50px;background: url(../../../style/images/custom/search.png) no-repeat center ;right:0;top:0;}
.search-wrapper .adSearch{display:inline-block;height: 41px;line-height: 45px;border-radius: 0;color:#fff;font-weight: bold;padding: 0;font-size: 15px;margin-left:15px;float:left;}
.search-wrapper .adSearch:hover{text-decoration: underline;}



.m40{margin-bottom: 15px;}
.banner-swiper { overflow: hidden;position: relative;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{display: none; color: #fff;transform: translateY(-10px);}
/* .banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next{display: block;} */
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{background: #008A40;}
.banner-swiper .swiper-button-prev:after{content: "\e779";font-family: commoniconfont;font-size: 18px;}
.banner-swiper .swiper-button-next:after{content: "\e775";font-family: commoniconfont;font-size: 18px;}
.banner-swiper .swiper-button-prev{left: 30px;width: 42px;height: 42px;background: rgba(38,40,49,0.4);border-radius: 50%;font-size: 30px;}
.banner-swiper .swiper-button-next{right: 30px;width: 42px;height: 42px;background: rgba(38,40,49,.4);border-radius: 50%;font-size: 30px;}
.banner-swiper .swiper-slide{display: block;}
.banner-swiper .swiper-slide > div{padding-top: calc((435 / 1920) * 100%);min-height: 200px; }
.banner-swiper .swiper-slide .img-box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;   }
.banner-swiper .bann-tit{position: absolute;left: 0;right: 0;bottom: 0;text-align: center; padding: 0 65px 0 13px ;height: 33px;line-height: 33px; background: rgba(0,0,0,0.53); }
.banner-swiper .bann-tit a{display: block;font-size: 15px;color: #fff;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.banner-swiper .swiper-slide a{width: auto;}
.banner-journal .banner-swiper .swiper-pagination{display: none; width: auto; bottom: 5px;    left: auto;  right: 20px;}
.banner-journal .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{width: 6px;height: 6px;background: #b4b3af;border-radius: 50px;margin: 0 2px;opacity: 1;}
.banner-journal .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}


.comwrap{padding: 15px 20px 15px 20px;border: 2px solid #008a40;}
.com-box, .com-box2{position: relative;margin-bottom: 12px;}
.com-box .comtit{position: relative;line-height: 1; background: none; font-size: 22px;color: #030303; font-weight: bold;}
.com-box .more, .com-box2  .more,.ranking-con .more{position: absolute;right: 0;top: -5px; font-size: 14px;color: #272727;padding-top: 8px;padding-left: 27px;padding-right: 7px;}
.comlist li{position: relative; line-height: 1.5;padding-left: 15px;}
.comlist li:before{content: "\e706";font-family: commoniconfont;color: #008A40;position: absolute;left: 0;}
.comlist li a{font-size: 15px;color: #030303;}
.comlist li + li{margin-top: 10px;}
.com-box a:before,.com-box2 a:before, .ranking-con .more a:before{content: "";position: absolute;left: 7px;bottom: 7px;width: 18px;height: 10px;background: url(../../../style/images/custom/right_arrow.png) no-repeat; color: #008A40;font-size: 12px;}
.com-box a:after,.com-box2 a:after, .ranking-con .more a:after{content: '';position: absolute;width: 100%;height: 5px; left: 0;right: 0;top: 0;border-top: 1px solid #008a40;border-bottom: 1px solid #6bbb90;}

.cover-box{width: 163px;/* height: 241px; */box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.28);}
.cover-box img{width: 100%;height: 100%;}
.cover-right {width: calc(100% - 185px);margin-left: 15px;}
.cover-right p{margin-top: 10px;}

.journal-desc .comwrap{ margin-right: 8px;}
.journal-text{font-size: 15px;}
.journal-text p{position: relative;padding-left: 40px;line-height: 1.5;}
.journal-text strong{position: absolute;left: 0;top: 0;}



.tszn .comtit{font-size: 20px;padding-left: 27px;}
.tszn .comtit::before{font-family: "commoniconfont" !important;font-size: 27px;color: #008a40;margin-right: 2px;font-weight: 400;content:"\e611";position:absolute;left: -1px;top: 0px;}

.tgzn-box ,.journal-desc{position: relative;}
.tgzn-box .comwrap,.journal-desc .comwrap{position: relative;z-index: 2;background: #fff;}
.tgzn-box .comwrap{margin-right: 4px;}
.tgzn-box:before{content: '';position: absolute;z-index: 1; background: #008a40;right: -4px;bottom: -7px;top: 15px;left: 15px;}
.journal-desc:before{content: '';position: absolute;z-index: 1; background: #008a40;right: 0;bottom: -9px;top: 15px;left: 15px;}
.journal-info{background: #f1f7f4;padding: 5px 13px 8px 20px;}
.journal-info-en{padding: 15px;}
.journal-info-en .journal-text strong{position: static;}
.journal-info-en  .journal-text p{padding-left: 0;line-height: 1.2;}
.journal-info-en .cover-right p{margin-top: 5px;}

.qkjs-con{line-height: 1.7;overflow: hidden;font-size: 15px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9; -webkit-box-orient: vertical;}
.qkjs-con >p:nth-child(1){margin-top: 0;}

.tsg  {flex-wrap: wrap;background: rgba(0,0,0,0.48);padding: 20px 0;}
.tsg li{width: 25%;padding: 0 15px;text-align: center;transition:  all 0.2s;}
.tsg li:hover{transform:translateY(-2px);}
.tsg li a{display: block;width: 100%;line-height: 58px; height: 58px;color:#fff;font-size: 20px;font-weight: bold; text-decoration: none;background: #A363A3;box-shadow: 0px 7px 20px 1px rgba(0,30,5,0.4);border-radius: 6px;}
.tsg li .commoniconfont{font-size: 30px;font-weight: normal;color: #fff; height: 30px;    vertical-align: middle; margin-right: 13px;}
.tsg-text{line-height: 1;}
.tsg li:nth-child(1) a{background: #45cfa6;}
.tsg li:nth-child(2) a{background: #a363a3;}
.tsg li:nth-child(3) a{background: #3daae2;}
.tsg li:nth-child(4) a{background: #4bb05c;}

#archiveSwiper .swiper-slide a{text-decoration: none;}


.index-articles .tab-box{border-bottom: 2px solid #e8e8e8;margin-bottom: 20px;}
.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: 53px;line-height: 53px; font-size:24px;font-weight:bold;color: #000;  text-decoration: none;}
.tab-ul-index li .commoniconfont{ font-size:30px;    vertical-align: bottom; color:#008A40;margin-right:10px;font-weight: normal;}
.tab-ul-index li .icon-send-s{font-size: 34px;}
.tab-ul-index li .icon-shuben{font-size: 25px;}
.tab-ul-index li.active .commoniconfont{color: #fff;}
.tab-ul-index li .icon-xiala{color:#bdbdbd;}
.tab-ul-index li,.tab-ul-index li.active{background:none;}
.tab-ul-index li.active { position: relative; background: #008A40;border-radius: 5px 5px 0px 0px;} 
.tab-ul-index li.active a{color:#fff; }
.tab-ul-index li.active a::after { content: ''; width: 0; height: 0; border-top: 14px solid #008A40; border-left: 11px solid transparent; border-right: 11px solid transparent; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); } 

.article-list-journalg{  padding: 0;  background: none; margin-top: 0;    margin-bottom: 8px;display: inline-block; width: auto;font-size:14px;color:#015198;font-weight:bold;}
.article-list-journalg a,.article-list-journalg a:hover{color:#008a40;font-size: 16px;font-weight: bold;text-decoration: none;}
.article-list-journalg{margin-top: 20px;}
.index-body .article-list-journalg{margin-top: 0;margin-bottom: 5px;}
.article-list .article-thumb{position: relative;border: 1px solid #DCDCDC;float:right;overflow: hidden;width: 140px;height:83px;}
.article-list .article-thumb img{max-width:100%;    max-height: 100%;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);}
.article-thumb + .article-info-center {float: left;width: calc(100% - 160px);}
.article-list .icon-yinyong1{color: #1379B6;margin-left: 5px;    position: relative; top: -5px;}
.article-list .icon-yinyong1:hover{color: #E3A30B;cursor: pointer;}

.btn-primary:hover{background-color: #008A40;border: 0;}
#myTabContent .article-list{padding:20px 0;}
.column i{margin-top: 4px;}
.listp {padding-left: 0;}
.listp  a{color: #222;}
.listp  > i{color: #666;}
.cat-box > div:nth-child(2) .commoniconfont{background: #29b7db;}
.catalog a{display: inline-block; font-size: 14px;color: #fff;height: 26px;line-height: 26px;padding: 0 9px;text-decoration: none; background: #008A40;border-radius: 4px;margin-right: 15px;}
.catalog a:hover,.column ._table:hover{background:#fdd000;color: #fff;}
.column ._table{font-size: 15px;font-weight: bold;color: #fff;height: 26px;line-height: 26px;padding: 0 9px; background: #008A40;border-radius: 4px;}
.cur-date{margin-right: 40px;}
.cur-date-pub,.cur-date{font-size: 16px;color: #505050;height: 26px;line-height: 26px;}
.column{border: 0;margin-right: 15px;}


.article-list{padding: 18px 0 18px 30px; border-bottom: 1px solid #D2D2D2;}
.index-articles .article-list{border-bottom: 1px solid #D2D2D2;}
.article-list-title{margin-bottom: 10px;}
.article-list-title a{font-size: 17px;font-weight: bold; color: #222222;line-height: 1.2;}
.article-list .article-list-author, .article-list .article-list-author a, .article-list .article-list-author span, 
.article-list .article-list-time, .article-list .article-list-time font, .article-list-zy font{font-size: 14px;color: #505050;line-height: 1.3;}
.article-list-zy{margin-top: 15px;}
.article-list-zy .colorRed {color: #22b164;}
.article-list-zy font{position: relative;padding: 0 15px;}
.article-list-zy font+font a::before { content: '|'; position: absolute;left: -1px; margin: 0 0 0 0;color: #222222; } 
.article-list-time{margin-top: 5px;}
.article-list-title-p a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(100% - 30px);}
.article-list-title-p{position: relative;}
.article-more{margin-top: 30px;}
.article-more a{font-size: 14px;color: #505050;}
.article-more a:hover,.com-box3 a:hover{color: #008a40;text-decoration:  none;}

.ranking{position: relative;}
.ranking:before{content: '';position: absolute;z-index: 1; background: #008a40;right: -15px;bottom: -12px;top: 15px;left: 15px;}
.ranking-con{position: relative;background: #fff;z-index: 2;height: 307px;}
.ranking-con .more{right: 20px;top: 18px;}
.ranking .nav-tabs{border: 0;background: none;margin-bottom: 20px;}
.ranking .nav-tabs>li>a:hover,.ranking .nav>li>a:focus,.ranking .nav>li>a:hover{    border: 0;background:none;border-radius:0;color:#222;}
.ranking .nav-tabs>li.active>a,.ranking .nav-tabs>li.active>a:focus,.ranking .nav-tabs>li.active>a:hover{border:0;}
.ranking .nav-tabs>li>a{line-height: 1;font-size:24px;padding:0 0 10px 0;color: #030303;border:0;margin-right:0;font-weight: bold;}
.ranking .nav-tabs>li.active>a{color:#018a40;background: none;}
.ranking .nav-tabs>li.active:after{content:'';position:absolute;width:100%;height:5px;background:none;top:-5px;left:0;}
.ranking .nav-tabs>li{position: relative;}
.ranking .nav-tabs>li+li{margin-left: 60px;}
.ranking .nav-tabs>li + li:before{content: '';position: absolute;width: 2px;height: 26px;background: #d7d7d7;top: 2px;left: -32px;}

.ranking  .tab-pane ul li{position: relative;line-height: 40px;padding:0 0 0 25px;padding-right: 85px;border: 0;}
.ranking .tab-pane ul li > span{position: absolute;right: 0;top: 0px;color: #272727;font-size: 14px;}
.ranking  .tab-pane ul li:after{position: absolute;left: 0;top:5px;font-style: italic;font-weight: bold;font-size: 28px;color: #d3d3d3;line-height: 1;}
.ranking  .tab-pane ul li a{font-size: 16px;color: #303030;}
.ranking  .tab-pane ul li:nth-child(1):after{content: '1';}
.ranking  .tab-pane ul li:nth-child(2):after{content: '2';}
.ranking  .tab-pane ul li:nth-child(3):after{content: '3';}
.ranking  .tab-pane ul li:nth-child(4):after{content: '4';}
.ranking  .tab-pane ul li:nth-child(5):after{content: '5';}

.ranking  .abs-num,.index-ranking-new  .pdf-num,.index-ranking-new  .citedBy-num{font-size: 14px; color:#008a40;}
.ranking .abs-num:before{content: "\e642"; font-family: "commoniconfont" !important;font-size: 14px;color: #008a40;margin-right: 2px;font-weight: 400;}
.ranking .citedBy-num:before{content: "\ec81"; font-family: "commoniconfont" !important;font-size: 14px;color: #008a40;margin-right: 2px;font-weight: 400;}
.ranking .pdf-num:before{content: "\e612"; font-family: "commoniconfont" !important;font-size: 14px;color: #008a40;margin-right: 2px;font-weight: 400;}
.ranking.abs-num:before ,.index-ranking-new .pdf-num:before,.index-ranking-new .citedBy-num:before {color: #008a40;}

.archive-box{height: 320px; padding: 20px 20px;background: #008A40;color: #fff;}
.com-box2 a:before{content: "";background: url(../../../style/images/custom/right_arrow_b.png) no-repeat;}
.com-box2 .more{color: #fff;}
.com-box2 a:after{border-top: 1px solid #fff;border-bottom: 1px solid #59b39e;}
.comtit2{font-size: 24px;font-weight: bold;color: #fff;}
.archive-swiper{padding: 35px 0;    position: relative;overflow: hidden;}


#archiveSwiper{height: 175px;position: relative;overflow: hidden;}
#archiveSwiper .swiper-slide {height: 37px!important;}
#archiveSwiper .swiper-slide a:hover{ background: #fff;color: #008A40;}
#archiveSwiper .swiper-slide a{display: block;text-align: center;padding: 0 10px; height: 37px;line-height: 37px;font-size: 16px;color: #fff;}

.archive-swiper  .swiper-button-prev:after,.archive-swiper .swiper-button-next:after{font-family: commoniconfont; font-size:12px;color: #fff;}
.archive-swiper  .swiper-button-prev:after{content: "\e60f";}
.archive-swiper  .swiper-button-next:after{content: "\e60e";}
.archive-swiper  .swiper-button-prev{position: absolute; left: 50%;top: 15px; transform: translateX(-50%);    width: auto;height: auto;margin: 0;}
.archive-swiper  .swiper-button-next{position: absolute; left: 50%;top: auto; bottom: 15px; transform: translateX(-50%);    width: auto;height: auto;margin: 0;}


.index-links li {position: relative;display: inline-block;font-size: 0;line-height: 28px;}
.index-links li {padding-left: 40px;padding-right: 40px;}
.index-links li:first-child{padding-left: 0;}
.index-links li + li:before{content: '';position: absolute;width: 2px;height: 18px;background: #585858;left: -1px;top: 8px;}
.index-links li a{font-size: 17px;color: #000000;}
.com-box3{border-bottom: 1px solid #B5B5B5;margin-bottom: 20px;position: relative;}
.com-box3 a{position: absolute;right: 0;top: 10px;color: #505050;font-size: 14px;}
.comtit3{position: relative; display: inline-block; font-weight: bold;font-size: 24px;color: #222222;padding-bottom: 10px;}
.comtit3:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 3px;background: #008A40;;}


.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;-webkit-justify-content: space-between;justify-content: space-between;}
.div-flex-around-center{    justify-content: space-around;}

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

.footer{background: #008A40;}
.footer .bottom{padding: 25px 0 20px 0;}
.footer ,.footer a{color: #fff;font-size: 15px;line-height: 1.5;}
.bottom p{margin-bottom: 5px;}
.bottom p span{margin: 0 5px;}
.bottom p:last-child{margin-bottom: 0;}
.footer .btmb{background: #007335;border-top: 1px solid #14934f;padding: 5px 0;}
.footer .btmb span{margin: 0 5px;}
.footer .btmb,.footer .btmb a{font-size: 14px;color: #fff;}

.journalIssue, .commontit,.box-article h3{font-size: 24px;}
.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;}

.guokan-table th{width: 136px;}
.guokan-table td span{font-size: 16px;}
.articleBody  .content .article .article-left .article-nav .nav-wrapper ul li a.nonce { color: #008a40;}
.content .article .article-left .article-nav .nav-wrapper ul li a{color: #666;}
.articleBody .content .article .article-left .articleCn ul.article-author li > a:hover,.articleBody .content .article .article-left .articleEn ul.article-author li > a:hover{ color: #008a40;}
.articleBody  .content .article .met ul li,.articleBody .content .article .article-related ul li{font-size: 14px;}

.doi-no-link{cursor: auto;text-decoration: none;}
.doi-no-link:hover{text-decoration: none;}

@media only screen and (min-width: 1330px){
body .container{width:1300px;}
.news-details-body .box-article-content{margin-left:180px;margin-right:180px;}
}

@media only screen and (min-width: 1230px){



.index-article-box{ min-height: 300px;   display: flex; flex-wrap: wrap; margin-left: -30px;}
.index-article-box .article-list {width: calc(50% - 30px);margin-left: 30px;}

body .container{padding: 0;}
.banner-journal{position: relative;}
.banner-journal .tsg{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;}
.ranking-archive .ranking {width:72.9%;}
.ranking-archive .archive-box{width: 23%;}
.index-articles .tab-ul-index {text-align: center;}
.index-articles .tab-ul-index li{padding: 0 30px;display: inline-block;float: none;}

.banner-swiper{min-height: 300px;}


}


@media only screen and (min-width: 992px){

.journal-info{width: 31.5%;}
.tgzn-box{width: 19.4%;}
.journal-desc{width: calc(49.1% - 50px);margin: 0 25px;}
.journal-info{/* height: 252px; */}
.journal-desc .comwrap {height: 240px;padding: 12px 15px;}
.tgzn-box .comwrap {height: 241px;}
}

@media (max-width: 1200px) and (min-width:768px){
.journal-info{width: 50%;}
.journal-desc{width: calc(50% - 20px);margin-left: 20px;        margin-right: 0;}
.tgzn-box{float: none;width: auto;margin-top: 40px;}
}



@media only screen and (max-width: 1199px){
.tsg{background: none;}
.main > .container{display: block;padding-left: 15px;padding-right: 15px;}
.index-body .nav-tabs > li{width: auto;}
.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 only screen and (max-width: 992px){
.ranking{margin-bottom: 30px;}
.ranking-con{height: auto;}
.archive-box,.ranking{float: none;width: auto;}


}
@media only screen and (max-width: 767px){
.journal-info,.tgzn-box, .journal-desc{width: auto;float: none;margin-bottom: 30px;}

.m40{margin-bottom: 20px;}
.banner-journal{margin-bottom: 10px;}
.tsg{padding-bottom: 0;}
.tsg ul{    flex-wrap: wrap;}
.tsg li{width: 50%;margin-bottom: 10px;padding: 0 5px;}
.tsg-en li{width: 100%;}
.tsg .row{margin-left: -5px;margin-right: -5px;}
.footer, .footer a{font-size: 13px;}
.footer p > span{display: block;}
.cover-box{height: auto;}
.tab-ul-index li a{height: 40px;line-height: 40px;}
.ranking:before{right: -6px;bottom: -6px;}
.ranking .nav-tabs>li + li:before{display: none;}
.ranking .nav-tabs>li+li{margin-left: 0;}
.ranking .nav-tabs>li{        width: 33.333%;}
.comwrap,.journal-info{padding: 15px 15px;}
.ranking .nav-tabs>li>a,.tab-ul-index li a,.com-box .comtit,.tsg li a,.comtit2, .comtit3{font-size: 18px;}
.index-links li{padding: 0;margin-right: 15px;display: block;}
.index-links li + li:before{display: none;}

.article-thumb + .article-info-center{width: auto;float: none;}
.article-list .article-thumb{display: none;}
.cur-date-pub, .cur-date{display: none;}
}

@media only screen and (max-width: 414px){
.cover-box,.cover-right{width: auto;float: none;}
.cover-box{margin-bottom: 15px;}
.cover-right{margin: 0;}

}