/*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:#03C1F7;}
.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:#00448f;}
.guokan-tit h2{color:#00448f;}
.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:#00448f url("../../../style/images/public/back_top.png") no-repeat center center;display:none;}
.arcmethod li.active,.phone-nav{border-color:#00448f;}
.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, .special-title a{color:#00448f;text-decoration:none;}
#page-tag-div .pagination > .active > a{border-color:#00448f;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background:rgba(15,105,204,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: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,0.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{max-width:32%;}
.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,0.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,0.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{height:25px;}
.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 > li{float:left;position:relative;padding:0 20px;}
.top .nav li a{color:#fff;font-size:18px;display:block;text-align:center;padding:0;text-decoration:none;}
.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{padding:0 2px;}
.header-nav ul > li > a span{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:#03C1F7;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::before,.smallUl > li > a span::before{background:none;content:"\e65c";color:#fff;font-size:16px;font-family:pressconfont;}
.search-btn{font-size:20px;text-shadow:1px 2px 6px rgba(0,0,0,0.82);}
/**********************************/

.main{padding-top:30px;padding-bottom:50px;}
.index-body .main{padding-bottom:0;}
.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;}
.header .logowrap,.header .logo,.logor{height:100px;}
.header .logowrap{background:url(../../../style/images/custom/header_bg.jpg) no-repeat center center / cover;}
.header{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);}
.header .logo{border:none;}
.header .logor{position:relative;padding-right:200px;}
.header .logor li{background:transparent;line-height:30px;color:#000;font-size:16px;position:relative;}
.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:4px solid #03C1F7;background:none;}
.header-nav ul > li ol{background:#03C1F7;}
.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;}
.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;}

/* 顶部投稿按钮 */
.header-dropdown{position:absolute;right:0;}
.dropdown-menu{display:none;}
.dropdown-menu.active{display:block;}
.header-dropdown button,.search-dropdown button{width:124px;height:38px;font-size:16px;color:#fff;border-radius:4px;border:1px solid #FFFFFF;background:none;text-align: left;padding-left: 20px;}
.header-dropdown button::after{content:"\e60b";font-family:pressconfont;position:absolute;right:10px;top:11px;font-size:13px;}
.header-dropdown .dropdown-menu,.search-dropdown .dropdown-menu{position:absolute;left:0;top:38px;padding:10px 0;;min-width:100%;border-radius:0 0 5px 5px;background:#fff;}
.header-dropdown .dropdown-menu div,.search-dropdown .dropdown-menu div{padding:5px 10px;}
.header-dropdown .dropdown-menu div:hover,.search-dropdown .dropdown-menu div:hover{background:#003388;color:#fff;cursor:pointer;}
.search-dropdown{width:274px;height:53px;background:#FFFFFF;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.15);}
.search-dropdown button{width:100%;height:100%;font-size:15px;color:#222;text-align:left;padding-left:15px;}
.search-dropdown button:after{content:"\e72e";font-family:pressconfont;position:absolute;right:20px;top:15px;}
.header-dropdown .dropdown-menu{    width: 300px; right: 0; left: auto;}
@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-family:"Source Han Sans SC","Noto Sans SC",Helvetica,Georgia,Arial,sans-serif;font-size: 16px;color: #222;}
.p50{padding-top:50px;padding-bottom:50px;background:#fff;}
.m25{margin-bottom:25px;}
.com-tit-box{position:relative;margin-bottom:35px;}
.com-tit-box .com-tit{font-size:28px;font-weight:bold;color:#222;text-align:left;}
.com-tit span{position:relative;}
.com-tit span::before,.com-tit span::after{content:"";position:absolute;top:15px;width:100px;height:2px;background:#333;}
.com-tit span::before{left:calc(100% + 40px);}
.com-tit span::after{right:calc(100% + 40px);}
.index-body .com-tit{text-align:center;}
.com-tit{position:relative;z-index:1;}
.index-body .main{padding-top:0;}
.banner-bg{position:relative;}
/* banner */
.banner{position:relative;}
.banner .swiper-slide .zoomImage{width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.banner-swiper .swiper-slide{background:#fff;justify-content:space-between;align-items:flex-start;}
.banner .zoomImage .container{position:relative;}
.banner .zoomImage .container .con{height:0;padding-top:calc((414 / 1400) * 100%);}
.main-pagination{position:relative !important;height:10px;text-align:center;top:10px;left:50%;transform:translateX(-50%) !important;white-space:nowrap;}
.banner .banner-swiper .swiper-pagination-bullet{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.6);margin:0 5px;cursor:pointer;opacity:1;}
.banner .banner-swiper .swiper-pagination-bullet-active{background:#fff;}
.banner .banner-swiper .swiper-pagination{bottom:15px;}
.banner .banner-swiper .swiper-button-next,.banner .banner-swiper .swiper-button-prev{width:36px;height:36px;line-height:36px;border-radius:50%;color:#fff;text-align:center;background:rgba(0,0,0,0.64);}
.banner .banner-swiper .swiper-button-next:after,.banner .banner-swiper .swiper-button-prev:after{font-family:pressconfont;color:#fff;font-size:23px;}
.banner-swiper .swiper-button-prev:after{content:"\e622";}
.banner-swiper .swiper-button-next:after{content:"\e621";}
.banner-swiper .swiper-button-prev{left:18px;}
.banner-swiper .swiper-button-next{right:18px;}
.banner-bottom{background:#ECF0F8;}
.banner-bottom > .container{position:relative;}
.banner .con > div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:678px;padding:35px 40px;background:rgba(0,0,0,0.57);}
.banner .con .banner-title{font-weight:bold;font-size:24px;color:#fff;line-height:1.5;}
.banner .con .banner-author{margin-top:10px;}
.banner .con .banner-author,.banner .con .banner-author a{font-size:14px;color:#fff;line-height:1.5;}
.search-wrapper{padding:20px 0;}
.search-wrapper select{width:145px;height:50px;font-size:16px;border:none;padding-left:30px;background:url(/images/custom/nav-arrow2.png) no-repeat scroll 80% center #fff;color:#222222;outline:none;}
.search-wrapper .form-control{border-right:none;border-radius:0;margin-left:0;}
.search-wrapper .form-group,.search-wrapper .tj{margin-bottom:0;border-right:0;}
.search-wrapper .form-control{height:38px;}
.search-wrapper .searcontent,.search-wrapper .tj{height:53px;line-height:53px;}
.search-wrapper .searchInput{width:100%;}
.search-wrapper .searchInput{margin-left:20px;width:calc(100% - 400px);background:#fff; }
.search-wrapper input::input-placeholder{color:#ABABAB;font-size:15px;}
.search-wrapper input::-webkit-input-placeholder{color:#ABABAB;font-size:15px;}
.search-wrapper input::-moz-placeholder{color:#ABABAB;font-size:15px;}
.search-wrapper input::-ms-input-placeholder{color:#ABABAB;font-size:15px;}
.search-wrapper .searcontent{width: 100%;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display:block;}
.search-wrapper .form-control{width: 100%; padding:0 10px;font-size:18px;border:none;outline:none;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.15);}
.search-wrapper .submit-box{position:absolute;right:0;top:0;width:118px;height:53px;}
.submit-box .tj{width:100%;height:100%;line-height:53px;padding-left:20px;font-size:15px;color:#fff;background:#003388 url(../../../style/images/custom/search.png) no-repeat center left 20px;background-size:18px 18px;}
.search-con{position:relative;width:calc(100% - 165px);border-radius:30px;}
#AdvanceSearchA{width:165px;text-align:center;color:#002FA7;font-weight:bold;line-height:53px;}

/* #indexJournals .swiper-slide{text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px) / 2) !important;}
.index-journal-swiper-wrapper{display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px;}
#indexJournals .swiper-slide{background:none;} */
#indexJournals .journal-img-item{width:16.666%;padding:0 20px;float: left;margin-bottom: 30px;}
.index-journal-a{position:relative;display:block;}
.index-journal-img{overflow:hidden;box-shadow:0px 1px 17px 1px rgba(9,18,45,0.11);}
#indexJournals img{aspect-ratio:  210 / 286 ;  z-index:1;position:relative;width:100%;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.2);transition:all ease 0.3s;}

#indexJournals{position:relative;}
#indexJournals .journal-img-item{position: relative;transition: all 0.2s;}
#indexJournals .journal-img-item:hover{transform:translateY(-10px)}
/* 特刊 */
.index-special-box{display:flex;flex-wrap:wrap;margin-right:-40px;}
.index-special-list{width:calc(50% - 40px);margin-right:40px;margin-bottom:35px;}
.index-special-list > div{height: 100%; padding:25px;background:#F0F3F6;}
.index-special-list .special-thumb{position:relative;float:right;width:174px;height:104px;overflow: hidden;background:#ffffff;border:1px solid #e1e1e1;}
.index-special-list .special-thumb img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;transition: all 0.2s;}
.index-special-list .special-thumb:hover img{transform:translate(-50%,-50%) scale(1.2);}
.index-special-list .special-thumb + .special-info-box{float:left;margin-right:25px;width:calc(100% - 199px);}
.special-title{margin-bottom:10px;}
.special-title a{font-weight:bold;font-size:17px;color:#222222;line-height:1.3;}
.special-title a:hover{color:#00448f;}
.special-author,.deadline-journal{font-size:14px;color:#666;}
.deadline-journal{display:flex;justify-content:space-between;margin-top:10px;}
deadline-journal a{text-decoration: none;}
.index-more{position:relative;text-align:center;margin-top:30px;}
.index-more::before{position:absolute;left:0;top:15px;content:"";height:1px;width:100%;background:#DEDEDE;z-index:0;}
.index-more a{position:relative;display:inline-block;width:100px;height:36px;line-height:36px;font-size:14px;color:#666;background:#FFFFFF;border:1px solid #DEDEDE;}
.index-more a:before,.index-more a:after{position:absolute;content:"";width:20px;height:20px;background:#fff;}
.index-more a:before{left:-21px;}
.index-more a:after{right:-21px;}
.index-more a:hover{background: #00448f;color: #fff;text-decoration: none;}
/* 首页推荐文章 */
.index-recommend-articles,.online-now,.index-ranking,.index-collaborators,.index-journals,.index-special-articles{padding:60px 0 0 0;position:relative;}
.index-recommend-box > div,.online-now-box > div{display:flex;flex-wrap:wrap;}
.index-recommend-box > div .article-list,.online-now-box > div .article-list{position: relative; width:calc(25% - 30px);margin-right:30px;padding:0 0 40px 0;}
.index-recommend-box > div .article-list .article-list-date,.online-now-box > div .article-list .article-list-date, .online-now-box .article-list-zy{position: absolute;bottom: 10px;display: flex;   width: 100%;}
.index-recommend-box > div .article-list .article-list-date{    justify-content: space-between;}
.online-now-box .article-list-zy font {position: relative;}
.online-now-box .article-list-zy font + font::before{content: '';width: 2px;height: 15px;position: absolute;left: 0;top: 8px;background: #CAC6C6;}
.article-list{overflow: visible;}
.index-body .article-list{border:0;}
.index-body .article-thumb{border:1px solid #E9E9E9;margin-bottom:8px;overflow: hidden;}
.index-body .article-thumb a{position:relative;display:block;height:0;padding-top:calc(200 / 330 * 100%);}
.index-body .article-thumb a img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);transition: all 0.2s;}
.index-body .article-thumb a:hover img{transform: translate(-50%,-50%) scale(1.2);}
.article-list-zy font{padding:0 20px 0 20px;}
.article-list-zy font:nth-child(1){padding-left: 0;}
.column-open{display:block;font-size:14px;color:#666;margin-bottom:10px;}
.column-open .opan-access{color:#ff6600;}
.article-list-title,.article-list-author{margin-bottom:5px;}
.article-list-title a{font-size:17px;color:#222;line-height:1.5;font-weight:bold;}


.article-list-journalg{position:relative;width:100%;margin-top:20px;margin-bottom:10px;line-height:1;padding:0;background:none;}
.article-list-journalg a{position: relative; color:#4B4B4C;display:inline-block;padding:0 15px 0 0;margin-right: 15px ;background:none;line-height:1;z-index:1;font-size:16px;width: 160px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.article-list-journalg a::after{content: "";position: absolute;right: 0;top: 0;  width: 1px;height: 20px;background: #AFB0B3;}
.article-list-journalg a:hover{color:#4B4B4C;text-decoration:none;}
.article-list-journalg span{color: #F78312;font-size: 16px;}



/* online */
#onlineSwiper{overflow:hidden;position: relative;padding: 0 40px;margin-bottom: 40px;}
#onlineSwiper::after { content: ""; position: absolute;
  right: 0;
  top: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(to right, transparent, white);
  pointer-events: none; z-index: 1;}
#onlineSwiper .swiper-slide{width: auto; color:#868686;}
#onlineSwiper .swiper-slide a{color: #868686;text-decoration: none;}
#onlineSwiper .swiper-slide.active a{color:#222;font-weight: bold;border-bottom: 3px solid #222;}
#onlineSwiper .custom-swiper-button-prev, #onlineSwiper .custom-swiper-button-next{position: absolute;top: 1px;color: #A9A9A9; z-index: 2;cursor: pointer;}
#onlineSwiper .custom-swiper-button-prev {left: 2px;}
#onlineSwiper .custom-swiper-button-next{right: 2px;}

/* 排行 */
.ranking-mark{font-size:16px;color:#868686;}
.index-ranking-box{overflow:hidden;}
 #rankingSwiper .article-list{padding: 0;}
 #rankingSwiper .swiper-pagination-bullet, .index-collaborators .swiper-pagination-bullet{width: 12px;height: 12px;background: #FFFFFF;border-radius: 50%;border: 1px solid #555555;}
 #rankingSwiper .swiper-pagination-bullet-active, .index-collaborators .swiper-pagination-bullet-active{background: #002FA7;}
.ranking-pagination, .collaborators-pagination{text-align: center;margin: 20px 0;}

 #rankingSwiper .num{ position: absolute;right: 5px;bottom: 0;font-size: 69px;font-family: Arial;font-weight: bold;  color: rgba(208, 208, 208, 0.3);line-height: 1;font-style: italic;}


/* Collaborators */
.index-collaborators-box{overflow:hidden;}
#collaboratorsSwiper .swiper-slide{padding:0 14px;background:#FFFFFF;border:1px solid #E1E1E1;}
#collaboratorsSwiper .swiper-slide:hover{border: 1px solid #002FA7;}
#collaboratorsSwiper a{display:flex;flex-direction:row;align-items:center;height:85px;}
#collaboratorsSwiper a span{ display:block;width: calc(100% - 45px);  font-size:14px;color:#222;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
#collaboratorsSwiper .img-box{position:relative;width:45px;height:60px;}
#collaboratorsSwiper .img-box img{width: 30px; max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}



.journal-type-box{margin-bottom: 7px;}
.journal-type-box .journal-type-tit{font-weight: bold;float: left;width: 66px;}
.journal-type-box .classlist .curr a{color: #ff0000;}
.journal-type-box .classlist i{padding-right:15px;display: inline-block;margin-bottom:10px;font-style:normal;}
.journal-type-box .classlist i:first-child{padding-left:0;}
.journal-type-box .classlist i:last-child span{margin-left:0;}
.journal-type-box .classlist i span{display:inline-block;position:relative;top:2px; width:2px;height:15px;margin-left:20px; background:#7d7d7d;}
.journal-type-box .journal-type-tit{padding-top: 2px;}
.journal-type-box td i{display:block;float:left;border:0;padding: 0;height:22px;border-radius:3px;text-align:center;margin-right:4px;}
.journal-type-box td i a{padding: 0 5.5px;color: #666;}
.journal-type-box td i.curr a{font-weight:bold;}
.journal-type{border-bottom:solid 1px #e2e2e2;padding-bottom:2px;margin-bottom: 30px;}


.journals-content-ul {display: flex;margin-right: -30px;flex-wrap: wrap;}
.journals-content-ul li {display: flex;width: calc(50% - 30px);margin-right: 30px;padding: 20px 15px;box-shadow: 0 0 2px rgba(0,0,0,0.1);margin-bottom: 30px;    min-height: 275px;}
.li-div {background: #fff;display: flex;}
/* .journals-content-ul li+li{border-top: 1px solid #ddd;} */
.journals-content-ul li:nth-of-type(2){border-top: none!important;}
.issue-l {display: flex;width: 170px;align-items: center;justify-content: center;overflow: hidden;margin-right: 15px;box-shadow: 0px 2px 5px 1px rgba(94,135,176,0.2);}
.issue-tit a{color: #222;text-decoration: none;}
.issue-l img {max-width: 100%;width: 100%; transition: all .3s;/*height: 100%;object-fit: cover;*/}
.journals-content-ul li:hover img {transform: scale(1.05);}
.issue-tit {font-size: 18px;font-weight: bold;color: #222;/*padding-left: 15px;*/position: relative;margin-bottom: 12px;}
/* .issue-tit::before {content: '';width: 5px;height: 100%;border-radius: 3px;background-color: #E60012;position: absolute;left: 0;} */
.issue-intro {height: 74px;font-size: 14px;line-height: 18px;color: #666;cursor: pointer;margin-bottom: 5px;}
.issue-intro-e {-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 100%;}
.issue-website a, .issue-email a {color: #152e70;}
.issue-r {position: relative;width: calc(100% - 185px);}
.issue-r div{margin-top: 5px;}
.issue-tsg {position: absolute;bottom: 0;display: flex;}
.issue-tsg a{display:flex;padding:0 20px;height: 30px;border: 1px solid #ff7327;color:#ff7327;border-radius: 20px;text-align: center;line-height: 30px;font-size: 15px;font-weight: normal;transition: all 0.3s ease; align-items: center;justify-content: center;}
.issue-tsg a:hover{background: linear-gradient(0deg, #ff7327, #ff7327);text-align: center;color: #FFF;}
.issue-tsg a:not(:last-of-type) {margin-right: 15px;}
.issue-tsg a:hover {text-decoration: none;color: #fff;top: -1px;position: relative;}




.main{padding-top:30px;}
@media only screen and (min-width:1430px){body .container{width:1400px;}
}
@media only screen and (max-width:1530px){}

@media (max-width: 1200px){
.banner-search{display: none;}
.index-recommend-box,.online-now-box {overflow: auto;overflow-y: hidden;}
.index-recommend-box > div ,.online-now-box > div{width: 1200px;}
.index-recommend-box::-webkit-scrollbar ,.online-now-box::-webkit-scrollbar {width: 5px;height: 5px;}
.index-recommend-box::-webkit-scrollbar-track ,.online-now-box::-webkit-scrollbar-track {border-radius: 5px;background-color: #eee;}
.index-recommend-box::-webkit-scrollbar-thumb ,.online-now-box::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #777;}
}



@media only screen and (min-width:1200px){}
@media only screen and (max-width:1199px){
    #indexJournals .journal-img-item{width: 25%;}
}
@media only screen and (max-width:992px){
.index-special-box .index-special-list {width: 100%;}

.journals-content-ul{display: block; margin: 0;}
.journals-content-ul li{width: auto;}
.statistics-data li b{font-size: 28px;}
.issue-tsg a{font-size: 13px;}
.index-special-box .index-special-list,.index-special-box{margin-left: 0;margin-right: 0;}

    
}
@media only screen and (max-width:768px){
    .journals-content-ul li{margin-left: 0;margin-right: 0;}
    .journal-type-box {margin-left: 15px;margin-right: 15px;;}
    .banner .con .banner-author{display: none;}
    .banner .zoomImage .container .con{padding-top: 0;height: 180px;}
}

@media only screen and (max-width:560px){
.banner .con > div{padding: 15px;width: 90%;left: 5%;}
.banner-swiper .swiper-slide .zoomImage{min-height: 180px;}
.banner .con .banner-title{font-size: 16px;display: block;  display: -webkit-box;
  -webkit-line-clamp: 3;        /* 限制显示 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  }
 #indexJournals .journal-img-item{width: 50%;}
 .com-tit span::before, .com-tit span::after{display: none;}
 .index-special-list .special-thumb{float: none; width: 100%;margin-bottom: 10px;}
 .index-special-list .special-thumb + .special-info-box{float: none;margin-right: 0;width: auto;}
 .deadline-journal{flex-wrap: wrap;}
 .deadline-journal > div{width: 100%;}

}
@media (-webkit-min-device-pixel-ratio:1.5){}
@media (-webkit-min-device-pixel-ratio:1.2){}