/*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;margin-bottom: 20px;}
.footer{position: relative;z-index: 2000;}
.inner{width:1170px;margin:0 auto;}

.mainColor,.reference-tab .td2 a{color:#042872;} 


.article-pc .mainColor,.article-main-mid a{color:#031f59;}

.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: #042872;}
.footer .btmb{background: #0f4b17;}

.guokan-tit h2{color:#042872;}


.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#031f59;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #031f59 url("../../../style/images/public/back_top.png") no-repeat center center; display: none;}
.arcmethod li.active,.phone-nav{border-color:#042872;}
.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:#042872;}
#page-tag-div .pagination>.active>a{border-color:#042872;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(4,40 ,114, 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: #042872 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:90px;}

.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: 16px;font-weight: bold; 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{display: inline-block; width: 18px; height: 9px; background-size: 18px 9px; margin-left: 6px; position: relative; top: -2px;}
.header-nav ul > li ol{position: absolute;  left: 0; top: 46px; 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;}
.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);}

/**********************************/


.header .logowrap{height:180px;overflow: hidden;background:  url(../../../style/images/custom/header_bg.jpg) no-repeat top center;    background-size:cover ; }
.header  .container > .div-flex{height: 180px;}
.header .logo{padding:0;border: none;}
.logowrap .div-flex .logo{height: 180px;}
.logowrap .container{padding: 0;    height: 100%;}
.top .nav{border: 0;height: 46px;background: #00349f;   }
.top .nav li a{line-height: 46px;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover, .header-nav ul > li:hover > a{background: #f2b126;}

.top .nav.header-nav ul > li{padding: 0;}
.top .nav.header-nav ul > li a{padding: 0 20px;}
.top .nav.header-nav-en ul > li a{padding: 0 10px;}

.header-nav ul > li:hover > a span { -webkit-animation:rotateIcon 1s linear both; animation:rotateIcon 1s linear both; } 


 html body{font-size: 16px;color:#333;}
.main{padding-top: 20px;}
.guokan-table td span{font-size: 14px;}

@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;
}

.icon-shangjiantou_huaban:before {
  content: "\e63f";
}

.icon-xiangyou1:before {
  content: "\e775";
}

.icon-xiangzuo1:before {
  content: "\e779";
}

.icon-search:before {
  content: "\e608";
}

.icon-geren:before {
  content: "\e641";
}

.icon-orcid:before {
  content: "\ec49";
}

.icon-caidan:before {
  content: "\e62f";
}

.icon-liulan1:before {
  content: "\e643";
}

.icon-yinyong:before {
  content: "\ec81";
}

.icon-xiazai2: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: "\e652";
}

.icon-fujian:before {
  content: "\e601";
}

.icon-xiala:before {
  content: "\e65c";
}

.icon-zuiqian:before {
  content: "\e633";
}

.icon-lanmu:before {
  content: "\e7fa";
}

.icon-bofang:before {
  content: "\e609";
}

.icon-a-shang7:before {
  content: "\e651";
}

.icon-rss:before {
  content: "\e62c";
}

.icon-xia:before {
  content: "\e614";
}

.icon-youjian:before {
  content: "\e615";
}

.icon-xiazai1:before {
  content: "\e60b";
}

.icon-bg-left:before {
  content: "\e638";
}

.icon-bg-right:before {
  content: "\e64c";
}

.icon-BasicIcons-all-:before {
  content: "\e85c";
}

.icon-BasicIcons-all-1:before {
  content: "\e85d";
}

.icon-youyou-:before {
  content: "\e642";
}

.icon-shijianchuo:before {
  content: "\e996";
}

.icon-icon-arrow-right2:before {
  content: "\e667";
}

.icon-toudi:before {
  content: "\e61b";
}

.icon-rencai:before {
  content: "\e60d";
}

.icon-liulan:before {
  content: "\e640";
}

.icon-xiazai:before {
  content: "\e6e7";
}

.icon-shenhe:before {
  content: "\e60c";
}

.icon-bianji2:before {
  content: "\e600";
}

.icon-sousuo1:before {
  content: "\e7d2";
}




.index-of {position: relative;margin-left: 70px;width:285px;margin-top: 23px;}
.index-of li{position: relative;padding-left: 15px; font-size: 15px;font-weight: bold; color: #FFFFFF;text-shadow: 0px 5px 0px rgba(6,20,48,0.32);line-height: 1.8;list-style-type:none;}
.index-of:before{content: '';position: absolute; left: -35px; width: 1px;height: 100%; background: linear-gradient(to top, transparent, #fff, transparent);}
.index-of li::before{content: '';position: absolute;width: 5px;height: 5px;background: #fff;left: 0;top: 15px;}

.logor{padding-right: 0;}

.search-wrapper{display:block;}
.search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;}
.search-wrapper .searcontent, .search-wrapper .tj{height: 37px;line-height: 37px;display: inline;}
.search-wrapper .searcontent {width: 240px; padding-left: 10px; }
.search-wrapper input::input-placeholder{color: #666666;font-size:14px;}
.search-wrapper input::-webkit-input-placeholder{color: #666666;font-size:14px;}
.search-wrapper input::-moz-placeholder{color: #666666;font-size:14px;}
.search-wrapper input::-ms-input-placeholder{color: #666666;font-size:14px;}
.search-wrapper .form-control{padding:0 10px;font-size:14px;border-radius:6px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);    border: 0;background: rgb(255,255,255,0.9);}
.search-wrapper .form-group{position:relative;overflow: hidden;}

.search-wrapper .tj{position:absolute;width:45px;background: url(../../../style/images/custom/search.png) no-repeat center ;right:0;top:0;}
.search-wrapper .adSearch{font-size: 14px;color:#fff;font-weight: bold; float: right;}

.search-wrapper select { width: 85px; height: 37px; font-size: 15px; border: none; padding-left: 15px; background: url(../../../style/images/custom/select_arrow.png) no-repeat scroll 80% center rgb(255,255,255,0.9);color: #666666;     border-radius: 4px 0 0 4px;} 
.search-wrapper .form-control {  border-right: none; border-radius: 19px; margin-left: 0; } 



.m50{margin-bottom: 50px;}

.banner-swiper { overflow: hidden;position: relative;margin-bottom: 35px;}
.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: flex;}
.banner-swiper .swiper-button-prev:after{content: "\e779";font-family: commoniconfont;font-size: 36px;}
.banner-swiper .swiper-button-next:after{content: "\e775";font-family: commoniconfont;font-size: 36px;}
.banner-swiper .swiper-button-prev{left: 20px;width: 50px;height: 50px;background: rgba(0,0,0,0.5);border-radius: 50%;}
.banner-swiper .swiper-button-next{right: 20px;width: 50px;height: 50px;background: rgba(0,0,0,.5);border-radius: 50%;}
.banner-swiper .swiper-slide{display: block;}
.banner-swiper .swiper-slide > div{padding-top: calc((380 / 900) * 100%);height: 0; }
.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: 18px;color: #fff;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.banner-swiper .swiper-slide a{width: auto;}
.main .banner-swiper .swiper-pagination{  bottom: 20px;left: auto;right: 20px; width: auto;}
.main  .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{width: 11px;height: 11px;background: #fff;border-radius: 50px;margin: 0 5px;opacity: 1;}
.main  .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #F2B126;;}
.banner-swiper .swiper-title-wrap{position: absolute;left: 0;right: 0;bottom: 0; text-align: center;    display: block;height: 99px; background: linear-gradient(to top, rgba(0, 0, 0,0.65), transparent);;}
.banner-swiper .swiper-title-wrap .swiper-title{position: absolute; left: 20px;right: 20px;  bottom: 15px; font-weight: bold;font-size: 18px;color: #fff;}
.swiper-title{max-width: 80%;}


.tsg{margin-bottom: 40px;}
.tsg  ul{flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.tsg li{width: 25%;padding: 0 10px;text-align: center;}
.tsg li a{display: block;width: 100%;padding:  0; height: 68px;    line-height: 68px;color:#fff;font-size: 20px;font-weight: bold; text-decoration: none;background: #042872;box-shadow: 0px 3px 7px 0px rgba(0,11,35,0.45);border-radius: 10px;}
.tsg li .commoniconfont{font-size: 32px;margin-right: 5px; font-weight: normal;color: #fff; }
.tsg li .icon-toudi{font-size: 38px;}
.tsg-text{line-height: 1;top: -5px;position: relative;}
.tsg li:hover a{background: #f2b126;}
.tsg-en .commoniconfont{display: none;}
.tsg-en  .tsg-text{position: static;}

.comwrap{padding: 22px 24px 24px 20px; background: #F7F9FD;box-shadow: 0px 3px 5px 0px rgba(0,4,12,0.13);margin-bottom: 30px;}
.com-box{position: relative;margin-bottom: 15px;border-bottom: 2px solid #042872;;}
.com-box .comtit{position: relative;line-height: 1; padding:0 0 10px 0;background: none; font-size: 20px;color: #042872; font-weight: bold;}
.com-box .more{position: absolute;right: 0;top: 2px; font-size: 14px;color: #666;}
.comlist li{position: relative; line-height: 1.4;}
.comlist li a{font-size: 16px;color: #222;}
.comlist li + li{margin-top: 10px;}
 .comlist li a:hover, .ranking .tab-content li a:hover{text-decoration: none;color: #042872;}
 

.comlist li .date{display: block;font-size: 15px;color: #666;margin-top: 3px;}
.comlist li .date .commoniconfont{font-size: 16px;margin-right: 5px;color:#042872;}
.comlist li .date2{font-size: 16px;color: #666;margin-left: 20px; }
.bjbgg li {padding-left: 20px;position: relative;}
.bjbgg li:before{content: "\e642";font-family: commoniconfont; position: absolute;left: 0;top: 3px; color: #f3b464;;}
.bjbgg li a:after{content: '';margin-right: 20px;}
.bjbgg li .date2{position: relative;}
.bjbgg li .date2:before{content: '';position: absolute;left: -20px;top: 2px; width: 1px;height: 17px;background: #b0b0b0;}

.xzzx li{position: relative; padding-right: 30px;}
.xzzx li:after{content: "\e60b";font-family: commoniconfont; position: absolute;right: 0;top: 0; vertical-align: middle;font-size: 21px;color: #042872;}
.xzzx li a{ white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display:block; }
.xzzx li,.yqlj li{position: relative;padding-left: 15px;}
.xzzx li:before,.yqlj li:before{content: '';position: absolute;left: 0;top: 5px; width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #F29926;}

.video-box {height: 159px; position: relative; border-radius: 8px;overflow: hidden;}
.video-title {position: absolute;left: 0;right: 0;bottom: 0; display: block;font-size: 16px;color: #fff;padding: 10px 10px 0 10px;  height: 44px;background: linear-gradient(to top, rgba(0, 0, 0,0.65), transparent);}
.video-box .img-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.video-box .commoniconfont{font-size: 46px;text-shadow: 0 0 3px rgba(6,20,48,0.29);   color: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-title:hover{color: #fff;}


.ranking-en .nav li a span{display: block;text-align: center;}
.ranking-en.comwrap .nav-tabs>li>a{font-size: 14px;}
.ranking .tab-content li{position: relative; padding-left: 30px;min-height: 66px;}
.ranking .tab-content li a{font-size: 16px;color: #222;line-height: 1.2;}
.ranking .tab-content li + li{margin-top: 10px;}
.comwrap.ranking-en .nav-tabs>li{width: 33.333%;margin: 0;padding: 0 1px;;}
.comwrap.ranking-en .nav-tabs>li a{height: 56px;line-height: 1.2;padding: 10px 0;}
.comwrap.ranking-en .nav-tabs>li a span{display: block;text-align: center;}
.comwrap .nav-tabs{    border-bottom: 2px solid #042872;margin-bottom: 15px;}
.comwrap .nav-tabs>li.active>a, .comwrap .nav-tabs>li.active>a:focus, .comwrap .nav-tabs>li.active>a:hover{color: #fff; border: 0;margin: 0;background: #042872;border-radius: 8px 8px 0px 0px;}
.comwrap .nav-tabs>li>a{min-width: 80px; text-align: center; font-size: 18px;color: #042872;font-weight: bold;background: none; border-radius: 0;border: 0;padding: 0 10px;height: 40px;line-height: 40px;margin-right: 0;}
.comwrap .nav-tabs>li{  width: auto;}
.comwrap .nav-tabs>li:last-child{margin-right: 0;}
.ranking  .abs-num,.ranking .pdf-num,.ranking .citedBy-num{font-size: 14px; color:#666666;}
.ranking .abs-num:before{content: "\e640";}
.ranking  .citedBy-num:before{content: "\e60b"; }
.ranking .pdf-num:before{content: "\ec81";}
.ranking .abs-num:before ,.ranking .pdf-num:before,.ranking .citedBy-num:before {position: relative;top: 2px; color: #838383; font-family: "commoniconfont" !important;font-size: 18px;margin-right: 2px;font-weight: 400;}
.ranking .num{position: absolute;left: 0;color: #dfe1e5;font-size: 35px;font-style: italic;}


.journal-info.comwrap{padding: 25px 35px 20px 35px;font-size: 16px;color: #222;line-height: 1.5;}
.cover-box{text-align: center;margin-bottom: 15px;}
.cover-box img{width: 280px;max-width: 100%;}
.cover-bottom * + *{margin-top: 6px;}
.cover-bottom .zb{position: relative;padding-left: 36px;}
.cover-bottom .zb strong{position: absolute;left: 0;}
.issn-cn p > span:nth-child(2){margin-left: 20px;}
.qrcode-box{text-align: center;}
.qrcode-box img{width: 174px;height: 174px;margin:0 auto 10px auto;display: block;}



#myTabContent .article-list{padding:20px 0;}
.cat-box > div:nth-child(2) .commoniconfont{background: #29b7db;}
.catalog a{display: inline-block; font-size: 14px;color: #042872;height: 28px;line-height: 28px;padding: 0 10px;text-decoration: none; background: #E4EAF4;border-radius: 4px;margin-right: 15px;}
.catalog a:hover,.column ._table:hover{background:#042872;color: #fff;}
.column ._table{font-size: 15px;font-weight: bold;color: #042872;height: 28px;line-height: 28px;padding: 0 10px; background: #E4EAF4;border-radius: 4px;}
.cur-date-pub,.cur-date{font-size: 16px;color: #222222;height: 28px;line-height: 28px;}
.column{border: 0;margin-right: 16px;}
.column i{line-height: 28px;}

/*首页tab切换*/
.index-articles #myTab{white-space: nowrap;}
.index-articles  .tab-ul-index li{display: inline-block;float: none;width: auto;padding: 0 10px;}
.index-article-box{margin-top: 20px;}

.index-articles .tab-ul-index li{padding: 0 20px;display: inline-block;float: none;}
.index-articles .tab-box{border-top: 3px solid #042872;}
.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: 46px;line-height: 46px; font-size:20px;font-weight:bold;color: #222;  text-decoration: none;}
.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: #042872;border-radius: 0px 0px 8px 8px;} 
.tab-ul-index li.active a{color:#fff; }

.pre-issue a{font-size: 14px;color: #333333;font-weight: bold;text-decoration: none;}
.pre-issue  .commoniconfont{margin-right: 5px;font-weight: normal;font-size: 12px;color: #042872;position: relative;top: 1px;}


.index-body .article-list-journalg{margin-top: 20px;}
.article-list-journalg{position: relative; background: none;line-height: 1;padding: 0;width: 100%;}
.article-list-journalg  a{ position: relative;display: inline-block;padding: 0;color: #f29926;font-weight: bold; font-size: 16px;}
.article-list-journalg  a:hover{color: #ef6500;;}
.article-list-journalg{  margin-top: 0; margin-bottom: 5px;}
.article-list-journalg a{ padding-right: 10px; background: #fff;z-index: 1; }
.article-list-journalg::after{content: '';position: absolute;left:0;right:0;top: 11px; height: 2px; background: linear-gradient(to right, #f29926,transparent);}

.index-articles  .article-list{padding-left:0;padding-right:0;}
.index-articles .toolBoxBorder{margin-bottom:0;}

.article-list .article-list-title, .article-list .article-list-author,.article-list .article-list-time{-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.article-list:hover .article-list-title, .article-list:hover .article-list-author,.article-list:hover .article-list-time{padding-left: 10px;}
.article-list{padding: 20px 0px 20px 30px;border-bottom: 1px solid #E3E3E3;;}
.article-list-table {padding:18px 20px 18px 30px;}
.article-list-title a{font-size: 18px;color: #222;line-height: 1.2;}
.article-list-zy{margin-top:16px;}
.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 .article-list-time font a{font-size: 14px;color: #666;line-height: 18px;}
.article-list-zy font,.article-list-zy a{font-size: 14px; color:#003766;}
.article-list-zy font{border-radius: 13px;border: 1px solid #042872;padding: 0 19px;}
.article-list-zy .font1{padding-left:19px;}
.article-list-zy font a{color: #042872;line-height: 24px;}

.article-list-zy font:hover{background:#042872;}
.article-list-zy font:hover a{color: #fff;text-decoration: none;}
.article-list-title{margin-bottom: 10px;}
.article-list-author,.article-list-time{margin-bottom: 12px;}

.article-list .article-thumb{position: relative;width:205px;height:130px;border: 1px solid #EEEEEE;float:left;overflow: hidden;}
.article-list .article-thumb img{max-width:100%;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);transition: 0.2s;}
.article-list .article-thumb img:hover{transform: translate(-50%, -50%) scale(1.2);}
.article-thumb + .article-info-box{width:calc(100%  -  225px); margin-left:20px;float:left;}

.article-list-title a:hover, .article-list-author a:hover, .article-list-time a:hover, .article-list-keywords a:hover,.article-list .article-list-time font:hover a{text-decoration: none; color: #042872;}


.article-list-zy font + font{position: relative; margin-left: 15px;}
.article-num {float: right;line-height: 26px; }
.article-num span{display: inline-block; padding-left: 20px;font-size: 14px;color: #666;margin-left: 20px;}
.article-num .abs-num,.article-num .pdf-num,.article-num .citedBy-num{position: relative; font-family: "commoniconfont" !important;font-size: 14px;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;    min-height: 26px;}
.article-num .abs-num::before,.article-num .pdf-num::before,.article-num .citedBy-num::before{position: absolute;left: 0;top:2px;    font-size: 18px;line-height: 24px;}
.article-num .abs-num::before{content: "\e640";}
.article-num .pdf-num::before{    content: "\e6e7";font-size: 20px;}
.article-num .citedBy-num::before{    content: "\ec81";}




.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 ,.footer p,.footer a{font-size: 15px;color: #fff;}
.footer .bottom{padding: 25px 0 25px 0;background: url(../../../style/images/custom/footer.jpg) no-repeat center center;background-size: cover;}
.footer-left p > span{margin-right:  10px;}
.footer-left p  + p{margin-top: 10px;}
.footer-left ,.footer-right{padding: 0;}
.footer-qrcode{margin-left: 10px;}
.footer-qrcode img{width: 114px;}
.footer-alert-rss{margin-top: 30px;}
.footer-alert-rss a{font-size: 14px;color: #fff;}
.footer-alert-rss a:before{font-size: 25px;margin-right: 10px;}
.footer .btmb{background: #031f59;border-top: 1px solid #1c3d81;padding: 5px 0;font-size: 15px;}


/*视频列表*/
.video-column-list{    display: flex; flex-wrap: wrap;}
.video-column-list li{margin-bottom: 20px;}
.video-column-list .col-md-3 >div{min-height: 190px;border-radius: 5px;overflow: hidden;}
.video-column-list .video-img{position:relative;display:block;padding-top:calc(175 / 302 * 100%);margin-bottom: 15px;box-shadow: 0 0 5px 1px  rgba(0,0,0,0.6);}
.video-column-list .video-list-title{padding: 0;height: auto;font-size: 16px;color: #222;}
.video-column-list .col-md-3 .video-list-title{min-height:80px;font-size:18px;color: #222;line-height: 22px;margin-bottom: 15px;}
.video-column-list .date {font-size: 14px;color: #666;margin-top: 10px;height: 20px;line-height: 20px;}
.video-column-list .date .commoniconfont{margin-right: 7px;}
.video-column-list .commoniconfont{position: absolute;left: 10px;bottom: 10px;font-size: 36px;color: #fff ;text-shadow: 0 0 5px rgba(0,0,0,0.5);text-align:center;}
.clear-three,.clear-tow{display:none;width: 100%;height: 1px; clear: both;}

.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;}
.listp {padding-left: 0;}
.listp  a{color: #222;}
.listp  > i{color: #666;}
.journalIssue, .commontit,.box-article h3{font-size: 22px;}

#cc{display:block;width:150px;margin:5px 0 10px;}
.cc-wrap{margin-bottom:20px;}

@media only screen and (min-width: 1330px){
body .container{width: 1300px;}
.logowrap .div-flex{height: 100%;}



}

@media only screen and (min-width: 1199px){
.main-left{width: 69%;float: left;}
.main-right{float: left; width: calc(31% - 50px);margin-left: 50px;}

.main-left,.main-right{padding: 0;}


}

@media (max-width: 1200px) and (min-width:992px){
.main > .container{display: block;}
}


@media (max-width: 1330px) {
.header .logo img{max-width: 545px;height: auto;}
}
@media only screen and (max-width: 1199px){
.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){
.tsg{margin-bottom: 10px;}
.banner-swiper,.journal-info.comwrap{margin-bottom: 20px;}
.cur-date,.cur-date-pub{display: none;}
}


@media only screen and (max-width: 767px){
.tsg li{width: 50%;margin-bottom: 10px;}
.tsg-en li{width: 100%;}
.tsg li a{height: 50px;line-height: 50px;}
.tsg li .commoniconfont{font-size: 25px;}

.banner-swiper .swiper-title-wrap .swiper-title,.tsg li a{font-size: 16px;}
.main .banner-swiper .swiper-pagination,.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{display: none;}
.swiper-title{max-width: none;}

}



@media only screen and (max-width: 560px){
.article-list .article-thumb{width: auto;float: none;margin-bottom: 10px;}
.article-thumb + .article-info-box{width: auto;float: none;margin: 0;}
.footer-alert-rss{float: none;}
}
