/*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;}
.column-list li{font-size:15px;}
.mainColor,.reference-tab .td2 a, .article-list a .mainColor{color:#004600;} 
.article-pc .mainColor,.article-main-mid a{color:#0089e3;}

.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,.catagory-more,.search-item-wrap .tj{background-color: #004600;}

.guokan-tit h2{color:#007435;}


.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#0089e3;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #007435 url("../../style/images/public/back_top.png") no-repeat center center; display: none;}
.arcmethod li.active,.phone-nav{border-color:#26804a;}
.derived i.current,.base-title .more:hover,.news-list li a:hover,.article-list-title a:hover, .article-list-author a:hover,.article-list-time a:hover,.article-list-zy font a:hover{color:#007435; text-decoration: none;}
#page-tag-div .pagination>.active>a{border-color:#ad8f4a;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(0,70 ,7, 0.9);}

.footer .top span{margin-right:10px;}
.smallUl{ z-index: 9999; 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;margin-right: 5px;}
.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: rgba(255, 255, 255, .2) 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%;}
.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;}


.phone-nav .container .logo{display: block;padding:0;position: relative;}
.phone-nav .container .logo img{max-width: 245px;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;}
.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 .nav-inner {position: relative;}
.top .nav{border-top:solid 2px #fff;height: 38px;line-height: 36px;text-align: center;}
.top .nav ul>li{float: left;font-size: 16px;padding:0 20px;}
.top .nav li a{color: #fff;font-size:18px;font-weight: bold;display: block;text-align: center;padding: 0 ;}
.top .nav ul li a:hover,.top .nav li.active{text-decoration: none;color: #f2cf10;}
.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;text-align: center;}
.header-nav ul > li > a{display: block; color: #fff; line-height: 34px;font-size: 17px;padding:0 23px;}
.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{display: inline-block; width: 12px; height: 7px; background-size: 12px 7px; margin-left: 6px; position: relative; top: -2px;}
.header-nav ul > li ol{position: absolute;  left: 0; top: 45px; min-width: 100%; z-index: 101; display: none;    padding: 10px 0;}

.top .header-nav ul > li ol li a{font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #004600;; line-height: 34px;}
.top .header-nav ul > li >ol > li> a{font-weight:bold;}
.top .header-nav ul > li ol li a{display: block; white-space: nowrap; font-weight: bold;color: #fff; font-size: 18px;    text-align: left;}
.top .header-nav ul > li ol li ol a{font-size:16px;font-weight:normal;line-height:21px;    text-align: left;}

.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;}
.search-btn{font-size: 20px;text-shadow: 1px 2px 6px rgba(0,0,0,0.82);}

/**********************************/
html body{font-family: Arial,sans-serif;}

.main{padding-top:30px ;padding-bottom:50px;}
.articleEn .article-title  {margin: 50px 0 30px 0;}
.articleEn .article-title h1{font-weight:bold;font-size:36px;}

.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-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-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;}

.top .header-top{height: 61px;line-height: 61px;background:#fff;font-size: 18px;}
.top .header-top{height: 61px;line-height: 61px;background:#fff;font-size: 18px;}
.topnav{margin:0;}
.topnav li{float: left;}
.topnav li a{color:#000;margin: 0 15px;font-size: 18px;}
.topnav li a:hover{color:#333;text-decoration:none;}
.topnav .language-en{color: #8C8C8C;}
.topnav li span{display: inline-block;width: 1px;height: 20px;background: #000;position: relative;top: 4px;}
.topnav li img{height: 48px;}
.searchwrap{margin: 13px 6px 0 0;}
.searchwrap input,.top .nav ul>li .searchwrap select{height: 34px;border: solid 1px #0352ac;border-radius: 3px;}
.searchwrap input{width:240px;padding-left: 10px;border-radius:2px;}
.searchwrap .gjcfield{margin: 0;position: relative;}
.searchwrap input.tj{background: url(../../style/images/custom/search.png) no-repeat  center transparent; background-size: 20px;position: absolute;top: 0;right:0;width: 40px;height: 100%;padding-left: 2px;border-radius: 2px; color: #fff;text-align: center;border: 0;}
.advance{font-weight: bold;margin:13px 0 0 1px;font-size: 16px;border-radius:3px;height: 34px; line-height: 34px;color: #fff;text-align: center;background: #0352ac;padding: 0 22px;}
.advance:hover{color: #fff;}
.top-search{width:33px;height:33px;text-align:center;line-height:30px;border-radius:50%;margin-top: -2px;   padding:0!important;border: 1px solid #fff;cursor: pointer;}
.top-search span{font-size: 22px;color:#fff;}
.logor{margin-top: 35px;}

.header .logowrap{height:100px;padding-left:60px;padding-right: 60px; background:#004600 ;}
.header.active {position: fixed;top:0;z-index: 999; width: 100%;   transition: all 0.5s;} 
.header .logo{padding-top: 18px;border: none;}
.header .logor li{background: transparent;line-height: 30px;color:#000;font-size: 16px;}
.logowrap .container{padding: 0;}
.top .nav{border: 0;height: 30px;background: none;}
.top .nav li a{line-height: 30px;}
.header-nav ul > li.active > a, .header-nav ul > li:hover > a{border-bottom: 3px solid #f1c001;background: none;}
 .header-nav ul > li ol{background:#004600;}
 .header-nav ul > li ol li:hover a{font-weight:bold;color:#fff;}
 .header-nav ul > li ol li:hover{background:none;}
.top .nav.header-nav ul > li{padding: 0 20px;}
.header-nav ul > li:hover > a span { -webkit-animation:rotateIcon 1s linear both; animation:rotateIcon 1s linear both; } 
.top .nav.header-nav ul li.tsg{background: #f1c001;height: 35px;line-height: 35px;padding: 0 30px;border-radius: 20px;margin-left: 25px;font-size:24px;transition: all 1s ease;}
.top .nav.header-nav ul li.tsg:hover{transform:translateY(-5px)}
.top .nav.header-nav ul li.tsg a{font-size: 24px;color: #222;font-weight: bold;line-height: 35px;}
.top .nav.header-nav ul li.tsg.login{background:none;color:  #f1c001;border: 1px solid  #f1c001;}
.top .nav.header-nav ul li.tsg.login a{color:  #f1c001;border: none;line-height: 33px;}

.header-nav ul > li ol{background: rgba(0,70,0,0.93);box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.58);}
.header-nav ul > li ol ol{display:block;    position: static; box-shadow: none;  background: none;}
.header-nav ul > li  >ol{/*width:625px;*/padding:40px 25px;text-align: left; font-size:0;}
/*.header-nav ul > li[type=journalOnline_en] >ol, .header-nav ul > li[type=AboutJournal] > ol{width:910px;}*/
.header-nav ul > li  >ol > li{width:25%;display:inline-block;vertical-align: top;text-align: left;}
.header-nav ul > li[type=Contents]  >ol > li{width:48%;}
.header-nav ul > li[type=Contents]  li[type='Published Papers'] li{width:48%;display:block;float: left;}
.header-nav ul > li  >ol ol{margin-bottom:30px;}
.header-nav ul > li  >ol ol li{margin-bottom:8px;}
.header-nav ul > li ol li:hover  li a{color:#fff;}
.header-nav ul > li ol li:hover a {color:#fff;}

@keyframes rotateIcon { 
 0% { transform : rotateX(180deg); } 
 100% { transform : rotateX(180deg); } 
 }

@-webkit-keyframes rotateIcon { 
 0% { -webkit-transform : rotateX(180deg); } 
 100% { -webkit-transform : rotateX(1800deg); } 
} 

.search-wrapper { height:0;display:block; padding: 0;background:rgba(0,0,0,0.5);border-top: 1px solid #333;    position: absolute;overflow: hidden;     width: 100%;   z-index: 9;} 
.search-wrapper.ac{height: 108px;padding: 30px;}
.search-wrapper select { width:100px; height: 45px;margin-right: 0; font-size: 14px; border: none; padding-left: 15px; background: url(../../style/images/public/select_arrow.png) no-repeat scroll 80% center #fff; border-radius: 0; font-weight: 400; color: #222; } 
.search-wrapper .form-control { border:1px solid #3dab31; border-right: none; border-radius: 0; margin-left: 0; } 
.search-wrapper ,.search-wrapper a { font-size:12px; } 
.search-wrapper .form-group,search-wrapper .tj { margin-bottom: 0; border-right: 0; } 
.search-wrapper .form-control { height:45px; } 
.search-wrapper .searcontent, .search-wrapper .tj { height: 45px; line-height: 45px; display: inline; } 
.search-wrapper .searcontent { width:400px; padding-left: 8px; background: #ffffff; border-radius: 0; } 
.indexsearch-en.search-wrapper .searcontent{width: 175px;}
.search-wrapper input::input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-webkit-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-moz-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-ms-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper .form-control { padding:0 10px; font-size:14px; border: none; outline: none; position: relative; } 
.search-wrapper .form-group {    overflow: hidden; position:relative;} 
.search-wrapper .tj { position:absolute; width:48px; color: #fff; background:#004600 url(../../style/images/custom/search.png) no-repeat center;    background-size: 25px; right:0; top:0;  padding-left: 20px; padding-right: 20px; } 
.search-wrapper .adSearch { display:inline-block; color:#fff;  margin-left:6px; font-size: 18px; font-weight: 700; } 
.search-wrapper .adSearch { height:45px; line-height:45px; display:inline-block; padding:0 16px!important; border:none; } 
.search-wrapper .tj,.search-wrapper .adSearch { border-radius:0; } 
.search-wrapper #AdvanceSearchA { display:inline-block; ;} 
.search-wrapper .form-group>div { position: relative; } 
.search-wrapper form{    position: absolute; left: 50%;transform: translateX(-50%);}
.search-wrapper select:focus-visible{border: none;outline: none;}
.top, body .rank-yeartab li.current a{background:#004600;}
#advsearchBtn{border: 0;}
#advsearchBtn:hover,.btn-primary:hover{background-color: #f1c001;}


@font-face {
  font-family: "commoniconfont";
  src: url('../../style/fonts/iconfont.woff2?t=1721889180841') format('woff2'),
       url('../../style/fonts/iconfont.woff?t=1721889180841') format('woff'),
       url('../../style/fonts/iconfont.ttf?t=1721889180841') 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-search:before {
  content: "\e608";
}

.icon-geren:before {
  content: "\e643";
}

.icon-orcid:before {
  content: "\ec49";
}

.icon-caidan:before {
  content: "\e62f";
}

.icon-yinyong:before {
  content: "\ec81";
}

.icon-xiazai:before {
  content: "\e612";
}

.icon-fujian:before {
  content: "\e601";
}

.icon-yinyongzhi:before {
  content: "\e63d";
}

.icon-you:before {
  content: "\e63b";
}

.icon-zuo:before {
  content: "\e642";
}

.icon-more:before {
  content: "\e600";
}

.icon-youfang:before {
  content: "\e79a";
}

.icon-zuofang:before {
  content: "\e79c";
}

.icon-youjian1:before {
  content: "\e615";
}

.icon-bofang:before {
  content: "\e61c";
}

.icon-Youtube-fill:before {
  content: "\ead1";
}

.icon--zuo:before {
  content: "\e629";
}

.icon--you:before {
  content: "\e62c";
}

.icon-xiangyou1:before {
  content: "\e775";
}

.icon-xiangzuo1:before {
  content: "\e779";
}

.icon-jiantou_xiangyou:before {
  content: "\eb08";
}

.icon-gengduo:before {
  content: "\e69a";
}

.icon-yunxiazai:before {
  content: "\eb2c";
}

.icon-facebook:before {
  content: "\e6f3";
}

.icon-xiala:before {
  content: "\e65c";
}

.icon-liulan:before {
  content: "\e641";
}

.icon-quotation_marks:before {
  content: "\e715";
}

.icon-linkedin-in:before {
  content: "\f1e7";
}

.icon-rss:before {
  content: "\e62b";
}

.icon-tuite:before {
  content: "\e652";
}

.icon-a-youjianchakanyoujianfasongyoujianshouyoujian-06:before {
  content: "\e918";
}

.top-search .icon-sousuo:before {
  content: "\e622";
}




body{font-size:16px;}
.listp a, .topic-list-box .article-list-title a{font-size:22px;}
.listp>a{color:#222; width:100%;}
.listp i{color:#666;float:left;font-size:16px;margin-top:20px;}
.listp{padding:10px 0;}

.listp>a, .video-title a{text-decoration:none;}
.listp>a:hover, .video-title a:hover{color:#007435; }
.news-guidlines .news-box,.guidlines-box {margin-left: -7px;margin-right: -7px;}
.news-guidlines{    position: relative;width: 63%;float: left;}
.news-guidlines .container{position: relative;}
.news-guidlines .more{position: absolute;right: 0;top: 3px; font-size: 15px;color: #007435;}
.news-guidlines .nav-tabs{border: 0;}
.news-guidlines .nav-tabs>li>a{padding: 0;line-height: 1;}
.news-guidlines .nav-tabs>li>a,.news-guidlines .nav-tabs>li.active>a,.news-guidlines .nav-tabs>li.active>a:focus, .news-guidlines .nav-tabs>li.active>a:hover{background: none;border: 0;color: #222;font-size: 28px;}
.news-guidlines .nav-tabs>li.active a{color: #007435;font-weight: bold;}
.news-guidlines .nav-tabs>li:nth-child(1){position: relative; margin-right: 70px;}
.news-guidlines .nav-tabs>li:nth-child(1)::after{content: '';position: absolute;width: 2px;height: 26px;background-color: #acacac;right: -35px;bottom: 0;}
.news-guidlines .nav-tabs>li{width: auto;}
.news-guidlines .col-xs-12{padding: 0 7px 15px 7px;}
.news-guidlines .col-xs-12  a{font-size: 15px;color: #000000;line-height: 19px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.news-guidlines .col-xs-12:hover  a{color: #007435;}
.news-guidlines .col-xs-12 > div{padding: 15px 15px; height: 180px;background: #EEF6F1;border-radius: 5px;}
.news-guidlines .col-xs-12:hover > div{background: #F1F8F4;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.21);}
.news-guidlines .col-xs-12:hover > div:after{content: '';width: 100%;height: 5px; position: absolute;left: 0;right: 0; bottom: 0; background: #ffce0f;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}
.news-guidlines .date{position: absolute;bottom: 35px;line-height: 1; font-size: 14px;color: #888888;}
.more a{color: #007435;text-decoration: none;position: relative;}
.more > a span:nth-child(1){margin-right: 20px;}
.more:hover{text-decoration: none;}
.more .commoniconfont{position: absolute;    right: 0;font-size: 15px; transition:all  0.3s ease;}
.more:hover .commoniconfont{right: -5px;}
.qk-info{width: 33.5%;float: right;}
.qk-info .cover-box{width: 173px;box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.3);}
.cover-box img{width: 100%;}
.cover-box-right{width: calc(100% - 193px);margin-left: 20px;}


.score{font-size: 15px; text-align: center;margin-bottom: 30px;color: #007435;  }
.score > div{font-weight: bold;}
.score > div:nth-child(2) p:nth-child(1){margin-top: 10px;}

.impact{font-size: 28px;font-weight: bold;line-height: 1;margin-top: 15px;font-family: "Times New Roman" ,Times,serif;}
.impact2{margin-top: 20px;}
.cover-info{color:#000;    line-height: 21px;}
.cover-info p+p{margin-top: 15px;}
.cover-info .issn-cn{font-size: 15px;}
.column .fa{line-height: 30px;}
.column ._table{padding: 0 10px;}
.cur-date-pub{margin-left: 10px;}
.column{margin-right: 15px;}
.column ._table{margin: 0;}
.column{border: #01527F;margin: 0 12px 0 0;}
.column span{margin-right: 0;line-height:30px;}


.banner .container{border: 2px solid #004600;}
.banner .swiper-container{height: auto;}
.banner-swiper { width: 100%;  position: relative; } 
.banner .swiper-slide{flex-direction: row-reverse;}
.swiper-slide a{width: auto;}
.img-wrap { width: 41.8%;height: 336px; float: right;} 
.banner .zoomImage {display: block; width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat; /*height: 0; padding-bottom: calc(340 / 538 * 100%); */overflow: hidden; background-position: center center; } 
.swiper-r { text-align: left;height: 336px;} 
.img-wrap + .swiper-r{ width: 58.2%;float: left; background: #004600;padding: 50px 45px 45px 40px; }
.swiper-slide .swiper-title { display: block; width: 100%; font-size: 26px;color: #FFFFFF;line-height: 27px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; } 
.swiper-author a { display: inline-block; width: auto; font-size: 16px; font-weight: 400; color: #fff; } 
.swiper-btn { position: absolute; left: 69%; bottom: 10px; transform: translateX(-50%); width: auto; height: 40px; min-width: 190px; z-index: 33;padding: 0 42px; } 
.banner-swiper .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #7a7a7a; margin: 0 5px; cursor: pointer; opacity: 1; } 
.banner-swiper .swiper-pagination-bullet-active { width: 19px; background: #f08d2c; } 
.banner-more{position: absolute;bottom: 80px; display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #fff;color: #fff;}
.banner-more .commoniconfont{margin-left: 20px;}
.banner-more:hover{color:#fff;}

#bannerSwiper .main-pagination{width: auto;left: 40px;bottom: 20px;    position: absolute;z-index: 1;}
#bannerSwiper .main-pagination .swiper-pagination-bullet{ width: 8px;height: 8px;margin: 2px; background: #FFFFFF;border-radius: 50%;}
#bannerSwiper .main-pagination .swiper-pagination-bullet-active{background: #F1C001;}



.comwrap{margin-bottom: 60px;}
.comwrap .comtit,.index-inpress .comtit, .index-current .comtit, .index-archive .comtit,.index-specials .comtit, .index-videos .comtit, .index-archive-new .comtit{font-size: 28px;color: #000000; background: none; }
.main-right .comwrap .comtit{font-size: 32px;}
.comwrap ul li+li{margin-top: 45px;}
.comwrap ul li{height: 68px; padding-left: 20px;border-left: 5px solid #007435;}
.comwrap ul a{font-size: 22px;line-height: 26px;color:#000;}
.comwrap.news-news .date,.call-for-paper .date {font-size: 15px;color: #505050;margin-top: 5px ;}
.comwrap .title-box{height: 51px;margin-bottom: 3px;top: -2px;}
.com-tit-box{position: relative;margin-bottom: 25px;}
.com-tit-box .icon-gengduo{font-size:28px;color:#007435;position:absolute;right:0;top:0;text-decoration: none;}
.com-tit-box .more{position: absolute;right: 0;top: 5px; font-size: 15px;color: #007435;}
.guokan-tit h2, .commontit, .journalIssue, .journalIssue, .box-article h3{font-size:28px;  line-height: 1.2;    font-family: Arial,sans-serif; }
.box-article h3{ margin-bottom: 30px;}
.shareBox{font-size:16px;}



.index-inpress,.index-archive-new{position: relative; padding: 30px 0 30px 0;background: #eef6f1;}
.index-inpress .container{overflow: hidden;}
#indexInpress a{width: auto;display: inline;}
.index-inpress .swiper-slide{text-align: left;}
.index-inpress .swiper-slide:hover > div{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.21);}
.index-inpress .commoniconfont {color: #007435;}
.index-inpress .swiper-slide > div{position:relative;height: 148px;margin-bottom:10px;background:rgba(255,255,255,0.82);padding: 18px 18px 20px 18px; border-radius: 5px; }
.index-inpress .swiper-slide > div:after{content: '';position: absolute;;left: 0;bottom: -20px ; width: 0;height: 4px;background:#ffce0f;transition: all 0.3s ease-out 0s;}
.index-inpress .swiper-slide > div:hover:after{width: 100%;}
.index-inpress .swiper-slide > div:hover{background:#fff;}
.index-inpress .swiper-slide > div:hover .inpress-title{color: #007435;}
#indexInpress .swiper-slide .inpress-title{font-size: 16px;color: #222;line-height: 22px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.inpress-author {    position: absolute;height: 30px;bottom: 25px;left: 18px; right: 18px;}
.inpress-author,.inpress-author a{font-size: 13px;color: #888;line-height: 17px;}
.my-button-disabled {color: #868686;}
.custom-pagination {padding: 0 5px; }
.custom-pagination .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 50%;background-color: #868686;opacity: 1;margin: 0 5px;}
.custom-pagination .swiper-pagination-bullet-active {background-color: #007435;}
.custom-swiper-wrap{text-align: center;margin-top: 10px;}

.catalog-box {position: absolute; top: 0;right: 0;}
.catalog-box a{margin: 0;padding: 0 8px;}
.cur-date-pub,.cur-date{font-size: 14px;color:#666;height:30px;line-height: 30px;}
.catalog a{display: inline-block; height: 30px;line-height: 30px;font-size: 14px; color: #fff;font-weight: bold; background: #007435;border-radius: 4px;margin-left: 10px;}
.catalog a:hover{background: #eaba00;}
.catalog a,.column ._table{display: inline-block;height: 30px;line-height: 30px; font-size: 14px;color: #fff; background: #007435;padding:0 10px;text-decoration: none;}
.catalog a:hover{background-color: #eaba00;}
.catalog .commoniconfont{margin-left: 8px;vertical-align: middle; line-height: normal;font-size: 20px;}

.index-current .com-tit-box{margin: 0;}
.index-current .comtit,.index-videos .commoniconfont{color: #000;}
.index-current .article-more{text-align: center;}
.index-current .article-more a{display: inline-block;padding-bottom: 0px;font-size: 16px;margin-top: 30px;}
.index-current .article-more .commoniconfont{margin-left: 20px;}
.index-current .article-list-left{display:none;}
.index-current .article-list-author {margin-bottom: 10px;}
.index-current .article-list{padding:20px 0;border-bottom:1px solid #cccccc;}

.article-list-title{margin-bottom:15px;}
.article-list-title a{font-size:20px;line-height:22px;color:#000;}
.article-list-author a, .article-list-time,.article-list-time font ,.article-list-time a, .article-list-zy {font-size:15px;line-height:19px;color:#505050;}
.article-list-zy font,.article-list-zy a{font-size: 13px;color:#505050;}

.index-current{margin-bottom: 60px;}
#bannerSwiper,.index-inpress,.index-archive-new,.banner-top,.index-ranking-new {margin-bottom: 50px;}
.index-archive-new .container{overflow: hidden;}
.index-archive-new .swiper-slide {background: none;}
.index-archive-new .swiper-slide img{width: 100%;max-height: 280px;}
.index-archive-new .archive-title{display: block;text-align: center; font-size: 14px;color: #222222;line-height: 27px;margin-top: 10px;font-weight: normal;}
.index-archive-new .swiper-slide  > div > a{box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.2);}
#index-archive-new{position: relative;}
#index-archive-new .swiper-button-next,#index-archive-new .swiper-button-prev{transform: translateY(-20px);}
#index-archive-new .swiper-button-next:after,#index-archive-new .swiper-button-prev:after{font-size: 45px;text-shadow: 0px 2px 6px  rgba(0,0,0,0.28);color: #fff;font-family: commoniconfont!important;}
#index-archive-new .swiper-button-prev:after{content: "\e779";}
#index-archive-new .swiper-button-next:after{content: "\e775";}



.ranking-tab-box{position: relative;}
.ranking-tab-box .more{    position: absolute; right: 0; top: 10px;}

.index-ranking-new .nav-tabs{border: 0;background: none;margin-bottom: 20px;}
.index-ranking-new .nav-tabs>li>a:hover,.index-ranking-new .nav>li>a:focus,.index-ranking-new .nav>li>a:hover{    border: 0;background:none;border-radius:0;color:#222;}
.index-ranking-new .nav-tabs>li.active>a,.index-ranking-new .nav-tabs>li.active>a:focus,.index-ranking-new .nav-tabs>li.active>a:hover{border:0;}
.index-ranking-new .nav-tabs>li>a{line-height: 1;font-size:28px;padding:0 0 10px 0;color: #222;border:0;margin-right:0;}
.index-ranking-new .nav-tabs>li.active>a{color:#007435;background: none;font-weight: bold;}
.index-ranking-new .nav-tabs>li.active:after{content:'';position:absolute;width:100%;height:5px;background:none;top:-5px;left:0;}
.index-ranking-new .nav-tabs>li{position: relative;}
.index-ranking-new .nav-tabs>li+li{margin-left: 100px;}
.index-ranking-new .nav-tabs>li + li:before{content: '';position: absolute;width: 2px;height: 27px;background: #b8b8b8;top: 2px;left: -52px;}
.kwlist ul{margin-left: -7px;margin-right: -7px;}
.kwlist ul li{position: relative;float: left; width: 20%;    padding: 0 7px;}
.kwlist ul li > div{height: 130px;padding: 15px; background: #f1f8f4;border-radius: 5px;}
.kwlist ul .article-list-title a{font-size: 16px;color: #222222;line-height: 17px;}
.kwlist ul .article-list-title{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.kwlist ul li:hover > div{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.21);}
.kwlist ul li:hover a{color: #007435;}
.kwlist .abs-num,.kwlist .citedBy-num{position: absolute;left: 15px;bottom: 15px;}
.kwlist ul li:nth-child(1):after{content: '1';position: absolute;right: 10px;bottom:2px;font-style: italic;font-size: 70px;color: #eff5f1;line-height: 1;}
.kwlist ul li:nth-child(2):after{content: '2';position: absolute;right: 10px;bottom:2px;font-style: italic;font-size: 70px;color: #eff5f1;line-height: 1;}
.kwlist ul li:nth-child(3):after{content: '3';position: absolute;right: 10px;bottom:2px;font-style: italic;font-size: 70px;color: #eff5f1;line-height: 1;}
.kwlist ul li:nth-child(4):after{content: '4';position: absolute;right: 10px;bottom:2px;font-style: italic;font-size: 70px;color: #eff5f1;line-height: 1;}
.kwlist ul li:nth-child(5):after{content: '5';position: absolute;right: 10px;bottom:2px;font-style: italic;font-size: 70px;color: #eff5f1;line-height: 1;}

.index-ranking-new  .abs-num,.index-ranking-new  .pdf-num,.index-ranking-new  .citedBy-num{font-size: 14px; color:#007435;}
.index-ranking-new  .abs-num:before{content: "\e641"; font-family: "commoniconfont" !important;font-size: 15px;color: #007435;margin-right: 2px;font-weight: 400;}
.index-ranking-new  .citedBy-num:before{content: "\e63d"; font-family: "commoniconfont" !important;font-size: 15px;color: #007435;margin-right: 2px;font-weight: 400;}
.index-ranking-new .pdf-num:before{content: "\e612"; font-family: "commoniconfont" !important;font-size: 15px;color: #007435;margin-right: 2px;font-weight: 400;}
.index-ranking-new .abs-num:before ,.index-ranking-new .pdf-num:before,.index-ranking-new .citedBy-num:before {color: #007435;}





/*
.index-archive{position: relative; margin-bottom: 90px;}
.index-archive::before{    position: absolute; content:'' ;height: 50%;left: 0;right: 0;top: 0; background-color: #e5f1ea;    z-index: -1;}
.index-archive .comtit, .index-archive .com-tit-box .commoniconfont,.index-videos .commoniconfont{color: #000;}
.index-archive .cover-slide{width:100%;height:586px;padding-bottom: 50px}
.index-archive .cover-slide .swiper-slide{width:47.3%;box-shadow:10px 14px 27px 0 rgba(102,80,46,.31);-webkit-box-shadow:10px 14px 27px 0 rgba(102,80,46,.31)}
.index-archive .cover-slide .swiper-slide img{width:100%;height: 100%}
.index-archive .cover-slide .swiper-slide::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.index-archive .cover-slide .swiper-slide-active::after{display:none}
.index-archive-con{position: relative; }
.index-archive-con .container{position: relative; height: 475px;}
.index-archive-con:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 50%; background: #e5f1ea;}
.index-archive-left{width: 38.5%;float: left;}
.index-archive-right{width: 61.5%;float: right;}
.index-archive-right > div{position: relative;}
.index-archive-right .cover-navigation{z-index: 9;position: absolute;left: -110px;bottom: 50px;    font-size: 0;}
.cover-navigation .commoniconfont{font-size: 45px;color: #fff;}
.cover-navigation > div{display: inline-block;width: 110px;height: 110px;line-height: 110px;text-align: center; background: #007435;}
.cover-navigation > div:last-of-type{background: rgba(0,116,53,0.5);}
.index-archive-right .cover-slide{margin-top: -30px}
.archive-title{font-size: 26px;color:#000;font-weight: bold;margin-bottom: 30px;text-align: center;}
.archive-article-title{position: relative;padding-left: 35px;}
.archive-article-title:after{content: '';position: absolute;left: 0px;top: 5px;width: 15px;height: 15px;border-radius: 50%;background: #f1c001;}
.archive-article-title + .archive-article-title{margin-top: 30px;}
.archive-article-title a{font-size: 20px;line-height: 25px;color: #000;}
.archive-articles{padding-right: 60px;}
.index-archive-left{padding-top:45px;padding-bottom:30px;}
.index-archive .article-more{ margin-top: 25px;margin-left:40px;  z-index: 9;    font-family: Arial,sans-serif;}
.archive-article-title a {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-specials-left{width: 165px;float: left;margin-right:30px;}
.index-specials-left .swiper-slide + .swiper-slide{padding-top: 15px;}
.index-specials-left  .bigimg{border: 2px solid #eee;cursor:pointer;}
.index-specials-left .swiper-slide-thumb-active .bigimg{border: 2px solid #007435;}
.bigimg{width: 165px;height: 105px;}
.index-specials-right{width: calc(100% - 195px);float: right;}
.specials-banner .bigimg{position: relative; width: 65%;height: 100%; float: left;border: 1px solid #eee;}
.specials-banner .bigimg a{display: block;height:460px; }
.specials-banner .index-special-info{width: 35%;padding-left: 30px;float: right;}
.index-special-title {font-size: 26px;font-weight: bold;line-height: 27px;color: #000;margin-bottom: 25px;}
.index-special-title a{font-size:26px;line-height:28px;color:#000;font-weight:bold;}
.index-special-author{font-size: 16px;color: #505050;margin-bottom: 30px;}
.index-special-desc{font-size: 14px;line-height: 19px;color: #505050; margin-bottom: 50px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.special-more{font-size: 16px;color: #505050;}
.special-more a{display: inline-block;padding-bottom: 10px;}
.special-more .commoniconfont{margin-left: 25px;}

.index-specials{margin-bottom:60px;}
.index-specials .container{position: relative;}
.special-navigation,.special-pagination{display: inline-block;margin-left: 56%;padding-left: 30px;    z-index: 9;}
.special-navigation .commoniconfont{font-size: 28px;color: #007435;}
.special-navigation{width: 130px;position: absolute;bottom: 50px;}
.special-navigation div{display: inline-block;}
.special-navigation .special-button-prev{ margin-right: 20px;}
.special-navigation .commoniconfont:hover{color: #f1c001;}
.special-pagination{position: absolute;bottom: 0;}
.special-pagination .swiper-pagination-bullet{display: inline-block; width: 40px;height: 10px;border-radius: 5px;background: #d2d2d2;margin-right: 10px;}
.special-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#007435 ;}

.topic-list-box  >ul >li{position:relative; padding:15px 15px;border-bottom:1px solid #cdd2d4; }
.topic-list-box  >ul >li a{color:#000;}
.topic-list-box  >ul >li i{position:absolute;left:0;top:20px;width:8px;height:8px;background:#007435;}
.topic-list-box  >ul >li .topic-description{color:#666;margin-top:10px;}
.topic-list-box .article-list-left{display:none;}
.topic-list-box  .article-list-title{margin:0;}
.topic-list-box .topic-description{font-size:16px;color:#666;margin-top:20px;}

.index-ranking{background: url(../../style/images/custom/ph_bg.jpg) no-repeat;background-size: cover;padding: 60px  0 100px 0;margin-bottom: 50px;}
body .index-ranking .container{width: 100%;padding-left: calc((100vw - 1300px) / 2);}
.index-ranking-left {width: 275px;float: left;}
.index-ranking-right {width: calc(100% - 275px);float: right;}
.ranking-btn h3{    display: inline-block;font-size: 28px;color:#fff;font-weight: bold; margin-right: 15px;margin-bottom: 20px;background: none;cursor: pointer;}
.ranking-btn .commoniconfont {font-size: 28px;color: #fff;}
.ranking-btn  .active .commoniconfont {color:#ffc028 ;}
.index-ranking .com-tit-box .comtit{padding-bottom: 10px;}
.index-ranking .com-tit-box.active .comtit {color: #ffc028;border-bottom: 3px solid #ffc028;}
.index-ranking .swiper-wrapper{padding-bottom: 100px;}
.index-ranking-right .swiper-slide .ranking-article{height: 222px;background: #FFFFFF;border-radius: 5px;padding: 25px 20px 20px 20px;}

.index-ranking-right .swiper-slide.swiper-slide-active .ranking-list-num{display: none;}
.index-ranking-right .swiper-slide .ranking-list-num{font-size: 28px;margin-top: 20px;color: #fff;padding-left: 15px;}

.cited-navigation >div ,.read-navigation > div,.download-navigation >div{display: inline-block;line-height: 40px;height: 40px;}
.cited-navigation .cited-button-prev,.cited-navigation .cited-button-next,.cited-navigation .commoniconfont,
.read-navigation .read-button-prev,.read-navigation .read-button-next,.read-navigation .commoniconfont,
.download-navigation .download-button-prev,.download-navigation .download-button-next,.download-navigation .commoniconfont{font-size: 30px;color: #fff;}
.ranking-num{font-size: 40px;padding: 0 30px;color: #fff;}
.ranking-title{margin-bottom: 35px;}
.ranking-title a{font-size: 18px;color: #000;line-height: 21px;}
.ranking-author,.ranking-author a{font-size: 14px;color: #505050;line-height: 20px;}


.swiper-slide .abs-num,.swiper-slide .pdf-num,.swiper-slide .citedBy-num{position:absolute;bottom:20px;left:20px;display: inline-block; padding-left: 20px;font-size: 14px;    line-height: 26px;color: #007435;font-family: "commoniconfont" !important;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.swiper-slide .abs-num::before,.swiper-slide .pdf-num::before,.swiper-slide .citedBy-num::before{position: absolute;left: 0; font-size: 18px;top: 0;}
.swiper-slide .abs-num::before{content: "\e641";}
.swiper-slide .pdf-num::before{content: "\eb2c";}
.swiper-slide .citedBy-num::before{    content: "\e715";}
.index-ranking .rankingCited,.index-ranking .rankingRead,.index-ranking .rankingDownload{display: none;}
.index-ranking .rankingCited.active,.index-ranking .rankingRead.active,.index-ranking .rankingDownload.active{display: block;}
*/
.index-videos .col-md-3 .video-thumb, .list-videos-box  .video-thumb {position: relative; border-radius: 5px;overflow: hidden;height: 0;padding-top: calc((198 / 301) * 100%);}
 .list-videos-box .col-xs-12{margin-bottom:30px;}
.video-thumb{margin-bottom: 20px;}
.video-thumb a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.video-thumb .commoniconfont{position: absolute;    width: 45px;left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff;font-size: 45px;opacity: 0.72;}
.video-title a{font-size: 20px;line-height: 22px;color: #000;}
.clear-three { display: block;clear:both;height: 1px;}

.index-links .container{padding:0;}
.index-links li {position: relative;display: inline-block;font-size: 0;line-height: 28px;}
.index-links li + li{padding-left: 20px;}
.index-links li + li:before{content: '';position: absolute;width: 2px;height: 12px;background: #FFFF;left: 9px;top: 8px;}
.index-links li a{font-size: 14px;color: #222;}
.links-title {float: left;color: #222;font-size: 20px;padding-right: 10px;}



.index-inpress li .inpress-title:hover,.inpress-author a:hover{color: #007435 ;}
body .editorial-board-position > h3{color: #004600;}
.footer .container{padding: 0;}
.footer,.footer *{color: #fff;font-size: 14px;}
.footer{background: #004600;padding: 30px 0 20px 0;}
.f-logo a{display: inline-block; padding-bottom: 15px;margin-bottom: 15px;border-bottom: 2px solid #fff;}
.f-logo img{height: 60px;}
.footer .f-share a, .footer .f-share  a:hover{text-decoration:none;}
.f-share li {display: inline-block;}
.f-share li .commoniconfont{font-size: 30px;}
.f-share li + li{margin-left: 20px;}
.f-share li:nth-child(4) .commoniconfont{    font-size: 35px;}
.f-center{padding-left: 40px;width: calc(100% - 680px );}
.f-center p{line-height: 20px;margin-bottom: 10px;}
.footer .f-right{width: calc(100% - 906px);}
.footer .qrcode{float:left;margin-left:10px;margin-bottom: 10px;}


.qrcode img{width: 120px;height: 120px;}
.Supported{text-align:left;}

.index-articles{background: #fff;}
.index-articles #myTab{background: #e5f3ec;}
.index-articles .tab-ul-index li{background: none;}
.index-articles #myTab {height: 50px;line-height: 50px;background: #e5f3ec;border-top: 4px solid #c0e3d0;}
.index-articles .tab-ul-index li a{height: 46px;line-height: 46px;padding: 0 20px;font-size: 20px;color: #222;font-weight: bold;}
.index-articles .tab-ul-index li.active a{background: #048e45;color: #fff;}
.index-articles #myTabContent {padding: 25px 20px;}
.index-articles .article-list-left{display: none;}
.article-list-journalg{background: #EEF6F1;border-radius: 3px;min-height:24px;padding:0;margin-bottom:15px;}
.article-list-journalg a{color: #007435;line-height: 24px;padding:0 10px;}
.article-list-journalg a:hover{color: #007435;text-decoration: none;}
.article-thumb{position:relative;width:107px;height:74px;float:left;border:1px solid #d2d2d2;    overflow: hidden;}
.article-thumb img{position:absolute;    max-width: 100%;left: 50%; top: 50%; transform: translate(-50%, -50%);}
.article-thumb + .article-info-box{float:left;width:calc(100% - 127px);margin-left: 20px;}
.article-list-title{margin-bottom:5px;min-height: 40px;}
.article-list-title a{font-size:16px;line-height:18px;color:#000;}
.article-list-author ,.article-list-author span ,.article-list-author a, .article-list-time, .article-list-time font, .article-list-zy ,.article-list-zy font,.article-list-zy .colorRed{font-size:13px;color:#505050;line-height:18px;}
.article-list-zy{margin-top:5px;}
.article-list-zy font{padding:0;}
.article-list-zy font{position:relative;}
.article-list-zy font + font{margin-left:45px; }
.article-list-zy font + font:before{content:''; position:absolute;left:-20px;top:5px;width:1px ;height:13px;background:#a4a4a4;}

.editor-new .editor-list-new{margin-bottom: 15px;}
#latestAllList .article-list{padding-left: 0;padding-right: 0;}
.issue-list-body .catalog a,.issue-list-body .column ._table{font-size: 16px;font-weight: normal;}
.editor-list-new a:hover{color: #007435;}
#topicTypeName .img-box {float: left;}
#topicTypeName .img-box img{width: 320px;}
.img-box-right .topic-desc{margin-top: 10px;}
.img-box-right{width: calc(100% - 320px);   float: left;padding-left: 20px;}
.topic-desc{color: #666;}
.article-list{padding-right: 0;}
body:not(.index-body) .article-list-journalg{margin-top: 25px;margin-bottom: 5px;}

.index-archive{padding-top: 50px;}
.line-box{ position: relative; display: flex; justify-content: space-between; margin: 0 auto 78px;}
.line-item{    display: flex;align-items: center; flex-direction: column; cursor: pointer;}
.artist-car-item{display: flex;align-items: center; flex-direction: row; }
.line-box .time{ font-size: 24px;color: #000; }
.line-box .active .time{color: #ffc028;}
.line-box .active  .line-dot{background: #ffce0f;    background-clip: content-box; border: 6px solid rgba(255,206,15,0.3);}
.line-item.active::after {content: '';position: absolute;    bottom: -50px;  height: 34px;width: 15px; background:url(../../style/images/custom/arbg.png) no-repeat center center;}
.line-dot{ width:35px; height:35px;background: #007435;position: relative;border-radius: 50%; background-clip: content-box; border: 6px solid rgba(0,116,53,.3); box-sizing: border-box}
.content-item{margin:0 14px; cursor: pointer;}
.el-image img{width: 100%;height: 100%;}
.is-animating {display: flex;    transition: transform .4s ease-in-out;}
.el-image{   width: 195px;height:273px;  overflow: hidden;}
.el-carousel__container  .is-animating{display: none;}
.el-carousel__container  .is-animating.active{display: flex;margin-left: -15px;margin-right: -15px;}
.content-item .name {text-align: center;margin-top: 20px;}
.content-item .name a{font-size: 18px;color: #000;}
.content-item:hover .el-image{box-shadow: 5px 5px 5px  rgba(0,0,0,0.3);}
.content-item:hover .name{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}

.line-box{padding: 0 45px;}
.line-box::before{content: '';position: absolute;left: 45px;right: 45px;height: 1px;background: #89bfa2;    bottom: 16px;}
.line-box .commoniconfont{position: absolute;font-size: 28px;color: #007435;    top: 32px;cursor: pointer;}
.line-box .icon--zuo{left: 0;}
.line-box .icon--you{right: 0;}

.index-current .comtit{margin-bottom: 0;}

@media only screen and (min-width: 1430px){
.index-ranking-right .swiper-slide.swiper-slide-active .ranking-article{transform: scale(1.3);height:255px;}
.index-ranking-right .swiper-slide.swiper-slide-active{margin-right: 80px!important; margin-top: 39px!important;margin-left: 65px!important;}
.ranking-btn  ~ div{margin-top:80px;}
}

@media only screen and (min-width: 1330px){
.header-top .container{padding-left: 0;padding-right: 0;}
body .container{width:1300px;}

}
@media only screen and (min-width: 1200px){	
.main-left{padding: 0;width:75%;}
.main-right{ float:right;padding-left:40px;padding-right:0;width:25%;}


.index-current #currentIssue{display: flex;    flex-wrap: wrap;margin-left: -40px;}
.index-current #currentIssue .article-list {width: calc(50% - 40px);margin-left: 40px;}
}

@media only screen and (max-width: 1780px){
.top .nav.header-nav ul > li{padding:0 10px;}
}
@media only screen and (max-width: 1600px){
.top .nav.header-nav ul li.tsg{padding: 0 10px;}
.top .nav.header-nav ul li.tsg{margin-left: 15px;}
.header .logo img{max-width: 400px;}
.header .logo{padding-top: 35px;}
.header .logowrap{padding-left: 30px;padding-right: 30px;}
}
@media only screen and (max-width: 1400px){
.top .nav.header-nav ul > li{padding:0 10px;}
.news-cover-right{padding-left:20px;}
.header .logo img{max-width: 300px;}
.header .logo{padding-top: 35px;}
.top .nav.header-nav ul li.tsg a{font-size: 16px;}

}
@media only screen and (max-width: 1400px) and (min-width: 1200px){
.score{margin-bottom: 15px;}
.cover-info{font-size: 14px;}
.cover-info .issn-cn{font-size: 12px;}
}


@media (-webkit-min-device-pixel-ratio: 1.5) {
     
.news-guidlines{    position: relative;width: 63%;float: left;}
.qk-info{width: 33.5%;float: right;}
.impact{font-size: 20px;}
.cover-box-right{margin-left: 10px;}
.score > div{width: 50%;}
.cover-info .issn-cn{font-size: 12px;}
.cover-info{font-size: 13px;}
.top .header-nav ul > li ol li a{font-size: 15px;}
.top .header-nav ul > li ol li ol a{font-size: 13px;}
}
@media (-webkit-min-device-pixel-ratio: 1.2) {
    .top .nav li a,.top .nav.header-nav ul li.tsg a{font-size: 16px;}
    .header .logowrap{padding-left: 25px;padding-right: 25px;}
    .header .logo img{max-width: 300px;}
    .header .logo{padding-top: 35px;}
}



@media only screen and (max-width: 1199px){
.news-guidlines,.qk-info{float: none;width: auto;}
.news-guidlines{margin-bottom: 20px;}
.f-center{width: calc(100% - 300px);}
.footer .f-right{width: auto;float: none;clear: both;}
.footer .f-right .qrcode{margin: 15px 10px 0 0;}
}
@media only screen and (max-width: 1199px){

.index-current #currentIssue .article-list:nth-child(2n+1),.index-current #currentIssue .article-list:nth-child(2n){width:100%;padding-left:0;padding-right:0;}
.index-archive-left,.index-archive-right{width:100%;float:none;}
.index-archive-con .container{height:auto;}
.index-archive-con:after{display:none;}
#currentIssue .article-list-author{min-height:normal;}
.index-archive .article-more{bottom:0;}
.archive-articles{margin-bottom:30px;}
.el-carousel__container{overflow: auto;}
 .el-carousel__container .is-animating.active{min-width: 1200px;}
 .header .logo img{max-width: 300px;}

.top .nav.header-nav ul > li{padding:0 10px;}
.banner-box, .index-inpress{margin-bottom: 30px;}
.guokan-tit h2, .commontit, .journalIssue, .journalIssue, .box-article h3{font-size: 28px;}
.box-top{margin: 0;padding: 0;}
#newsDetail .box-article h3{font-size: 20px;}
.news-cover-left, .news-cover-right{width:100%; float:none;}
.news-cover:after{display:none;}
.index-ranking-right .swiper-slide .ranking-list-num{display: none;}
}

@media only screen and (max-width: 992px){
.banner-box .banner .ban-con,.banner-box .banner .ban-img{width:100%;}
.banner-box .banner .ban-img{padding:0;}

.banner-box .banner .item > div{height:auto;}
.ban-more{position:static; margin-top: 20px}
.inpress-author{position:static;margin-top:10px;}
.index-inpress li > div{height:auto;}
.index-inpress li + li{margin-top:20px;}
.f-center,.f-left,.f-right{width:100%;float:none;padding:0;}
.f-center,.f-left{margin-bottom:10px;}
.index-videos .row > div + div{margin-top:20px;}
.ban-column{margin-top:20px;}
.ban-tit a{font-size:28px;}
.comwrap .comtit, .index-inpress .comtit, .index-current .comtit, .index-archive .comtit, .index-specials .comtit, .index-videos .comtit{font-size:30px;}
.banner-box .banner .carousel-indicators{bottom:30px;}
.news-cover{margin-bottom:50px;}

.archive-articles{padding-right: 0;margin-bottom: 20px;}
.news-guidlines .nav-tabs>li:nth-child(1){margin-right: 20px;}
.news-guidlines .nav-tabs>li:nth-child(1)::after{right: -10px;}
.index-ranking-new .nav-tabs>li+li{margin-left: 20px;}
.index-ranking-new .nav-tabs>li + li:before{left: -10px;}
.img-wrap,.img-wrap + .swiper-r{float: none;width: 100%;}
.img-wrap + .swiper-r{padding: 10px 15px;}
.swiper-r{position: absolute;left: 0;right: 0;bottom: 0;height: 60px;}
.swiper-slide .banner-more,.swiper-author{display: none;}
.swiper-slide .swiper-title{font-size:16px;line-height: 1.3; margin: 0;}
#bannerSwiper .main-pagination{bottom: 80px;}
.main-right{display: none;}
.index-body .main-right{display: block;}
}
@media only screen and (max-width: 768px){

.comwrap ul li,.comwrap .title-box{height:auto;}
#indexCurrentInfo{margin-bottom:20px;}
.index-archive .cover-slide{height:auto;margin:0;}
.cover-navigation > div{width:40px;height:40px;line-height:40px;}
.index-archive-right .cover-navigation{position:static;}
.index-archive .cover-slide{padding-bottom:20px;}
.cover-navigation .commoniconfont{font-size:20px;}
.index-archive .article-more{position:static;}
.banner-box .banner .ban-con{padding-left:15px;padding-right:15px;}
.banner-box .banner .container > div{margin:0;}
.banner .container{padding:0;}
.score > div{width:48%;}
.cover-box{width:100%;text-align:center;}
.article-thumb{width:100px;height:70px;margin-right: 10px;}
.article-thumb + .article-info-box{width:100%;float:none;margin: 0;}
.index-archive .cover-slide .swiper-slide::after{display:none;}
.index-archive-left{padding:0;}

.index-specials-left{display:none;width:100%;float:none;margin:0;}
.index-specials-left .swiper-container-vertical>.swiper-wrapper{    flex-direction: row;}
.index-specials-left  .bigimg{width:25%;height:70px;}
.index-specials-left  .swiper-slide{width:100%!important;}
.index-specials-right,.index-specials-right{width:100%;float:none; padding:0;}
.specials-banner .bigimg,.specials-banner .index-special-info{width:100%; float:none;padding:0;}
.specials-banner .bigimg{margin-bottom:20px;}
.specials-banner .bigimg a{height:180px;}
.footer .qrcode {text-align:center;float: left;}


.index-links{background:none;}
.links-title,.index-links li a{color:#222;}
.ranking-btn ~ div{display:none!important;}
.index-ranking-left{width:100%;float:none;}
.ranking-btn{overflow:auto;}
.ranking-btn > div {min-width:750px;}
.ranking-btn > div > div{display:inline-block;margin-right:30px;}
.index-ranking-right{width:100%;float:none;}
.index-ranking-right .swiper-slide.swiper-slide-active .ranking-article{    transform: scale(1);}
.index-ranking-right .swiper-slide.swiper-slide-active{margin:0!important;}
body .index-ranking .container{padding-left:15px;padding-right:15px;}
.index-ranking-right .swiper-slide.swiper-slide-active .ranking-article{height:222px;}
.index-links .container, .footer .container{padding:0 15px;}
.special-pagination .swiper-pagination-bullet{width:10px;}
#topicTypeName .img-box img{width:150px;margin: 0 10px 0 0;}
#topicTypeName .img-box-right{float: none; width: auto;padding: 0;}
.line-box .time{font-size: 16px;}
.line-box{padding: 0 20px;}
.line-dot{width: 20px;height: 20px;}
.line-box .commoniconfont{font-size: 18px;}
.line-box::before{bottom: 10px;}
.line-box .commoniconfont{top: 19px;}
.kwlist ul li{width: 100%;}
.kwlist ul li + li{margin-top: 20px;}
.score{margin-bottom: 0;}
.cover-box-right{width: calc(100% - 183px);margin-left: 10px;}
.impact{margin-top: 0;font-size: 20px;}

.index-ranking-new .nav-tabs>li>a{font-size: 18px;}

 .cur-bot{float: none;display: block;text-align: center;padding: 5px;color: #007435;margin-top: 10px;}

#bannerSwiper{padding-left: 15px;padding-right: 15px;}
#indexCurrentInfo,.catalog-box{display: block;position: static;}
.catalog-box a{margin: 0 10px 0 10px;}
}




@media only screen and (max-width: 414px){
.article-list-zy font + font:before{display: none;}
.article-list-zy font + font,.article-list-zy font{margin: 0 25px 0 0;}
}
@media only screen and (max-width:375px){
.article-list-time font{display: block;}
}

