/*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;}
.toolBoxBorder{margin-bottom:20px;}
.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:#0352ac;} 


.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: #0352ac;}

.guokan-tit h2{color:#0352ac;}


.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: #1e87e4 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:#0352ac;}
#page-tag-div .pagination>.active>a{border-color:#0352ac;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(30,88 ,169, 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: #0352ac 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%;}*/
#issueList .article-list{padding: 25px;}
#issueList .article-list-left{left: 9px;top: 0;}

.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: 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;}
.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{border-top:solid 2px #fff;height: 38px;line-height: 36px;text-align: center;}
.top .nav ul{text-align: right;}
.top .nav ul>li{float: none;    display: inline-block;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{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: 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{font-weight: bold;font-size: 22px;}
.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: 34px; min-width: 100%; z-index: 101; display: none;padding-top:15px!important;padding-bottom:15px!important;}

.top .header-nav ul > li ol li a{font-size: 18px; display: block; padding: 0  0; 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;}
.search-btn{font-size: 20px;text-shadow: 1px 2px 6px rgba(0,0,0,0.82);}

/**********************************/
.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:;}
.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 img{margin-right: 7px;}
.top .top-nav .nav-inner{display: block;}


.header .logowrap{height:110px;background:#014592 url(/style/images/custom/nav_bg.jpg) no-repeat center;box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.65);}
.header .logo{padding-top: 20px;border: none;}
.header .logor li{background: transparent;line-height: 30px;color:#000;font-size: 20px;position:relative;padding:0 10px;}
.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 ol li:hover, .header-nav ul > li:hover > a{border-bottom: 3px solid #fff;background: none;}
.header-nav ul > li ol li:hover {border-bottom: 2px solid #fff;}
.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; } 
@keyframes rotateIcon { 
 0% { transform : rotateX(180deg); } 
 100% { transform : rotateX(180deg); } 
 }

@-webkit-keyframes rotateIcon { 
 0% { -webkit-transform : rotateX(180deg); } 
 100% { -webkit-transform : rotateX(1800deg); } 
} 
 html body{font-size: 18px;color:#222;font-family: Calibri,sans-serif;}
 .main{padding-top:30px;}
.banner-box{margin-bottom: 40px;}


.banner-con{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner-box {height:calc((410 / 1920) * 100vw);}
.banner-box .banner {width: 100%; height: 100%;position: relative;}
.banner-box  .banner  #myCarousel,
.banner-box  .banner .owl-wrapper-outer,
.banner-box  .banner .owl-wrapper,.banner  .owl-item,
.banner-box  .banner  .carousel-inner,
.banner-box  .banner  .item{height:100%;}
.banner-box .carousel-inner {z-index:99;}
.banner-box .banner .carousel-indicators{width:100%;text-align:center;margin-left: 0; left:auto; }
.banner-box .carousel-control{opacity:1;}
.banner-box .carousel-inner .item  a{position:relative;display:inline-block;max-width: 60%;}
.banner-box .carousel-inner .item .banner-tit-box a{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;    line-height: 42px;}
.banner-box .banner .carousel-indicators li{width: 8px;border:0;height: 8px;background: rgba(255,255,255,0.6);border-radius: 50%;opacity:1;margin:0 3px;}
.banner-box .banner .carousel-indicators .active{width:40px;background-color:#fff;opacity:1;border:0;box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.74);border-radius: 4px;}
.banner-tit-box,.banner-author{margin-bottom: 20px;}
.banner-tit-box a{font-size: 36px;font-weight: bold;color: #fff;}
.banner-desc{width: 63%;font-size: 18px;line-height:23px;color: #fff;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.banner-img{width: 202px; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.banner-img p{margin-top:5px;}
.banner-img p .fa{margin-right:5px;}
.banner-img p a{color:#fff;font-size:15px;}
.banner-img img{max-width: 100%;}
.banner-more {margin-top: 50px;}
.banner-more a,.banner-more .commoniconfont,.banner-author,.banner-author a,.banner-author span{color: #fff;}
.banner-more .commoniconfont{font-size: 32px;margin-left: 10px;    position: relative;top: 8px;}
.banner-img-big{position: fixed;    background: rgba(0,0,0,0.8);left:0;top:0;right:0;bottom:0;    z-index: 999; display:none;}
.banner-img-big.active{display:block;}
.banner-img-big .fa{position:absolute;right:50px;top:50px; color:#fff;font-size:28px;}
.banner-img-big > div{width:80%;text-align:center;    position: absolute;  left: 50%;  top: 50%; transform: translate(-50%, -50%);}
.banner-img-big > div img{max-width:100%;}

@font-face {
  font-family: "commoniconfont"; 
  src: url('/style/css/custom/fonts/iconfont.ttf') format('truetype');
}

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

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

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

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

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

.icon-xiajiantou:before {
  content: "\e603";
}

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

.icon-jiantouyou:before {
  content: "\e62d";
}

.icon-jiantou_qiehuanyou:before {
  content: "\eb05";
}

.icon-jiantou_xiangyou:before {
  content: "\eb08";
}

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

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

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

.icon-shenqing-bianji-06:before {
  content: "\e77c";
}

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

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

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

.search-wrapper { height:0;display:block; padding: 0;background:rgba(0,0,0,0.6);border-top: 1px solid #333;    position: relative;overflow: hidden;} 
.search-wrapper.ac{height: 108px;padding: 30px;}
.search-wrapper select { width:100px; height: 45px;margin-right: 0; font-size: 16px; 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:16px; } 
.search-wrapper input::-webkit-input-placeholder { color: #A7A7A7; font-size:16px; } 
.search-wrapper input::-moz-placeholder { color: #A7A7A7; font-size:16px; } 
.search-wrapper input::-ms-input-placeholder { color: #A7A7A7; font-size:16px; } 
.search-wrapper .form-control { padding:0 10px; font-size:16px; border: none; outline: none; position: relative; } 
.search-wrapper .form-group {    overflow: hidden; position:relative;} 
.search-wrapper .tj { position:absolute; width:48px; color: #fff; background:#18569c url(/style/images/custom/search.png) no-repeat center; 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;}



.cover-box{float: left;}
.cover-box,.cover-box img{width: 249px;}
.cover-box img{ box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.cover-desc h3{font-size: 32px;font-weight: bold;margin-bottom: 8px;}
.cover-desc{width: calc(100% - 249px);padding-left: 30px; float: right;font-size: 22px;    margin-top: -5px;}
.cover-desc > div{margin-top: 8px;}
.cover-desc .aas{color: #0352ac;margin-top: 30px;}
.cover-desc .aas a,.guide_for_authors a{color:#000;font-weight: bold;}
.cover-desc .aas a:hover,.guide_for_authors a:hover{color: #0352ac;}
.cover-desc .tsg{width:289px;height: 40px;line-height: 40px;margin-top: 50px; background: linear-gradient(0deg, #1556A0 0%, #298CFD 100%);border-radius: 19px;text-align: center;}
.cover-desc .tsg a{font-size: 24px;color: #fff;}
.cover-desc .tsg .commoniconfont{margin-right: 10px;    font-size: 22px;}

.latestnews-callforpapers .nav-tabs,.articleBoxMargin #myTab{margin-bottom: 20px;border: 0;}
.latestnews-callforpapers .nav-tabs>li,.articleBoxMargin #myTab>li{margin: 0;background: none;}
.latestnews-callforpapers .nav-tabs>li a,.articleBoxMargin #myTab>li a{padding: 0 30px;border-radius:0;}
.latestnews-callforpapers .nav-tabs>li:nth-child(1) a,.articleBoxMargin #myTab>li:nth-child(1) a{padding-left: 0;}
.latestnews-callforpapers .nav-tabs>li>a,.articleBoxMargin #myTab>li>a{font-size: 32px;font-weight: bold;color: #000;border: 0;    line-height: 1;}
.latestnews-callforpapers .nav-tabs>li>a:hover,.articleBoxMargin  #myTab>li>a:hover{background: none;border: 0;}
.latestnews-callforpapers .nav-tabs>li.active>a, 
.latestnews-callforpapers .nav-tabs>li.active>a:focus, 
.latestnews-callforpapers .nav-tabs>li.active>a:hover,
.articleBoxMargin  #myTab>li.active>a, 
.articleBoxMargin  #myTab>li.active>a:focus, 
.articleBoxMargin  #myTab>li.active>a:hover{border: 0;color: #0352ac;background: none;}
.latestnews-callforpapers .nav-tabs>li + li a,.articleBoxMargin #myTab>li + li a{border-left: 4px solid #000000!important;}
.latestnews-callforpapers .tab-content ul li,.articleBoxMargin .tab-content ul li{height: 69px;padding-left: 15px; margin-top: 20px;border-left: 2px solid #bfbfbf;color: #000;}
.latestnews-callforpapers .tab-content ul li a,.articleBoxMargin  .tab-content ul li a{font-size: 22px;line-height: 24px;font-weight: bold; color: #000;}
.latestnews-callforpapers .tab-content ul li .date{font-size: 18px;}
.latestnews-callforpapers .tab-content ul li:hover a,.latestnews-callforpapers .tab-content ul li:hover .date{color: #0352ac;}
.latestnews-callforpapers .tab-content ul li:hover{border-left: 2px solid #0352ac;}
.latestnews-callforpapers .more-box{margin-top: 15px;padding-left: 15px;}
.more-box .commoniconfont{margin-left: 5px; font-size: 20px;position: relative;top: 3px;}
.more-box a{color: #0352ac;}

.ranking-box{padding: 35px 0;  background: #f3f3f3;}
.comwrap,.special-box,.ranking-box{margin-bottom: 30px;}
.special-box{margin-top:30px;}
.comwrap h3{font-size: 32px;font-weight: bold;margin-bottom: 20px;}
.comwrap ul li{line-height: 30px;margin-bottom: 10px;}
.comwrap ul li .commoniconfont{margin-right: 10px;}
.comwrap ul li a{font-size: 22px;text-decoration: none;color: #000;}
.comwrap ul li:hover a{color: #0352ac;}
.editor{padding-top: 30px;border-top: 2px solid #000;}
.editor strong,.editor{font-size:22px;}

.index-body .article-list-left,.index-body .article-list-time{display:none;}
.article-list{padding: 20px 25px;background: #FFFFFF;box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.33);border: none;margin-bottom: 20px;overflow:visible;}
.article-list-journalg{position: relative; background: none;height: 22px;line-height: 22px;padding: 0;width: 100%;display: none;}
.toolBox1 {display:none;}
.article-list-journalg  a{    position: relative;display: inline-block;padding: 0 20px 0 0;background: none;color: #0352ac;font-size: 18px;font-weight: bold;    background: #fff;}
.article-list-journalg  a:hover{color: #0352ac;;}
.article-list-title a{font-size: 26px;line-height:30px;color: #0352ac;font-weight: bold;}
.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: 18px;color: #505050;line-height: 21px;}
.article-list-title,.article-list-author,.article-list-time{margin-bottom: 10px;}
.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:#0352ac;}
.article-list .article-thumb{position: relative;width:200px;height: 128px;border: 1px solid #efefef;float:right;overflow: hidden;}
.article-list .article-thumb img{max-width:100%;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);}
.article-thumb + .article-info-box {float: left;width: calc(100% - 220px);}
.artilce-list-author-all{display:none;position: absolute;padding:20px 20px;box-shadow: 0 2px 5px rgba(0,0,0,0.2); background: #fff;    margin-top: 10px;max-width: 580px;    z-index: 9;}
.artilce-list-author-all.ac{display:block;}
.articleInfo .article-list-time{display: none;}
.more-author{cursor:pointer;}
.more-author:hover{color:#0352ac;}
.artilce-list-author-all > .fa{position:absolute;right:5px;top:5px;}
.article-list-zy font+font a::before { content: '|'; display: inline-block; margin: 0 20px; } 
.article-list-zy font{padding:0;}

.special-box .com-tit-box{position: relative;}
.special-box .more-box{position: absolute;right: 0;top: 10px;}
.special-con ,.special-con  a{color: #fff;}
.special-con .special-tit{font-size: 24px;font-weight: bold;}
.special-con > div{position: relative;}
.special-con > div > a{display: block;padding-top: calc((200 / 414 ) * 100%);}
.special-con  .mantle {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 20px 20px;}
.special-con  .guest-editor{margin-top: 10px;}
.latestnews-callforpapers .tab-content ul li a,.special-con .special-tit{overflow: hidden;  text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.ranking-box .kwbtn{width: 340px;float: left;    border: 0;}
.ranking-box .kwbtn li{float: none;margin-bottom: 20px;text-align: center;width: auto;}
.ranking-box .kwbtn li a{font-size: 28px;font-weight: bold;color: #0352ac;border: 2px solid #0352ac;border-radius: 3px;width: 240px;}
.ranking-box .kwbtn li a,.ranking-box .kwbtn li .commoniconfont{float: left;}
.ranking-box .kwbtn li:hover a,.ranking-box .kwbtn li.active a{background: #0352ac;color: #fff;border: 0;}
.ranking-box .kwbtn li i{display: none;    line-height: 64px;}
.ranking-box .kwbtn li:hover .commoniconfont,.ranking-box .kwbtn li.active .commoniconfont{display: block;color: #0352ac;font-size: 36px;} 
.ranking-box .kwlist{width: calc(100% - 340px);float: right;}
.ranking-box .article-list-title a {font-size: 20px;color: #000;font-weight: normal;}
.ranking-box .article-list-author a{font-size: 15px;color: #505050;}
.ranking-box .article-list-title a:hover{color: #0352ac;}
.ranking-box .i-article-ranking{position: relative; padding-left: 25px;margin-bottom: 15px;}
.ranking-box .i-article-ranking:before{content: '';position: absolute; width: 11px; height:11px;background:#0352ac;left: 0;top: 10px;}
.ranking-box .more-box{padding-left: 25px;}
.i-count{color: #0352ac;}

.links{line-height:60px;border-bottom: 1px solid #fff;margin-bottom: 15px;}
.links li{padding-left:15px;padding-right:15px;position:relative;float:left;font-size:16px;padding-left:20px;}
.links li:after{content: '';position: absolute;right: 0;top: 25px;width: 2px;height: 15px;background: #fff;}
.links li:first-child:after,.links li:last-child:after{display: none;}
.links li a{font-size:16px;}
.links li a,.links li{color:#fffefe;}
.links li:first-child{font-weight:bold;padding-left:0;margin-right:0;font-size: 20px;padding-right: 0;}
.links .fa{color:#fffefe;font-size:25px;margin-left:20px;}
.links .shareTool a{display:inline-block;}
.links .fr{position:relative;}
.footer{background: #02448f;padding-bottom:20px;}
.footer .btmb{background: none;}
.footer,.footer p,.footer a{color: #fff;font-size: 16px;}
.footer p{margin-bottom: 10px;}
.footer p>span{margin:0 5px;}
.footer-desc,.zgzb{width:40%;margin-right:2%;}
.footer img{width:116px;}
.main{padding-bottom: 30px;}

.guokan-tit h2, .commontit, .journalIssue,.journalIssue,.box-article h3{font-size:32px;}
.box-article h3,.journalIssue {text-align: left;}
h2.commontit{margin-bottom:20px;}
#lan .journalIssue{text-align: center;}
.issue_list .journalIssue{text-align: center;}

@media only screen and (min-width: 1230px){
.logowrap{padding-left: 100px;padding-right: 100px;}
.header .logo{width:430px;}
.header .logor{width:calc(100% - 430px);padding-top: 40px;}
.top{position: fixed;left: 0;right: 0;top: 0;z-index: 999;}
body{padding-top: 110px;}
.cover-news.container{padding: 0;margin-bottom: 20px;}
.main .main-left{padding: 0;width: 26%;}
.main .main-right{width: 74%;padding-left: 40px;}
body .container,.inner{width:1200px;}
}
@media only screen and (min-width: 1330px){
body .container{width: 1300px;}
.i-count{position: absolute;right: 0;bottom: 15px;}
}
@media (max-width: 1670px) and (min-width:1200px){
.top .nav.header-nav ul > li{padding: 0 10px;}
}

@media (max-width: 1505px) and (min-width:1200px){
.header-nav-en ul > li > a{font-size: 20px;}
.top .nav.header-nav ul > li{padding: 0 10px;}
}

@media (max-width: 1330px) and (min-width:1200px){

}


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




}

@media only screen and (max-width: 1200px){
.main>.container>.clearfix{display: flex;flex-direction: column;}
.main-left{order: 10;}
.main-right{order: 9;}
.header{display:block;}
.header .logowrap{display:none;}
}
@media only screen and (max-width: 1199px){
.main-left,.main-right{float:none;width:100%;}
.special-con .guest-editor{display: none;}
.cover-news .nav-tabs > li{width: auto;}
.cover-news .cover-info{margin-bottom: 30px;}
.latestnews-callforpapers .nav-tabs>li>a, .articleBoxMargin #myTab>li>a,.comwrap h3,
.cover-desc h3,.banner-tit-box a,.ranking-box .kwbtn li a{font-size: 24px;}
.banner-img{width: 90px;}
.banner-img p a{font-size:12px;}
.banner-con{width: 100%;}
.banner-desc{display: none;}
.banner-more{margin-top: 20px;}
.special-con{margin-bottom: 20px;}
.ranking-box .kwbtn{width: 25%;}
.ranking-box .kwlist{width: 75%;}
.ranking-box .kwbtn li a{width: 100%;}
.ranking-box .kwbtn li.active .commoniconfont{display: none;}
.article-list-title a{line-height: 23px;}
.kwlist .article-list-author{display: none;}
.links > ul{display: none;}
.links > div{float: none;}
.footer p{margin-bottom: 5px;}

}


@media only screen and (max-width: 992px){
.article-list{padding: 20px 15px;}
.latestnews-callforpapers .nav-tabs>li a, .articleBoxMargin #myTab>li a{padding: 0 10px;}
.article-list-title a,.special-con .special-tit,.ranking-box .article-list-title a,
.latestnews-callforpapers .tab-content ul li a, .articleBoxMargin .tab-content ul li a{font-size: 18px;}
.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;}
.article-list .article-thumb{width:100px;height:100px;display:none;}
.article-thumb + .article-info-box{width: 100%;float:none;}
.banner-box .carousel-inner .item .banner-tit-box a{line-height:30px;}
.footer .links ul{display:none;}
}
@media only screen and (max-width: 767px){
.banner-author{display: none;}
.latestnews-callforpapers .nav-tabs>li>a, .articleBoxMargin #myTab>li>a, .comwrap h3, .cover-desc h3, .banner-tit-box a, .ranking-box .kwbtn li a,
.guokan-tit h2, .commontit, .journalIssue, .journalIssue{font-size: 26px;}
.ranking-box .i-article-ranking:before{display: none;}
.ranking-box .kwbtn li a{padding: 5px;}
.cover-box, .cover-desc{width: 100%;padding: 0;float: none;}
.cover-box{margin-bottom: 15px;text-align: center;}
.cover-desc .aas{margin-top: 8px;}
.cover-desc .tsg{margin-top: 20px;}
.ranking-box .kwbtn,.ranking-box .kwlist{width:100%;float:none;}
.footer-desc{margin-bottom:10px;}
.footer-desc, .zgzb,.qrcode-img{width:100%;margin:0;}
.qrcode-img{text-align:center;}
}
@media only screen and (max-width: 620px){
.nav-tabs-box {overflow: scroll;overflow-y: hidden;}
.nav-tabs-box ul{width:676px!important;}
.ranking-box .kwbtn li{width:210px;    float: left;margin: 0 5px;}
.index-articles .tab-box{overflow:auto;}
#myTab{width:490px!important;}
}

@media only screen and (max-width: 414px){
.banner-box{height: 180px;}


}


/*没内容，老师要求隐藏*/
.ranking-box,.special-box,.zgzb{display:none;}