/*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;}

.mainColor,.reference-tab .td2 a, .article-list a .mainColor{color:#015aa0;} 


.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: #1c4a8d;}

.guokan-tit h2{color:#1c4a8d;}


.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{text-decoration: underline;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #1c4a8d 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:#1c4a8d!important; text-decoration: none;}
#page-tag-div .pagination>.active>a{border-color:#1c4a8d;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(28,74 ,141, 0.9);}
.smallUl li > a:hover,.smallUl li > a{color: #fff;}
.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: #1c4a8d 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 {position: relative; margin-right: 50px;}
.header .logo:after{content: '';position: absolute;top: 0;right: -25px;  width:1px;height: 77px; background: url(../../../style/images/custom/line.png) center center;}
.header .logo img{max-width: 100%;display: inline;}
.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: 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;}
.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: 40px;line-height: 40px;text-align: center;background: #1c4a8d;}
.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 ;}
.top .nav ul li a:hover{text-decoration: none;}
.nav-second{display: none;position: absolute;z-index: 100;}
.header-nav .container{padding:0;}
.header-nav  .nav-inner{position: relative;display: block;}
.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: 18px;padding:0 23px;}
.top .nav.header-nav ul > li {padding: 0 20px;min-width: 142px;}
.top .nav.header-nav ul > li.nav-rss,.top .nav.header-nav ul > li.nav-alert,.top .nav.header-nav ul > li.search-box {min-width: unset;}
.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: 40px; min-width: 100%; z-index: 101; display: none;    padding: 10px 0;    background-color: #fff;
    border: 1px solid #cfd5e4;}

.top .header-nav ul > li ol li a{font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #222; line-height: 34px;}
/*.top .header-nav ul > li ol li:hover{border-left: 2px solid #ddd;}*/
.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: 18px;}

/**********************************/
body{font-family: Arial, "微软雅黑"!important;color: #222;font-size: 18px;}

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

@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"; 
  src: url('../../../style/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-sousuoxiao:before {
  content: "\e8d6";
}

.icon-jiantou_liebiaoxiangyou:before {
  content: "\eb03";
}

.icon-you:before {
  content: "\e650";
}

.icon-zuo:before {
  content: "\e651";
}

.icon-denglu-copy:before {
  content: "\e63a";
}

.icon-a-xiala2:before {
  content: "\e621";
}

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

.icon-24gf-playCircle:before {
  content: "\ea82";
}

.icon-yonghu-yuan:before {
  content: "\e623";
}

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

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

.icon-xiazai2:before {
  content: "\e676";
}

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

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

.icon-linkedin-fill:before {
  content: "\eab1";
}

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


body{background: #f1f4f6;}
.index-body .main{padding-top: 0;}
@font-face { font-family: "Lora"; 
			src: url("../fonts/Lora-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Lora"; 
				src:  url("../fonts/Lora-Bold.woff") format("woff"), 
				 url("../fonts/Lora-Bold.ttf") format("truetype"),
				 url("../fonts/Lora-Bold.eot") format("embedded-opentype"),
				 url("../fonts/Lora-Bold.svg") format("svg"); font-weight: bold; font-style: normal; }				 
@font-face { font-family: "MONTSERRAT-REGULAR"; 
			src: url("../fonts/MONTSERRAT-REGULAR.TTF") format("truetype"); font-weight: bold; font-style: normal; }
body{font-family: Arial, "微软雅黑";}
.changeweb{display:block;float:right;padding: 0 10px;background:#1c4a8d;color:#fff!important;font-size:16px;border-radius: 10px;margin-bottom: 10px;font-weight: bold;line-height: 25px;}
.changeweb:hover{color:#fff;background: #2d5fa8;}

.top .header{height: 120px;}
.header .container{padding-left: 0;padding-right: 0;}
.header .container, .header .container > div{height: 100%;}
.logo img{height: 77px;}
.header-l {font-size: 0;}
.header-l span img{height: 30px;}
.header-l span{margin-right: 28px;}
.header-l > *{display: inline-block;}
.header-r a{font-size: 18px;color: #1c4a8d;font-weight: bold;}
.header-r .commoniconfont{position: relative;bottom: -5px; font-size: 30px;color: #1c4a8d; margin-left: 10px;line-height: 20px;}
.header-r a:hover{text-decoration: underline;}
.banner-box{margin-bottom: 30px;}
.banner-box .banner {position: relative; }
.banner-box  .banner  .item{padding-top:calc((430 / 1400) * 100%);    margin-top: 10px;}
.banner-box .banner .carousel-indicators{height: 25px; bottom: 10px; transform: translateX(-50%); font-size: 0;text-align: center;width: auto;margin: 0; padding: 7px 15px;background: rgba(0,0,0,0.5); border-radius: 20px;}
.banner-box .carousel-control{opacity:1;}
.banner-box .banner .carousel-indicators li{width: 10px;border:0;height: 10px;background: #fff;opacity:1;margin:0 5px;}
.banner-box  .carousel-indicators .active{background-color:#f0884f!important;opacity:1;border:0;}
.banner-box  .carousel-control-prev,.banner-box .carousel-control-next{    position: absolute;top:calc(50% - 50px); color: #004e90;    border: 0;background: no-repeat;}
.banner-box  .carousel-control-prev .commoniconfont,.banner-box  .carousel-control-next .commoniconfont{font-size: 50px;}
.banner-box  .carousel-control-prev .commoniconfont:hover,.banner-box  .carousel-control-next .commoniconfont:hover{color: #1c4a8d;}
.banner-box  .carousel-control-prev{left: 0;color: #fff;}
.banner-box  .carousel-control-next{right: 0;color: #fff;}
.banner-box .banner .container{position: relative; height: 100%;}
.banner-box .commoniconfont{font-size: 18px;position: relative;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.banner-box .banner .item a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.banner-container{padding-left: 0;padding-right: 0;}
.top .search-wrapper{width:520px;display:none;}
.search-btn{display:inline-block;color:#fff;cursor:pointer;text-align:right;}
.search-btn img{width:25px;height:26px;margin-right:5px;}
.search-box .search-wrapper{position:absolute;right:0;background:rgba(28,74,141,0.5);padding:20px 15px;z-index: 9;}
.search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;background:none;}
.search-wrapper .searcontent, .search-wrapper .tj{height: 35px;line-height: 35px;display: inline;}
.search-wrapper .searcontent {width:300px;border-radius:0; text-indent: 10px;border:1px solid #9e9e9e; }
.search-wrapper input::input-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-webkit-input-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-moz-placeholder{color: #999999;font-size:14px;}
.search-wrapper input::-ms-input-placeholder{color: #999999;font-size:14px;}
.search-wrapper .form-control{padding:0 10px;font-size:14px;border:0;border-bottom:1px solid #eee;box-shadow: none;}
.search-wrapper .form-group{margin-right:15px;position:relative;overflow:hidden;}
.search-wrapper .tj{position:absolute;width:42px;color:#fff;background: url(../../../style/images/custom/search_blue.png) no-repeat center center;    background-size: 22px 24px;right:0;top:4px;}
.search-wrapper .adSearch{font-weight:bold;font-size:16px;height:35px;margin-right:8px;;}
select{border: solid 1px #000;appearance:none; -moz-appearance:none; -webkit-appearance:none;-ms-appearance:none; background: url(../../../style/images/custom/select_arrow.png) no-repeat scroll right 5px center rgba(255, 255, 255, .2)!important; background:none\9;padding-right: 25px;padding-right:0\9;}
.search-wrapper .form-control{padding-left:0;}
.top .nav ul> .search-box,.top .nav ul> .nav-alert,.top .nav ul> .nav-rss{float: right;padding: 0;}
.top .nav ul> .nav-alert span,.top .nav ul> .nav-rss span{display: inline-block;width: 29px;height: 30px;border: 1px solid #FFFFFF;border-radius: 4px;}
.top .nav ul> .nav-alert span a,.top .nav ul> .nav-rss span a{line-height: 27px;}
.top .nav.header-nav ul > .nav-alert,.top .nav.header-nav ul > .nav-rss{padding: 0; margin-left: 15px;}
.search-box:after{content: '';position: absolute;width: 1px;height: 17px;background: #8ea5c6; right: 0;top: 12px;}
.top .nav ul> .search-box{margin-right: 10px;}

.search-btn .commoniconfont {margin-right: 8px;font-size: 18px;}
.guokan-tit h2, .commontit, .journalIssue,.journalIssue,.box-article h3{font-size:30px;}
.guokan-table td{font-size:18px;}
.com-bg{background: #fff;padding: 25px 25px;}
.com-tit-box {position: relative;margin-bottom: 20px;}
.com-tit-box h3{font-size: 24px;font-weight: bold;}
.com-tit-box .more,.more-box .more{position: absolute;right: 0;top: 5px; font-size: 14px;font-weight: bold;color: #1c4a8d;text-decoration: none;padding-right: 15px;}
.com-tit-box .more .commoniconfont, .more-box .commoniconfont {position: absolute;right: 0; font-size: 12px;transition: all 0.3s ease;top: 1px;}
 .more-box .commoniconfont {top: 1px;}
.com-tit-box .more:hover .commoniconfont, .more-box:hover .commoniconfont{right: -10px;}
.more-box {text-align: center;}
.more-box .more{    position: relative;}

.features{width: calc(100% - 310px);}
.cover-box{position: relative; width: 280px;text-align: center;min-height: 480px;font-size: 15px;}
.cover-box a{position: relative;z-index: 1;}
.cover-box img{width: 240px;    height: 330px;box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.15);}
.cover-desc{position: absolute;bottom: 0;left: 0;right: 0; height: 178px;background: #fff;padding: 35px 20px 10px 20px; text-align: left;}
.cover-desc > .clear{margin-top: 5px;margin-bottom: 5px;}
.cover-desc .cores  strong {display: block; font-size: 29px;font-weight: bold;color: #ef5603;line-height: 40px;}
.cover-desc .cores{text-align: center;}
.cover-desc .cores > div{width: 50%;}
.cover-desc .cores span span{display: inline-block;width: 100%;}
.cover-desc .cores>div:first-child{position: relative;}
.cover-desc .cores>div:first-child:after{content: '';position: absolute;right: -5px;top: 0;width: 1px;height: 74px;background: url(../../../style/images/custom/line2.png) no-repeat;}
.features .article-list{border: 0;position: relative;}
.features .article-list{float: left; padding:0 15px 20px 15px;  width: 33.33333333%;    min-height: 375px;}
.features .article-list .article-thumb{height: 195px;margin-bottom: 15px;}
.features .article-list .article-list-title{min-height: 55px;}
.features .article-list .article-list-author{min-height: 45px;}
.features .article-list .article-list-title a { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.features .article-list .article-info-box,.features  .article-list .article-thumb   {float: none;width: initial;}
.features .article-list-title a{font-size: 16px; line-height: 18px;  }
.features  .article-list-title{margin-bottom: 10px;}
.features .article-list .article-list-author, .features .article-list .article-list-author span, .features .article-list .article-list-author a{line-height: 20px;}
.features .com-bg{padding: 20px 25px;}
.features .doi-date .article-date{display: none;}
article-list{padding-top: 20px;padding-bottom: 20px;}

.article-column,.article-date{font-size: 14px;}
.article-date{color: #666;}
.article-column{color: #1c4a8d;font-weight: bold;}
.column-date{position: absolute;bottom: 0;left: 15px;right: 15px;}
.column-date span:nth-child(1){float: left;}
.column-date span:nth-child(2){float: right;}



.article-list{position: relative;}
.article-list-title{margin-bottom: 5px;}
.article-list-title a{font-size: 16px;color: #000; font-weight: bold;line-height: 20px;  }
.article-list-title a:hover{color: #005596;}
.article-list-author,.article-list-author a,.article-list-author font{font-size: 14px;color: #666;line-height: 18px;}

.article-list .article-thumb img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15);}
.article-list .article-thumb a{display: block;width: 100%;height: 100%;}
.article-list .article-thumb:hover a{transform:scale(1.2);transition: all 0.2s;}
.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, .article-list-zy font, .article-list-zy a, .article-list-zy .colorRed, .article-list .mainColor{font-size: 14px;color: #666;    line-height: 26px;}
.article-list .article-thumb{position: relative;width:180px;height: 130px;border: 1px solid #d7d7d7;float:right;overflow: hidden;}
.article-thumb + .article-info-box{float: left;width: calc(100% - 200px);padding-right: 20px;     padding-right: 0;}
.features-cover,.index-current,.index-archive,.index-collections,.index-videos,.news-call-for-paper,.i-ranking {margin-bottom: 30px;}
.index-current .article-list-left{display: none;}
.index-current .article-list{padding-left: 0;padding-right: 0;padding-top: 0;}
.index-current .article-list + .article-list{padding-top: 25px;}
.article-list{padding-bottom:20px;padding-top:25px;}
.article-list-journalg{padding: 0;background: none;margin-bottom: 5px;margin-top: 2px;}
.article-list-journalg a{font-size: 14px;font-weight: bold;color: #1c4a8d;text-decoration: none;}
.article-list-journalg a:hover{color: #1c4a8d;}
.index-body .article-list-journalg{margin: 0 0 3px 0;}
#indexCurrentInfo{margin-bottom: 15px;}


.index-body .article-list-journalg,.index-body .article-list-journalg a, .issue-list-body .article-list-journalg, .issue-list-body .article-list-journalg a{line-height: 1;}
.catalog,.catalog a,.cur-date-pub,.cur-date{font-size: 16px;line-height: 28px;color: #1c4a8d;}
.cur-date{color: #1d1d1d;font-size: 16px;}
.catalog a,.column ._table{display: inline-block;height: 28px;line-height: 28px; font-size: 16px;color: #1c4a8d; background: #fff;border-radius: 3px;padding:0 15px;text-decoration: none;}
.catalog a:hover{background-color: #1c4a8d;color: #fff;}
.catalog a{border-radius: 5px;border: 2px solid #1c4a8d;margin-right: 10px;    margin-left: 15px;}
.catalog .commoniconfont{margin-left: 5px;     line-height: normal;    font-size: 20px;position: relative;top: 2px;}
.column i{margin-top: 5px;}
.index-pre{position: absolute;right: 0;top: 5px; font-size: 16px;color: #000;}
.index-pre .commoniconfont{margin-right: 1px;}

.index-archive .col-xs-12{text-align: center;}
.index-archive img{max-width: 100%; box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15);}
.index-archive .archive-title{margin-top: 10px;text-align: center;line-height: 1;}
.index-archive .archive-title a{font-size: 16px;color: #222;}

.index-collections .collections-thumb{display: block; height: 182px;position: relative;border: 1px solid #ddd;}
.index-collections .collections-title{margin-top: 10px;font-weight: bold;}
.index-collections .collections-title a{font-size: 16px;color: #222;line-height: 21px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


.video-con img,.index-collections img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.video-con .video-con .commoniconfont{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 50px;color: rgba(255,255,255,0.8);}
.video-con .videos-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 10px 15px 10px 15px;background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));    overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.video-con .videos-title a{font-size: 16px; color: #fff;line-height: 25px;font-weight: bold;}
.video-con .col-xs-3 > div,.video-con .col-xs-4 > div{position: relative;    overflow: hidden;}
.video-con .col-xs-3 > div .video-thumb{display: block;height: 185px;padding: 10px 15px;overflow: hidden;border: 1px solid #eee; }
.video-con .col-xs-4 > div .video-thumb{display: block;height: 185px;padding: 10px 15px;overflow: hidden;border: 1px solid #eee; }

.video-list-box{margin-left: -15px;margin-right: -15px;}
.video-list-box li{margin-bottom: 30px;}
.video-list-box .video-thumb{position: relative; display: block; height: 0;padding-top: calc((175 / 315) * 100%);}
.video-list-box .tit-box{position: absolute;left: 15px;right: 15px;bottom: 0;min-height: 50px ; background: rgba(0,0,0,0.8); padding: 5px 15px; }
.video-list-box .commoniconfont {position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%); font-size: 50px;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.video-list-box .tit-box a{color: #fff;}



.i-ranking .nav-tabs{font-size: 0; border: 0;background: none;margin-bottom: 20px;}
.i-ranking .nav-tabs>li>a:hover,.index-ranking .nav>li>a:focus,.ranking .nav>li>a:hover{    border: 0;background:#fff;border-radius:0;color:#005596;}
.i-ranking .nav-tabs>li.active>a,.index-ranking .nav-tabs>li.active>a:focus,.index-ranking .nav-tabs>li.active>a:hover{border:0;}
.i-ranking .nav-tabs>li>a{line-height: 1;font-size:24px;padding:0 0 10px 0;font-weight: bold;color: #222;border:0;margin-right:0;}
.i-ranking .nav-tabs>li.active>a{ color:#1c4a8d;background: none;}
.i-ranking .nav-tabs>li{position: relative;}
.i-ranking .nav-tabs>li+li{margin-left: 75px;}
.i-ranking .nav-tabs>li + li:before{content: '';position: absolute;width: 4px;height: 28px;background: #222;top: 2px;left: -40px;}
.i-ranking .nav-tabs>.more::before{display: none;}
.i-ranking .nav-tabs>.more{float: right;}
.i-ranking .article-list{padding-left:0;padding-right: 0;}
.i-ranking .more-box{margin-top: 20px;}
.kwlist .more, .index-articles .more{font-size: 14px ;color: #1c4a8d;font-family:roboto-bold;}
/*
.kwlist .abs-num,.kwlist .citedBy-num{position: absolute;right: 23px;bottom: 23px;}
.kwlist  ul li{border-bottom: 2px solid #f1f1f1;}*/
.kwlist  ul li:first-child > div{padding-top: 0;}
#myPhTabs .more{display:none;}
#myPhTabs .more.curr{display:block;}
#myPhTabs .more a{display: inline-block;padding: 0 25px;height: 36px;font-size: 16px;line-height: 36px;color: #666;border: 1px solid #cfcfcf;    border-radius: 3px;font-weight: bold; }
#myPhTabs .more a:first-child{color: #1c4a8d;border: 1px solid #1c4a8d;border-radius: 6px 0 0 6px;}
#myPhTabs .more a:nth-child(2){border-radius: 0 6px 6px 0;border-left: 0;}
#myPhTabs .more a:nth-child(2):hover{color: #1c4a8d;border: 1px solid #1c4a8d;border-left: 0;}
.tab-ul-index{margin-bottom: 40px;}
.tab-ul-index li{line-height:30px;height:30px;position:relative;}
.tab-ul-index li + li{margin-left: 100px;margin-right: 0;}
.tab-ul-index li + li:before{content: '';position: absolute;height:28px;width:3px;background:#989898;left: -50px;top: 5px;}
.tab-ul-index li.active a:before{position:absolute;left:0;bottom: -22px; right: 0;content:'';  background:#FBCA53;;height: 5px;}
.tab-ul-index li a{font-size:30px;color:#222;text-decoration: none;}
.tab-ul-index li,.tab-ul-index li.active{width:auto;background:none;}

.index-callforpaper li,.index-news li{border-bottom: 1px solid #f3f3f3;padding: 15px 0;}
.index-callforpaper li:first-child,.index-news li:first-child{padding-top: 0;}
.index-callforpaper li h4 , .index-news li h4{min-height: 50px;}
.index-callforpaper li a , .index-news li a{font-size: 16px;line-height: 20px; color: #000;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-callforpaper li .news-date,.index-news li .news-date{font-size: 14px;color: #666;margin-top: 8px;}
.newslist-notice-ul li h4 {min-height: auto;}

/* .footer{background: #1c4a8d;}
.footer,.footer a{color: #fff;}
.footer-logo img{height: 70px;}
.footer .footer-con{padding-top: 50px;padding-bottom: 50px;}
.footer-con h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.footer-con  li ,.footer-con  li a{font-size: 16px;}
.footer-con  li + li{margin-top: 15px;}
.footer-share{margin-top: 25px;}
.footer-share li{float: left;margin-right: 50px;}
.footer-share li + li{margin-top: 0;}
.footer-share .commoniconfont{font-size: 25px;color: #fff;}
.footer-share li:last-child{margin-right: 0;}
.footer-share li:first-child{margin-left: 20px;}
.footer-share .commoniconfont:hover{color: #fff;text-decoration: none;}
.footer-center{position: relative;}
.footer-center:before{content: '';position: absolute; width: 1px;height: 200px;left: -50%;top: -30px; background: url(../../../style/images/custom/footer_line.png) no-repeat center center;}
.footer-center:after{content: '';position: absolute; width: 1px;height: 200px;right: -50%;top: -30px; background: url(../../../style/images/custom/footer_line.png) no-repeat center center;}
.footer a:focus, .footer a:hover{color: #fff;text-decoration: underline;} */

.detaillist .btmtit{font-size: 18px;line-height: 26px;text-align: left;margin-bottom: 8px;}
.detaillist .btmlistcon li{line-height: 26px;text-align: left; position: relative;font-size: 15px;}
.detaillist .qrcode{width: 135px;}

/* .footer{padding-top: 27px;text-align: center;position:relative;z-index:999;background: #1c4a8d;color: #fff;}
.footer .detaillist{padding-bottom: 28px;}
.footer p{color: #fff;line-height: 24px;font-size: 14px;}
.footer a{color: #fff;}
.footer a:focus, .footer a:hover {color: #fff;}
.footer .Supported{background: #0e3163;padding: 16px 0 14px;color: #fff;}
.footer .Supported p,.footer .Supported a{color: #fff;} */

.footer{background: #1c4a8d;}
.footer,.footer a{color: #fff;}
.footer-logo img{height: 70px;}
.footer .footer-con{padding-top: 50px;padding-bottom: 50px;}
.footer-con h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.footer-con  li ,.footer-con  li a{font-size: 16px;}
.footer-con  li + li{margin-top: 15px;}
.footer-share{margin-top: 25px;}
.footer-share li{float: left;margin-right: 50px;}
.footer-share li + li{margin-top: 0;}
.footer-share .commoniconfont{font-size: 25px;color: #fff;}
.footer-share li:last-child{margin-right: 0;}
.footer-share li:first-child{margin-left: 20px;}
.footer-share .commoniconfont:hover{color: #fff;text-decoration: none;}
.footer-center{position: relative;min-width: 200px;}
.footer-center:before{content: '';position: absolute; width: 1px;height: 200px;left: -50%;top: -30px; background: url(../../../style/images/custom/footer_line.png) no-repeat center center;}
.footer-center:after{content: '';position: absolute; width: 1px;height: 200px;right: -50%;top: -30px; background: url(../../../style/images/custom/footer_line.png) no-repeat center center;}
.footer a:focus, .footer a:hover{color: #fff;text-decoration: underline;}
.footer-right {align-self: flex-start;}

.footer .btmp{padding: 12px ;background: #15376a;}
.footer .btmp,.footer .btmp a{font-size:15px;color: #fff;}
a:focus, a:hover ,.list-author a{ color: #1c4a8d;text-decoration: none;}
.index-callforpaper li a:hover, .index-news li a:hover{color: #1c4a8d;}
.i-ranking  .com-bg{min-height: 456px;}
.main-left .contentArea-left-bg{padding: 28px 20px;background: #fff;}
.main-right > div > div{background: #fff;padding: 25px 15px; margin: 0 0 30px 0;}
.main-right > div .news-call-for-paper{padding-top: 0;padding-bottom: 0;}

.main-right  .cover-box{width: initial;}
.main-right > div > div.news-call-for-paper{background: none;}
.main-right  .news-call-for-paper .com-bg{height: initial;}
.main-right  .news-call-for-paper  .col-md-6{ width: initial;float: none;padding: 25px 25px;background: #fff;margin-bottom: 30px;}
.main-right  .news-call-for-paper .com-bg{padding: initial;}
.main-right .cover-desc{position: initial;}
.main-right .com-tit-box h3{font-size: 22px;}

.guokan-tit h2, .commontit, .journalIssue,.journalIssue,.box-article h3{font-size:26px;}
.guokan-table td{font-size:18px;}
.box-top .commontit{margin-bottom: 0;padding-bottom: 0;}
.listp >i{color: #666;}
.listp >a{color: #222;}
.qrcode-li{position: relative;}
.qrcode-li .qrcode-box{position: absolute;    left: calc(50% - 50px);top: 30px; display: none;}
.qrcode-box img{width: 100px;height: 100px;}
.article-main .inner{background: #fff;}
.listp{padding-left:0;}
.article-list-zy font{padding: 0 15px 0 0;}
.guokan-img-box img{max-width: 100%;}
.guokan-tab-new .guokan-dlyear dt{margin-bottom: 15px;}
.guokan-tab-new .guokan-dlyear dd{height: auto;width: 25%;border: 0;}
.guokan-tab-new .guokan-dlyear dd:before{display: none;}
.guokan-tab-new .guokan-dlyear{margin: 15px 0;}

.archive-coverInfo{margin:20px 0; border-bottom: 3px solid #0157a3;padding-bottom: 20px;}
.archive-coverInfo .imgBox img{max-width:100%;}
.cover-con .imgBox {text-align: center;}
.archive-coverInfo .issue{padding-left:0; }
.archive-coverInfo .issue .issue-box{height: 261px;overflow-y: auto;}
.archive-coverInfo .tk-tit{color:#c30;font-size:18px;font-weight:bold;margin-bottom:8px;}
#articlePrevNext{margin-bottom: 20px;}
.features-con .article-list-time .doi-date font{display: block;margin: 0;}
 .special-other span {display: block;font-size: 16px;color: #666;}

body .articleNav{margin-top: 0;margin-bottom: 15px;padding-bottom: 15px;}
.article-pc .container{padding: 30px 25px;border: none!important;}
.article-left {font-size: 14px;margin: 0 0 25px;color: #333;}
.article-right {font-size: 15px;}
.articleType {line-height: 22px;margin-bottom: 3px;}
.article-detail-column,.op-color{font-size: 14px;}
.article-detail-column{color: #5483C2;}
.op-color{color:#e00;margin-left: 3px;}
.article-detail-column::after{content: ' ●';}
body .content .article .article-left .articleCn{color: #333;}
.content .article .article-left .articleCn h2 {color: #333;line-height: 30px!important;font-size: 24px;margin-top: 0!important;font-weight: normal!important;}
.content .article .article-left .articleCn ul.article-author {margin-top: 30px!important;}

li.article-author-address{position: relative; line-height: 20px;  overflow:hidden;margin-bottom:5px;}
/* li.article-author-address p{padding-right:40px;} */
li.article-author-address p.lostOf{padding-left:30px;}
li.article-author-address>span{position: absolute; left: 0; top: 0; width: 25px;text-align: center;}
.content .article .article-left .togglebtn {color: #0089e3;}
body .content .article .article-left .articleCn .about-author>li {line-height: 24px;font-size: 14px;}
.content .article .article-left .article-box-content {padding-bottom: 0!important;}
.content .article .article-left .article-box-content li.article-box {display: block!important;}

/* 文章右侧按钮 */
.download-btns{position: relative;}
.download-btn{display: block; line-height: 35px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #ccc; border-radius: 5px; background-color: #333;}
.download-btns > div a{color: #fff; height: 35px; display: block;}
.all-pdf{text-align: center; font-size: 16px; color: #fff; border: 1px solid #ccc; border-radius: 5px; background-color: #333;}
.all-pdf a{color: #fff;line-height: 35px;display: block;}
.download-btns .download-btn{position: relative; width: 100%;}
.download-btns .download-btn > a{}
.pdf-xml .download-pdf,.pdf-xml .download-xml{width: 48%;margin:0 1%;}
.article-metrics{margin:20px 0 0;}
.article-metrics h6{font-size: 18px;  line-height: 20px; padding-bottom: 10px;border-bottom:1px solid #ddd;}
.article-metrics .browse-count{padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.article-metrics .browse-count > li{margin: 8px 0;}

.pdf-xml{display:block;margin:0 -1%;}
.pdf-xml div{line-height: 35px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #ccc;border-radius: 5px;background-color: #333;}
.pdf-xml a{color: #fff;height: 35px;display: block;}
.article-right-pic{border:1px solid #e6e6e6;padding:10px;margin:0 0 20px;/*max-height: 230px;*/overflow: hidden;}
.article-imgs li img{width:100%;max-height: 120px;}
.download-btns>div{margin-bottom:8px;}
.metrics{margin:17px 0 0;}
.metrics h2{font-size: 18px; line-height: 20px;padding-bottom: 10px;border-bottom:1px solid #ddd;margin-bottom: 8px;}

#authorTitle{display: block; font-size: 18px!important;   margin-bottom: 10px;border-bottom: 1px solid #d5d5d5;padding-bottom: 5px;margin-top: 30px;}
.author-left-list,.keyword-left-list{margin-bottom: 14px;font-weight: bold;}
#abstract img{max-width:100%;}
#authorBio .com-introduction img{max-height: 160px;float: left;padding: 0 10px 0 0;}
#authorBio .com-introduction {line-height: 1.5;}

#Abstract, #myTabContent>.articleauthorbio{font-size:16px;font-family: times new roman;}


body .article-main-right{padding-top: 35px;}
.highlits-box, .graphical-img-box{margin: 0 0 25px;}
.highlits-box img{  max-width: 96%;margin: 0 auto;}
 #myTabContent img, .graphical-img-box img{max-width: 100%;}
.highlits-box > div{padding-left: 15px;position: relative;}
.highlits-box > div::before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #222;  position: absolute; left: 0;  top: 9px;}
#articleEnQuot{margin-top: 30px;}
.quot .modal-footer a{color: #222;}
.quot .modal-footer a .glyphicon {vertical-align: middle;}
body .supplement-type-other-item{height: 140px;padding: 20px 15px;}
.article-list-zy font a span, .article-list .mainColor{color: #f0884f;}
.article-list .article-list-zy font{position: relative;padding:0 10px;}
.article-list .article-list-zy font:nth-child(1){padding-left: 0;}
.article-list .article-list-zy font::before{content: '';width: 1px;height: 18px;background: #666;position: absolute;left: 0;top: 5px;}
.article-list .article-list-zy font:nth-child(1)::before{display: none;}
.article-list-time,.article-list-zy{margin-top: 5px;}
.features-con .article-list-time,.features-con  .article-list-zy{margin-top: 0;}
.article-main-right.active #articleMainRight{display: none;}
.article-main-right #articleMainRight{display: block;}
body .supplement-type-other-download{right: 20px;left: auto;}
#articlePrevNext .glyphicon {display: none;}
#articlePrevNext a{background: #1c4a8d;color: #fff;    border: 0; height: 25px; line-height: 25px; padding: 0 10px;}
.Abstract-highlights .active,.Abstract-graphic .active{font-weight: bold;color: #0178d6;}

.articleBody strong,.articleBody  b {font-family: 'MathJax_Main';}

@media only screen and (min-width: 1200px){	
.container{width: 1200px;}	
.news-call-for-paper .com-bg{height: 405px;}
.i-ranking  .com-bg{min-height: 456px;}
.doi-date font+font{margin-left: 30px;}
.main .main-left{width: 75%;padding: 0;}
.main .main-right{width: 25%;padding: 0 0 0 30px;}
.issue-list-body .toolBoxBorder{margin-bottom: 15px;}
/*
#RelatedPages{background:rgb(249,252,255);padding-top:10px;border-top:1px solid rgb(51 51 51);}
*/
/* #References,#RelatedPages, #trendmd-suggestions{padding-top: 20px;border-top: 2px solid #333;} */

}

@media only screen and (min-width: 1430px){
.container{width: 1400px;}
.index-archive img{width: 100%;transition: all 0.2s;}
.index-archive img:hover{transform: scale(1.2);}
.archive-con .col-xs-2{ /*height: 280px;*/padding-left: 13px;padding-right: 13px;    overflow: hidden;}
.archive-con .row{margin-left: -13px;margin-right: -13px;}
.main-left .contentArea-left-bg{min-height: 1213px;}
.index-videos .col-xs-3 > div .video-thumb{transition: all 0.2s;}
.index-videos .col-xs-3 > div .video-thumb:hover{transform: scale(1.2);}
.collections-con .col-xs-3 > div:nth-child(1){overflow: hidden;height: 182px;}
.index-collections .collections-thumb{transition: all 0.2s;}
.index-collections .collections-thumb:hover{transform: scale(1.2);}
.index-archive img{width: 203px;height: 287px;}

#articlePrevNext{text-align: right;}

}
@media only screen and (max-width: 1430px){
.footer-center:before{left: -25px;}
.footer-center:after{right:-25px;}

}

@media only screen and (max-width: 1199px){
#myPhTabs .more.curr{display: none;}
.i-ranking .nav-tabs>li>a{font-size: 24px;}
.i-ranking .nav-tabs>li+li{margin-right: 20px;}
.i-ranking .nav-tabs>li + li:before{left: -10px;}
.i-ranking .nav-tabs>li+li{margin-left: 20px;}
.i-ranking .nav-tabs > li{width:initial;}
.archive-con, .video-con, .collections-con{overflow: auto hidden ;}
.archive-con .row, .video-con .row, .collections-con .row{min-width: 1200px;}
.footer .footer-con{display: block;}
.footer .footer-con{padding-top: 20px;padding-bottom: 20px;}
.footer-con li + li{margin-top: 10px;}
.footer-con li + li{margin-top: 0;}
.footer-con h3{font-size: 16px;margin-bottom: 5px;}
.footer-con li, .footer-con li a{font-size:14px;}
.footer-share{margin-top: 10px;}
.footer-center,.footer-right{margin-top: 15px;}
.index-body .main{padding-top: 0;}
.main-left,.main-right{width: initial;padding-left: 0;padding-right: 0;}
.article-list{padding-left: 0;padding-right: 0;}
html body{font-size: 14px;}
.guokan-tit h2, .commontit, .journalIssue, .journalIssue, .box-article h3{font-size: 28px;line-height: 1.2;}
.footer-center:before, .footer-center::after{display: none;}
.footer-logo img{height: 60px;}
.footer-share li{margin: 0 20px 0 0 ;}
.footer-share li:first-child{margin-left: 0;}
.footer-left{text-align: center;}
.banner-box .banner .item{margin-top: 0;}
.phone-nav .container .search-app{margin-left: 5px;}
.listp>i{float: left;}
}

@media (min-width: 1200px) and (max-width: 1430px){
.main-right .index-callforpaper li a,.main-right .index-news li a{font-size: 16px;}
.main-right .com-tit-box h3{font-size: 18px;}
.main-right .com-tit-box .more, .main-right .more-box .more{font-size: 12px;}
}

@media (min-width: 768px) and (max-width: 992px){
.features-con{overflow: scroll hidden;}
.features-con .row{min-width: 750px;}


}

@media only screen and (max-width: 992px){
.index-callforpaper li h4, .index-news li h4{min-height: initial;}
.listp{padding-left: 0;padding-right: 0;}
.listp>a{width: initial;float: none;}
.listp>i{font-size: 12px;}
 .main-right .news-call-for-paper .col-md-6,.main-right > div .news-call-for-paper{margin-bottom: 0;} 
 .index-callforpaper{margin-top: 20px solid #f1f4f6;}
 .footer-share li{float: initial;display: inline-block;}
 .footer-share{text-align: center;}
}
@media only screen and (max-width: 768px){
.features {margin-bottom: 20px;}
.features,.cover-box{width: initial;min-height: initial;}
.features-cover{display: block;}
.features .article-list{width: initial;    float: none;}
.features .article-list{min-height: initial;}
.features .article-list + .article-list{margin-top: 20px;}
.features .article-list .article-list-title, .features .article-list .article-list-author{min-height: initial;}
.article-list .article-thumb,.article-thumb + .article-info-box{width: initial;float: initial;}
.article-list .article-thumb{margin-bottom: 10px;}
.cover-desc{bottom: 0;}
.footer .footer-con{display: block;}
.banner-box .carousel-control-prev .commoniconfont, .banner-box .carousel-control-next .commoniconfont{font-size: 25px;}
.main > .container{padding-left: 15px;padding-right: 15px;}
.com-tit-box h3,.i-ranking .nav-tabs>li>a{font-size: 20px;}
.com-tit-box .more, .more-box .more{font-size: 13px;}
.footer .btmp, .footer .btmp a,.index-pre{font-size: 13px;}
.index-callforpaper li a, .index-news li a{font-size: 16px;line-height: 1.2;}
.article-list-title a,.index-collections .collections-title a{font-size: 16px;line-height: 1.2;}
.cover-box{font-size: 14px; padding-bottom: 152px;}
.i-ranking .nav-tabs>li + li:before{height: 16px;}
.banner-box .carousel-control-prev, .banner-box .carousel-control-next{top: calc(50% - 15px);}
.com-bg{padding: 15px 15px;}

.features-cover, .index-current, .index-archive, .index-collections, .index-videos, .news-call-for-paper, .i-ranking{margin-bottom: 20px;}
.ranking-tab-box{overflow: auto;overflow-y: hidden;}
.ranking-tab-box > ul{width: 500px;}
.archive-coverInfo .issue .issue-box{height: auto;}
}



@media only screen and (max-width: 560px){
.doi-date > font{display:block;}
.archive-con .col-xs-2{width: 100%;margin-top: 15px;text-align: center;}
.archive-con .row, .collections-con .row {min-width: initial;}
.index-collections .col-xs-3{width: initial;width: 100%;}
.archive-con, .video-con, .collections-con{overflow: hidden;}
.index-collections .col-xs-3{margin-top: 15px;}
.i-ranking .nav-tabs>li+li {margin-right:0;}
.video-con .col-xs-3 {width: 100%;margin-bottom: 20px;}
}

.citationCn {display: none!important;}