@charset "UTF-8";
html body,html body .content{    font-family: Roboto, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Arial, sans-serif;    font-size: 14px;color: rgb(51, 51, 51);}
.main{padding:20px 0;}
.article-pc,.main{min-height:calc(100vh - 500px);}
.index-body .main{padding-top: 0;}
.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,.footer .btmb,
.header-nav ul > li ol,.qikan .subBtn,.pageTagsUl li.current,.pageTagsUl li.clickpage:hover,a.page-btn.next-page, .article-main-mid a.page-btn.next-page{background-color: #3b40b6;}
.archive-list .ac .yeartimes{background:#3b40b6;}
.archive-list .yeartimelist .active{color:#3b40b6;}
a{color:#3b40b6;}
input:-moz-placeholder, textarea:-moz-placeholder { font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder { font-size:14px; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size:14px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:14px;}

.header-nav {height: 80px; background: #3b40b6; }
.index-body .header-nav {height:90px;}
.logo{margin-top: 8px;}
.index-body .logo{margin-top:14px;}
.header-nav .nav-ul{margin-top: 20px;}
.index-body .header-nav .nav-ul{margin-top: 25px;}
.header-nav ul > li { float: left; position: relative; }
.header-nav ul > li > a { display: block; color: #fff; height:40px;line-height:40px;padding: 0 12px 0 12px; font-size: 17px; }
.header-nav ul > li ol { position: absolute; background: #3b40b6;padding:10px 0;top: 40px; min-width: 100%; z-index: 50; display: none;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover{background:#397a01;}
.header-nav ul > li i{font-style:normal;}
.header-nav ul > li a:hover{background:#397a01;}
.header-nav ul > li ol li{padding:12px 27px;white-space: nowrap;    line-height: 1;   }
.header-nav ul > li ol li:hover{background:#292ea0;}
.header-nav ul > li ol li a{color:#fff;}
.header-nav ul > li ol li:hover a{background:none;}
.smallUl{ z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none;    background: #3b40b6;}
.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:last-child{border-bottom: none;}
.smallUl li > a{padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block;color:#fff;}
.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%;}
.header-nav ul > li.search-btn{cursor:auto;}
.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;position: absolute;top: 50%;transform: translate(0%,-50%);}
.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(../../images/search.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;background: rgba(59, 64, 182,0.9);}
.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);color: #fff;}
.phone-nav .search-app-wrap select option{background: rgba(19, 115, 122, 0.9);}
.phone-nav .search-app-wrap .text{width: 100%;margin: 0;border-radius: 4px;height: 30px;}
.phone-nav .search-app-wrap .sub{width: 30px;height: 30px;background: rgba(255, 255, 255, 0.2) url("../images/search-sub.png") no-repeat center center;position: absolute;right: 0;top: 0;}
.header .logo{width: 50%;}
.header .logo img{max-width: 100%;}
.header .bot{background-size: cover;}
.phone-nav{padding: 8px 0;position: relative;}
.phone-nav .en{line-height: 25px;color: #fff;}
.phone-nav .text, .phone-nav .sub{background: rgba(255, 255, 255, .2);}
.phone-nav .text{line-height: 19px;padding: 3px 10px;color: #fff;margin: 0 0 0 15px;border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px;height: 25px;background: rgba(255, 255, 255, .2) url(../images/search.png) no-repeat center center;background-size: 16px 16px;border-radius: 0 4px 4px 0;}
.search-wrapper{display: none;}
/*手机菜单2*/
.phone-nav .container .logo{display: block;padding: 2px 0 0 20px;position: relative;margin-left: 40px;width:68%;}
.phone-nav .container .logo img{max-width: 170px;max-height:34px;}
.phone-nav .container .logo:before{content: '';width: 1px;height: 80%;background: #fff;position: absolute;left: 6px;top: 2px;bottom: 0;margin: auto;}
.phone-nav .container .search-app{display: block;background: url("../images/search.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;}
.phone-nav .container .search-app.active{background: url("../images/close-app.png") no-repeat center center;background-size: 32px;}

.header-nav ul ol.journals-down{padding: 40px 20px;background: #333333;right:0;position: absolute;width: 1100px;}
ol.journals-down {text-align:center;}
ol.journals-down li{text-align: center;display: inline-block;padding:0 30px;}
.header-nav ul > li ol.journals-down li{ width: 16.666%; text-align: center;padding: 12px 5px;}
.header-nav ul > li ol.journals-down li a{color: #c1c1c1;}
/*ol.journals-down li + li{border-left:1px solid #505050;}*/
ol.journals-down img{width: 120px;height: 156px;    border: 1px solid #e1e1e1;/*padding: 3px;border-radius: 4px;*/box-shadow: 3px 3px 6px #a9a9a9;}
ol.journals-down p {padding: 20px 0;margin:0;}
ol.journals-down p a{font: 14px;color: #c1c1c1;}
.header-nav ul > li ol.journals-down li:hover,.header-nav ul > li ol.journals-down a:hover{background: none;}
 .header-nav ul > li .quick-links a:hover{background:none;}
.search-btn{cursor:pointer;}
.search-btn .commoniconfont{position: relative;top:2px; font-size: 22px;color: #fff;margin-left: 20px;}
.search-box{display:none;width: 687px;height: 126px;padding: 20px 30px;background: rgba(0, 0, 0,0.9);}
.search-box.active{display:block;}
.search-box {position: absolute;right: 0;z-index: 9;}
.search-box .searchtext{width:100%;height: 27px;font-size: 14px;COLOR: #616161;BACKGROUND-COLOR: #ffffff;padding-left: 3px;padding-right: 3px;margin-bottom: 10px; border: 1px solid #c7c7c7;}
.search-title{font-size: 18px;color: #fff;margin-bottom: 15px;}
.search-box .sub{font-size: 16px;/* border: 1px solid #fff; */background: #3b40b6;color: #fff;padding: 5px 10px 5px;margin: 0 0  0 0;line-height: 18px;margin-left: 20px;font-weight: bold;}
.quick-links{margin-top: 15px;}
.quick-links span,.quick-links a{font-size: 14px;color: #fff;}
.quick-links a{margin-left: 27px;}


.journals-banner{overflow:hidden;}
@font-face {
  font-family: "commoniconfont"; 
  src: url('../font/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-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-liulan:before {
  content: "\e642";
}

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

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

.icon-a-youjianchakanyoujianfasongyoujianshouyoujian-06:before {
  content: "\e918";
}

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

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

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

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

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

.icon-xiala:before {
  content: "\e65c";
}

.icon-dengpao:before {
  content: "\e60e";
}

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

.icon-tianjiawenjian:before {
  content: "\e66a";
}

.icon-yunhang:before {
  content: "\ec61";
}

.icon-xiaoxi2:before {
  content: "\e7d9";
}

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

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

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

.icon-twitter-square-fill:before {
  content: "\ea90";
}

.icon-douyin:before {
  content: "\e605";
}

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

.icon-douyin1:before {
  content: "\e8db";
}

.icon-xiaoxitixing:before {
  content: "\e636";
}

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

.icon-xiaoxi:before {
  content: "\e691";
}

.icon-a-xiaoxixianxing:before {
  content: "\e627";
}

.icon-xia:before {
  content: "\e65d";
}

.icon-fuzhi:before {
  content: "\ec7a";
}

.icon-xiazai1:before {
  content: "\e613";
}

.icon-triangle24:before {
  content: "\e820";
}

.icon-xiangyoujiantou:before {
  content: "\e65f";
}

.icon-youjiantou:before {
  content: "\e64c";
}

.icon-gantanhaozhong:before {
  content: "\e8e5";
}

.icon-gantanhao-quan:before {
  content: "\e70f";
}

.icon-youshangjiantou:before {
  content: "\e74c";
}

.icon-youshangjiantou1:before {
  content: "\e6b5";
}


@font-face {
  font-family: "commoniconfont_share"; 
  src: url('../font/iconfont_share.ttf') format('truetype');
}

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



.icon-logo-weibo:before {
  content: "\e618";
}

.icon-logo-wechat:before {
  content: "\e619";
}

.icon-facebookfacebook52:before {
  content: "\e608";
}

.icon-tuitetwitter43:before {
  content: "\e9bd";
}

.icon-Linkedin:before {
  content: "\e710";
}

.icon-guge:before {
  content: "\e664";
}


.article-header-new .shareTool{margin-top:0;}
.article-right-share {margin:10px 0 30px 0;font-size:0;}
.article-right-share li{display:inline-block;;margin:0 3px;vertical-align: top;position: relative;}
.article-right-share .shareTool{margin:0 ;}
.article-right-share a{text-decoration:none;color:#3b40b6;}
.article-right-share .shareBox .weixinBox{top:35px;}

@font-face {font-family: 'Roboto';src: local('Roboto'), url('../font/Roboto-Regular.ttf') format('truetype');}  
@font-face {font-family: 'Didot';src: local('Didot'), url('../font/Didot.ttf') format('truetype');}  

.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 .container{padding:0;}
.header-top{background: #000000;height: 45px;line-height: 45px;}
.header-top {color: #fff;font-size: 14px;}
.top .header-top a{font-size: 15px;color: #e95707;font-weight: bold;}
.banner-box .banner{height: 0;min-height:200px;padding-top: calc((475 / 1920) * 100% );}

.journals-banner{height:calc((475 / 1920) * 100vw);position:relative;}
.journals-banner .item ,.journals-banner .item > div,.journals-banner .item .container,
.journals-banner  .owl-wrapper-outer,.journals-banner  .owl-wrapper, .journals-banner  .owl-item{height:100%;}
.journals-banner .item .container{display:flex;align-items: center;}
.journals-banner .banner-title{font-size:38px;color:#fff;line-height:55px;font-weight:bold;}
.journals-banner .banner-more{display:inline-block;font-size:18px;color: #E4E4E4;margin-top:30px;padding:0 39px;height: 48px;line-height:48px;background: #249645;border-radius: 24px;}
.journals-banner .owl-controls{width:100%; position: absolute;bottom: 50%;}
.journals-banner .owl-buttons{display:none;position: absolute;left:0;right:0; top: 50%;transform: translateY(-50%);}
.journals-banner  .owl-prev .commoniconfont, .journals-banner  .owl-next .commoniconfont { font-size:40px;color:#fff; }
.journals-banner  .owl-prev{position:absolute;left:30px;}
.journals-banner  .owl-next{position:absolute;right:30px;}
.journals-banner.owl-theme .owl-controls .owl-page.active span{background:#fff;}
.journals-banner.owl-theme .owl-controls .owl-page span{background:none;border:2px solid #fff;}



.submission  .row{margin-left: -15px;margin-right: -15px;margin-bottom: 0;}
.submission li{position: relative; padding-left: 15px;padding-right: 15px;}
.submission li > div{background: #3b40b6;width: 100%;    padding: 0 10px;}
.submission li .drop-down{display:none;position: absolute;background: #3b40b6;left: 15px;right: 15px;z-index: 9;padding-bottom: 10px;    top: 50px;}
.submission li .drop-down li{float: none;text-align: left;}
.submission li .drop-down li{width: 100%;padding: 12px 15px;}
.submission li .drop-down li:hover{background:#292ea0;}
.submission li .drop-down li a{height: auto;line-height: 1;font-size: 14px;}
.submission li:hover .drop-down {display: block;}
.submission li a{position: relative; color: #fff;font-size: 18px;display: block;height: 50px;line-height: 50px;}

.submission li .commoniconfont, .submission li .articleFont {position: absolute; margin-right: 25px;font-size: 30px;}
 .submission li .articleFont{font-size:25px;}
.submission li i{font-style: normal;margin-left: 45px;}
.submission-tips span{display: inline-block;height: 60px;line-height: 60px;    font-size: 16px;}
.submission-tips span a{color:#666;}
.submission-tips span a:hover{color:#ff0000;}


.cover-info{width: 15%;padding-right: 40px;}
.current-articles{width: 85%;padding-top: 15px;}
.cover-info  .cover-img{display:block;margin-bottom: 10px; border: 1px solid #e1e1e1;padding: 3px;border-radius: 4px;box-shadow: 5px 5px 12px #a9a9a9;}
.cover-info a img{width: 100%;}
.cover-info .tab-content ,.view-archive{text-align: center;font-size: 17px;height: 35px;line-height: 35px;}
.cover-info .tab-content a{color: #818181;text-decoration:none;    border-bottom: 1px solid #a1a1a1;}
.view-archive a{text-decoration:none;font-size: 17px;color: #262626; border-bottom: 1px solid #a1a1a1;}
.view-archive a:hover{ border-bottom: 2px dashed #666666;}
.cover-info .tab-content a:hover{    font-size: 15px;color: #ffffff;padding-left: 3px; background-color: #006699; border-radius: 8px;}
.view-archive a:hover{    font-size: 18px;color: #ff0000;border-bottom: 2px dashed #666666;}

.current-articles .col-md-3{padding-left: 15px;padding-right: 15px;}
.article-list-img{ position: relative;    border: 1px solid #e1e1e1; }
.article-list-img a{display:block;height: 0;padding-top: calc((165 / 265) * 100%);}
.current-articles .article-list-img a{padding-top: calc((135 / 265) * 100%);}
/*.article-list-column,.article-list-title, .article-list-author,.article-list-time{padding: 0 10px;}*/
.article-list-column{ color: #e95707;font-weight: bold;margin: 10px 0 5px 0;font-size:13px;min-height:17px;}
.article-detail-column,.column-btn{color: #e95707;}
.article-list-title a{    color: #333333;font-size: 15px;line-height: 20px;}
.article-list-title a:hover, .article-list-author a:hover{text-decoration: none;}
.article-list-author, .article-list-author span,.article-list-author a{font-size: 13px;color: #999999;font-family: Didot;}
.article-list-author a:hover{color:#005789;}
.com-tit-box{position: relative;}
.com-tit-box h3{  display: inline-block;height:80px;line-height:80px;font-size: 28px;color: #2b2b39;margin: 0 15px 0 0;}
.com-tit-box a{position: absolute;right:0;top:20px;font-size: 15px;background: #3b40b6;font-weight: bold;display: block;width: 133px;height: 41px;line-height: 41px;text-align:center;border-radius: 30px;color: #dddddd;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.com-tit-box a:hover{font-size: 15px;padding-right: 8px; background: #654ce3;color: #ffffff;font-weight: bold; right:35px;  width: 145px;padding-right:10px;}
.online-now .container{padding: 15px 15px;background:#F1F1F1;/* background: url(../images/custom/online-bg.jpg) no-repeat;background-size: cover;*/}
.online-articles{margin-left: -15px;margin-right: -15px;}
.online-articles .article-list-img{position: relative; width: 162px; float: left;padding: 0;border: 0;height:125px;}
.online-articles .article-list-img a{height: 0; padding-top: calc((80 / 128) * 100%);    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 100%;     border: 1px solid #e1e1e1; }
.online-articles .article-list-img + .article-list-info{width: calc(100% - 162px);    float: right;padding-left: 10px;}
.online-articles .article-list-title a{font-weight: bold;}
.online-articles .article-list-author,.online-articles .article-list-author span,.online-articles .article-list-author a{color: #464646;}
.online-articles .col-xs-12 > div{padding: 10px 10px;}
.online-articles .col-xs-12:nth-of-type(1) > div,.online-articles .col-xs-12:nth-of-type(2) > div{background: #E5E5E5;}
.article-list-time{font-size: 13px;color: #333;}
.article-list-author, .article-list-time{margin-top: 5px;}
.online-articles .article-list-time,.online-articles-page .article-list-time{display:block!important;}
/*.online-articles .online-articles-list:nth-of-type(4) .article-list-img, .online-articles .online-articles-list:nth-of-type(5) .article-list-img{display:none;}
.online-articles .online-articles-list:nth-of-type(4) .article-list-img + .article-list-info, .online-articles .online-articles-list:nth-of-type(5) .article-list-img + .article-list-info{width:100%;}
*/
.most-read-articles > div{margin-left: -15px;margin-right: -15px;}
.most-read .com-tit-box span{color: #aaaaaa;font-size: 15px;}
.most-read .article-list-img{border: 1px solid #f1f1f1;}
.most-read .article-list-img a{padding-top: calc((200 / 325) * 100%);}
/*.most-read-articles .col-xs-12 > div{    border: 1px solid #f1f1f1;padding: 5px;}*/
.most-read-articles .col-xs-12{margin-bottom: 30px;}

.videos .container{padding: 5px 15px 20px 15px;background:#F1F1F1;}

.videos-big{width: 51%;float: left;}
.videos-right{width: 49%;float: right;}
.video-img{position: relative; height: 488px;} 
.video-img a{font-size: 26px;color: #333; position: absolute;left: 50%;top: 50%;     padding-left: 5px;   transform: translate(-50%, -50%);}
.videos-big .video-img a{font-size: 60px;padding: 0 0 0 5px;border: 4px solid #797979;border-radius: 50%;width: 120px;height: 120px;line-height: 120px;text-align: center;color:#797979;}
.video-list{position: relative;}
.video-title{min-height:75px;padding:15px 20px 10px 20px;text-align:center;}
.video-title a{/*position: absolute;left: 10px;right: 10px;bottom: 10px;*/font-size: 20px;font-weight: bold;color: #000;}
.videos-right .video-title{text-align:left;line-height:18px;background:#E5E5E5;padding:15px;}
.videos-right .video-title a{color:#000;font-size:15px;line-height:20px;}
.video-title a:hover{text-decoration:none;    color: #005789;}
.videos-right {padding: 0 0 0 44px;}
.videos-right > div{margin-left: -15px;margin-right: -15px;}
.videos-right .video-list{width: 50%;float: left;padding: 0 22px;}
.videos-right .video-img{height: 187px;}
.videos-right .video-title{padding-left: 15px;padding-right: 15px;font-size: 16px;min-height: 90px;}
 .video-img a{width:60px;height:60px;    line-height: 60px;text-align: center;border: 3px solid #333;border-radius: 50%;}
.video-img a:hover{border: 3px solid #ddd;color:#5b2468;}
.videos-big .video-img a:hover{border: 3px solid #ddd;color:#5b2468;}
/*
.innovation-body .videos-big .video-title{background:#dbdbdb;min-height:85px;}
.video-img:before{content: "";position: absolute; height: 80px;bottom: 0;left: 0;right: 0;background-image: linear-gradient(rgba(11,11,11,0),rgba(11,11,11,.86) 82.21%,#0b0b0b);background-repeat: no-repeat;}
*/

.most-innovation-articles > div{margin-left: -15px;margin-right: -15px;}
.more-from-innovation .com-tit-box span{color: #aaaaaa;font-size: 15px;}
.more-from-innovation .article-list-img{border: 0;}
.more-from-innovation .article-list-img a{padding-top: calc((156 / 253) * 100%);}
/*.most-innovation-articles .col-xs-12 > div{    border: 1px solid #f1f1f1;padding: 5px;}*/
.most-innovation-articles .col-xs-12{margin-bottom: 30px;}
.more-from-innovation .col-xs-12{width: 20%;}
.more-from-innovation .article-list-img{border: 1px solid #f1f1f1;}

.archive-cover{margin-left: -15px;margin-right: -15px;}
.archive-box .container{background: #F1F1F1;padding: 10px;}
.archive-box .archive-item{width: 20%;padding-left: 20px;padding-right: 20px;}
.archive-box .archive-item > div{background: #f1f1f1;text-align: center;padding:28px 15px 15px;}
.archive-img{display: inline-block; border: 1px solid #e1e1e1;padding: 3px;border-radius: 4px; box-shadow: 5px 5px 12px #a9a9a9;}
.archive-img a{display: block;width: 153px;height: 205px;}
.archive-item-title{margin: 15px 0 5px 0;}
.archive-item-title a{font-size: 14px;color: #c1c1c1;}

.issn-box .container{color:#777777;font-size:14px;border:1px solid #e1e1e1;padding: 20px 15px;    font-weight: bold;}
.issn-box i{color: rgb(51,51,51);}

.footer{padding: 20px 0; background: rgb(59,64,182);position: relative; z-index: 99;}
.footer .container{padding: 0;}
.bottom{padding: 20px 0;background: #000;color: #666;font-size: 14px;}
.footer-item {float: left;}
.footer-item h3{height: 40px;line-height: 40px;margin-bottom: 10px;    margin-top: 10px;/* background: rgb(31,61,123); */font-size: 21px;color: #ffffff; padding-left: 10px;font-weight: bold;border-bottom: 2px solid #fff;}
.footer-item-one, #body-innovation .footer-item-one{width: 230px;}
.footer-item-two, #body-innovation .footer-item-two{width: 310px;}
.footer-item-three, #body-innovation .footer-item-three{width: 250px;}
.footer-item-four, #body-innovation .footer-item-four{width: 528px;}
.footer-item + .footer-item, #body-innovation .footer-item + .footer-item{margin-left: 10px;}
.footer-item-one img{height: 28px;}
.footer-item-one li{font-size: 21px;font-weight: bold;color: #e1e1e1;}
.footer-item-one li + li{margin-top:15px;}
.footer-item-one ul,.footer-item-two ul,.footer-item-three ul,.footer-item-fore ul{padding-left: 10px;}

.footer-item-two img{width: 51px;}
.footer-item-two img{float: left;}
.footer-item-one ul{min-height:90px;}

.footer-item-two ul li{padding: 15px 0;}
.footer-item-two span{width: calc(100% - 61px);float: left;  margin-left: 10px;  font-size: 13px;color: #e1e1e1;}
.footer-item-three li {padding:5px 0; font-size: 13px;color: #e1e1e1;}
.footer-item-three li a{color: #e1e1e1;}

.footer-item-four ul{width:50%;float:left;}
.footer-item-four ul,.footer-item-four ul a{color:#e1e1e1;text-decoration: none;}
.footer-item-four li {position:relative; padding: 2px 0 2px 0;  font-size:13px;color: #E1E1DF; }
.footer-item-four li:first-of-type{color:#fff;}
.footer-item-four ul:nth-of-type(1) li{padding:5px 0 5px 10px;}
.footer-item-four li .commoniconfont,.footer-item-three li img{position:absolute;left:0;}
.footer-item-four ul img{width:18px;margin-right:10px;}
.footer-item-four ul:nth-of-type(2) li img {margin-right:5px;}

.materials-body .footer-item-two img{width:100px;margin:0 10px 0 5px;}
.materials-body .footer-item-two span{width:calc(100% - 125px);}

.footer-item-four li span{display:inline-block;}
.footer-item-four li span:nth-child(1){width:96px;text-align:right;}
.journal-links{padding-left:10px;}
.journal-links h3{    font-size: 21px;color: #e1e1e1; padding-left: 0; font-weight: bold;background:none;border:0;}
.footer-bottom {text-align:center;background:#131313;color:#666;padding:20px 0;position: relative; z-index: 99;}
.journal-links select{ width:115px;background:#e1e1e1 url(../images/select_arrow.png) no-repeat scroll right center;font-size:13px;}
.journal-links select {padding-left:3px;}
.breadcrumb{padding: 0;background: none;position: relative;margin-bottom: 30px;}
.breadcrumb:after{content:'';position:absolute;left:0;right:0;bottom: -30px;height:20px;width:100%;background: url(../images/custom/column_bg.png) repeat-x;}
.breadcrumb a{text-decoration:none;}
.breadcrumb,.breadcrumb a{font-size: 14px;color: #666666;}
h1.column-title,h1.article-title{font-size: 25px;color: #981e29;font-weight: bold; font-family: 'Didot'; padding: 15px;}
.sec-banner-box{color: #fff;}
.sec-banner-box .sec-banner{position: relative; height: 0;min-height:200px;padding-top:  calc((280 / 1903) * 100% );}
.sec-banner h3{font-size: 32px;margin-bottom: 50px;}
.sec-banner .second-banner-description{color: #cccccc;font-size: 14px;line-height: 20px;font-family: 'Didot';}
.sec-banner > div{position: absolute;top: 59%;transform: translateY(-50%);}
.sec-banner .sec-banner-right{margin-top:35px;}


.sec-banner-right{background: rgba(0,0,0,0.5);padding: 7px 15px;right: 0; top: 50%;transform: translateY(-50%);color:#fff;}
.sec-banner-right p{margin-bottom:5px;}
.sec-banner-right p:last-child{margin-bottom:0;}
.innovation-body  .journals-banner .item .container{    justify-content: right;}



.cover-box{text-align: center;margin-bottom: 15px;}
.cover-box img{border: 1px solid #e1e1e1;padding: 3px; border-radius: 4px;box-shadow: 5px 5px 12px #c1c1c1;    width: 153px;}
.cover-description{color: #777777;line-height: 20px;text-align: justify;}

.article-list{padding: 20px 20px;border-bottom: 1px solid #EEEEEE;}
.article-list .article-list-img{position: relative; width: 162px; float: left;padding: 0;border: 0;}
.article-list .article-list-img a{height: 0; padding-top: calc((80 / 128) * 100%);}
.article-list .article-list-img + .article-list-info{width: calc(100% - 162px);    float: right;padding-left: 10px;}
.article-list .article-list-column{font-weight: normal;margin-top: 0;}
.article-list .article-list-title a{font-weight: bold;}

.new-list{padding: 20px 0;}
.new-list .new-list-img{position: relative; width: 162px; float: left; border: 1px solid #e1e1e1;/*padding: 3px;border-radius: 4px;box-shadow: 0 0 12px #c1c1c1;*/}
.new-list .new-list-img a{display: block; height: 0; padding-top: calc((80 / 128) * 100%);    }
.new-list .new-list-img + .new-list-info{width: calc(100% - 162px);    float: right;padding-left: 30px;}
.new-list .new-list-title{margin: 0 0 10px 0;}
.new-list .new-list-title a{font-weight: bold; font-size: 14px;color: #333333;  }
.new-list-info{color: #666666; line-height: 21px;}

.archive-box .tab-content{text-align: left;}
.archive-list > h3{color: #666666;font-size: 15px;padding: 10px 10px;background: #eeeeee;}
.archive-list ul{padding:10px 0 10px 20px;}
.archive-list ul,.archive-list ul a{font-size: 14px;color: #333;}
.archive-list ul .date{font-weight: bold;}
.archive-list ul li{padding:10px 10px;}

.archive-cover-box > div > h3{color: #000;font-weight:bold;font-size: 15px;line-height: 1; padding: 10px 10px;background: #eeeeee;margin-bottom: 20px;}
.cover-list {margin-bottom: 15px;}
.cover-list > p{color: #000;font-weight:bold;font-size: 15px;}
.cover-list .cover-img{position: relative; width: 150px; float: left; border: 1px solid #e1e1e1;padding: 3px;border-radius: 4px;box-shadow: 0 0 12px #c1c1c1;}
.cover-list .cover-img a{display: block; height: 0; padding-top: calc((327 / 250) * 100%);    }
.cover-list .cover-img + .cover-info{width: calc(100% - 150px);    float: right;padding-left: 10px;}
.cover-description{font-size: 14px;margin-bottom: 10px;   /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;*/}
.cover-list .more{color: #3b40b6; box-shadow:none;margin:0;border: 0;float:right;}

.figures-description{margin: 20px 0;}
.figure-list > h3{font-size:15px;font-weight: bold;padding:10px 10px 10px 17px;background-color: #f8f8f8;}
.figure-list ul{padding: 10px 0 10px 0;margin-bottom: 10px;}
.figure-list ul li{background: url(../images/custom/down.jpg) no-repeat center left 10px;background-size: 22px 22px;  position: relative;padding: 10px 40px 10px 40px;}
.figure-list ul li:hover{background-color: #f8f8f8;}
.figure-list ul li a{float: left;width: calc(100% - 120px);    color: #787878;font-size: 17px; text-decoration: none;}
.figure-list ul li:hover a{color: #444444;padding-left: 2px;}
.figure-list ul li .date{float: right; color: #d1d1d1;}
.figure-list ul li p{margin:0;}

.j-archive-article.figures-box .figure-list ul{padding:0;margin:0;}
.j-archive-article.figures-box .figure-list ul li{padding:15px 40px 15px 40px;}
.j-archive-article.figures-box .figure-list ul li:hover{background:transparent url(../images/custom/down.jpg) no-repeat center left 10px;    background-size: 22px 22px;}
.j-archive-article.figures-box .figure-list ul li:hover a{color: #3b40b6;}

.figures-detail-box{margin-top: 30px;}
.figures-detail-box > p{margin-top: 10px;}
.figures-file{margin-top: 30px;}

.video-detail-box > div{border:20px solid #d1d1d1;text-align:center;}

.cover-img-box{text-align:center;}
.cover-img-box img{max-width:250px;}
.cover-discription-cn{border-top:1px solid #ddd;}
.cover-discription-en,.cover-discription-cn{padding:30px 0;}
.cover-discription-en h2,.cover-discription-cn h2{font-weight:bold;margin-bottom:15px;font-size:14px;}


a:hover{color:#3b40b6;}
.article-list-title a:hover{color:#005789;}
.current-articles .article-list-title a:hover,.most-read .article-list-title a:hover,.more-from-innovation  .article-list-title a:hover{color:#ff0000;}
.banner-box,.cover-articles,.online-now,.most-read,.more-from-innovation,.videos,.archive-cover,.archive-box{margin-bottom: 20px;}
.header-top a,.header-nav a,.submission a,.com-tit-box a,.video-img a,.video-title{text-decoration: none;}

.main-article-detail .article-pc .inner .article-main-mid{padding:0;border:0;width:auto;}
.article-main .inner{}
body.articleBodyEn .main-article-detail .articleEn .article-title h1{color: #3b40b6;font-size: 25px; font-weight: bold; line-height: 30px;}
body .main-article-detail .article-pc .content{font-family: Roboto, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Arial, sans-serif;}
.click-btn{margin:30px 0;}


.main .main-left,.main .main-right{padding: 0;}
.border-two{ content:"."; display:none; height:0; visibility:hidden; clear:both; }
.border-four{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.border-five{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.videos-right .border-two, .online-articles .border-two{display:block;}

.figrue-detail-banner{text-align:center;margin-bottom:10px;}
.figrue-detail-banner .item{position:relative;/*height:300px;border: 1px solid #ddd;*/text-align:center;padding:0 20px;}
.figrue-detail-banner img{    max-width: 100%; /*max-height: 100%;position:absolute;left:50%;top:50%;    transform: translate(-50%,-50%);*/}
.figrue-detail-banner .owl-pagination{display:none;}
.figrue-detail-banner .owl-controls .owl-page span{width:8px;height:8px;margin:5px 5px;}
.figrue-detail-banner .owl-controls{margin-top:10px;}
.img-zip{margin-top:40px;}
.img-zip a{text-decoration:none;color:#337ab7;}
.main-article-detail .inner{width:auto;padding:0;}

.ed1 a:hover{font-size: 16px;color: #2263c2; margin-left: 5px; BORDER-BOTTOM: #999999 1px solid;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;font-family: 'Didot';}

.j-news-title{ font-size: 18px; font-weight: bold;    margin: 20px 0 30px 0;}
.cell-archive a{font-size:14px;color:#333;text-decoration:none;}
.cell-archive a:hover,.archive-type > div a:hover{color:red;text-decoration:none;}
h1.archive-article-title{color:#ffffff;font-size:15px;padding-left:10px;background:#777777;font-weight:normal;font-family:"Microsoft YaHei","微软雅黑",SimSun,"宋体",Arial,sans-serif;    margin-top: 10px;}
.breadcrumb + .cell-archive{margin-top:40px;}
.archive-type > div{display:inline-block;height:30px;line-height:30px; color: #ffffff; background-color: #666666;}
.archive-type > div a{color:#333;position: relative;}
.archive-type > div a,.archive-type > div span{display:inline-block;padding:0 10px;}
.archive-type > div a:before{content:'';position:absolute;left:0;top:8px;width:1px;height:16px ;background:#fff;}

.article-list-author a{line-height:21px;}
.articleEn .article-other a{color:#333;}
.article-left .articleEn .article-other a{color:#222;}
.articleEn .article-other a:hover{color:red;text-decoration:none;}
.articleEn .article-other a img{width:18px;}
.article-pc .articleType .ccby-img,.article-app .articleType .ccby-img{position:relative;bottom:6px;}
.cc-link{font-size:20px;color:#000!important;}
.cc-link {text-decoration: none!important;}
.op-color .icon {width: 15px; height: 15px; vertical-align: -0.15em; fill: currentColor; overflow: hidden;margin-right: 5px;}
.op-color{color:#3c44b3 ;}
.articleType .op-color > img, .article-other .op-color > img{height:15px;margin-left:10px;position: relative;  top: -1px;}
.cite-btn{color: #3c44b3;  margin-left: 10px;  cursor: pointer;}
.cite-btn .fa{margin-right:3px;}
.modal.in{z-index:2000;}
.panel-primary > .panel-heading,.btn-primary{    background-color: #3b40b6;border-color: #3b40b6;}
.article-right .jumplink-list .div1.active>a,
.article-right .Abstract-left-list.active a,
.article-right .References-left-list.active a,
.article-right .Supplements-left-list.active a,
.article-right .Related-left-list.active a,.article-right .Cited-left-list.active a,.jump-about.active, .content-nav .jumplink-list a:hover{color:#3b40b6;}

.child-article-detail .togglebtn:hover{text-decoration:none;}
.child-article-detail .togglebtn .iconfont {    font-size: 14px;margin-right: 5px;}
li.article-author-address{line-height:18px;}
li.article-author-address  p {margin:0;}
li.article-author-address + li {margin: 5px 0 0 0;}
.article-left .about-author .com-author-info, .article-left .marginT.togglebtn{display:block;}
.j-info{margin-top:10px;}
#aboutArticle .citeName{font-size:20px;line-height:32px;border-top: 2px solid #ddd;    padding: 8px 0;}
#aboutArticle .info{line-height:1.6em;color:#333;}
.articleBodyEn .articleEn .article-title h1{line-height:1;margin-top:5px;}
.articleBodyEn .inner .article-main-right .article-right{padding-right:0;}
.articleBodyEn .article-main-left.active{top:65px;}
.inner .article-main-right .article-right{    overflow-x: hidden;}
#relative-article .td2{padding:0;}
#relative-article tr + tr .td2 {padding-top:5px;}
#relative-article table{table-layout: fixed;} 
#relative-article table a,.articleBodyEn .article-main-mid a, .articleBodyEn .volume-issue__wrap{color: #3c44b3;} 
#relative-article .textHidden{    text-indent: -1em;padding-left: 1em; white-space: normal;    -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow:hidden; display: -webkit-box;}   
#relative-article table a {line-height: 18px;}
.article-right .issue-pic{margin-top:10px;}
.article-author li a{font-size:15px;}
.articleEn .article-author{margin-bottom: 13px;}
#References .reference-tab .ref-btn{margin-top:10px;}
#References .reference-tab  .ref-btn a{text-decoration:underline;}
.child-article-detail .author-box .author-content>p{background:none;}
.child-article-detail .author-box .close-box, .child-article-detail .box .close-box{    right: 15px;top: 5px;}
#myTabContent #FullText{margin-top:50px;}
.tubiao-thumb{font-size: 13px;text-align:center;}
.child-article-detail .content-nav .contents-title {font-weight:normal;font-size: 18px; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;    margin-bottom: 10px;}
.jumplink-list{margin:5px 0;}
.author-box .author-content h6:first-of-type{font-size:16px;font-weight:bold;}
.child-article-detail #picsmall li.current{border:2px solid #3c44b3;}
.child-article-detail #picsmall li a, .child-article-detail .figure_button a{color:#3c44b3;}
.piclist li.ac .table_new .figureTitle{    padding: 0 20px;margin-left: 2%;}


.archcon .arc-listit{width:120px;}
.columimg{width:calc(100% - 125px);}
.archcon .archimg li{width:25%;}
.chooseAll{margin:0;}
.toolBox1{padding-top:20px;}
.toolBox2{padding-top:20px;}

.current-articles .article-list-time{display:none;}
.article-list-time span+span{margin-left:15px;}
.doi-info, .doi-info a{color:#222;}
.article-other span,.article-other a{margin-right:10px;}

.cover-list-box .cover-list-con{display:none;}
.cover-list-box .cover-list-con.ac{display:block;}
.archive-btn .icon-jianhao,.archive-btn .ac .icon-jiahao{display:none;}
.archive-btn .ac .icon-jianhao, .archive-btn .icon-jiahao{display:block;}
.archive-cover-box > div > h3{cursor:pointer;position:relative;}
.archive-cover-box > div > h3 .iconfont {position:absolute;right:10px;top:8px;}

.classifywrap{margin-bottom: 7px;}
.classifywrap .classtit{font-weight: bold;float: left;margin-right: 15px;/*width: 40px;*/}
.classifywrap .classlist .curr a{color: #ff0000;}
.classifywrap .classlist i{padding-right:15px;display: inline-block;margin-bottom:10px;font-style:normal;}
.classifywrap .classlist i:first-child{padding-left:0;}
.classifywrap .classlist i:last-child span{margin-left:0;}
.classifywrap .classlist i span{display:inline-block;position:relative;top:2px; width:2px;height:15px;margin-left:20px; background:#7d7d7d;}
.classifywrap.alphwrap .classtit{padding-top: 2px;}
.classifywrap.alphwrap td i{display:block;float:left;border:solid 1px #ccc;padding: 0;height:22px;border-radius:3px;text-align:center;margin-right:4px;}
.classifywrap.alphwrap td i a{padding: 0 5.5px;}
.classifywrap.alphwrap td i.curr a{font-weight:bold;}
.figrue-detail-banner .owl-buttons{text-align:left;}
.figrue-detail-banner .owl-prev,.figrue-detail-banner .owl-next{display:inline-block;margin-right:20px;color:#3b40b6;font-weight:bold;}

.chooseAll input{margin-right:5px;    margin-top: 0;}
a.page-btn, .article-main-mid a.page-btn{background:#3b40b6;}
.main .search-sort a.active{ background-color: #3b40b6;border-color: #3b40b6;}
.video-detail-title{ font-size: 18px; font-weight: bold;    margin: 20px 0 30px 0;}
.figure_button .table-csv-right{color:#3b40b6;}
styled-content{display:inline-block;text-indent: 0;}
styled-content img.graphic{display:block;}

.content-nav .jumplink-list .div1{line-height: 20px;}
.content-nav .jumplink-list .div1 + .div1{margin-top:2px}
.article-header-new ul.fl{margin:0;}
.article-main-mid .navTitle span{font-size:20px;}
.child-article-detail li#aboutArticle{margin-top:50px;}
.iphone-wrapper li .sec-title{line-height:21px;height:auto;}
.archtop {display:none;}
.box-tan .ref-btn{margin-top:10px;}
.article-main img{max-width:100%;}

.article-header .article-tab .icon-fuzhi,.article-header .article-tab .icon-xiazai1{color:#505050;font-size:20px;}
.about-author.marginT {margin-bottom:15px;}
.j-info{margin-top:20px;} 
.addr-more{ margin-top: 5px;display: inline-block;}
#graphicalAbstractInfoEn .navTitle{margin-bottom:15px;}
.addr-more.marginT{margin-top:6px;}
.child-article-detail #myTabContent{margin-top:50px;}
.child-article-detail .metrics{margin-top:30px;}
#summaryInfo p{margin-bottom:5px; padding-left:15px;position:relative;}
#summaryInfo p:before{content:'';position:absolute;width:5px;height:5px;background:#e95707;left:0;top:10px}
#summaryInfo p:empty{display:none;}


#summaryInfo p{margin-bottom:5px;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #3b40b6 url("../images/back_top.png") no-repeat center center; visibility: hidden;}

.show-table .picbox #big_play_prev,.show-table .picbox  #big_play_next{display:none;}

.if-box{margin-bottom:20px;}
.if-desc h3{font-style:italic;}
.if-center > h3,.if-right > h3{ font-size: 20px;margin: 0 0 10px 0; color: black;}
.if-center .metric-bar,.if-right .metric-bar{background-color: #E5E5E5;border-left:2px solid #3b40b6; margin-bottom: 16px; padding: 8px 16px;}
.if-center .metric-bar .score,.if-right .metric-bar .score{font-size:24px;}
.if-center .metric-bar,.if-right .metric-bar{font-size:14px;color:#555;border-right:15px solid #F1F1F1;}
.if-metrics{margin-right:-15px;}
.metric-bar .commoniconfont{display:none; margin-left:2px;font-size: 14px;}
.cover-image img{width:117px;}
.metric-bar {color:#f4f4f4;}
.cover-image-new{float:left;margin:0 10px 0 0;}
.if-desc{padding-top:20px;}
.innovation-body .if-box .container {    background: #F1F1F1; padding: 15px 15px;}
.innovation-body .archive-box .container{background:none;padding:0;}
/*
.innovation-body .most-read .container,
.innovation-body .more-from-innovation .container{    padding: 15px 15px;background: #F1F1F1;}
.innovation-body .videos .container,.innovation-body .archive-box .container{background:none;padding:0;}
*/

/*banner new*/
.journals-banner .owl-pagination, .banner-new  .journals-banner .owl-buttons{display:none;}
.banner-new .journals-banner .owl-pagination{display:block;}
.banner-new .journals-banner{height:460px;overflow:hidden;}
.banner-new .banner-box{margin-top:20px;    border: 1px solid #f1f1f1;}
.banner-new .banner-box .banner-left{width:41.5%;float:left;background:#3b40b6;padding:35px;}
.banner-new .banner-box .banner-right{width:58.5%;float:right;position:relative;}
.banner-new .banner-box .banner-left,.banner-box .banner-right{height:460px;}
.banner-new .banner-box .banner-left,.banner-box .banner-left a{font-size:28px;color:#fff;}
.banner-new .banner-box .banner-right a{position:absolute;top:0;right:0;bottom:0;left:0;}
.banner-new .banner-box .owl-controls{    bottom: 35px;text-align: left;padding-left: 30px;}
.banner-new .owl-buttons{display:none;}
.banner-new  .journals-banner.owl-theme .owl-controls .owl-page span{border:0;background:#f1f1f1;width: 10px;height: 10px;margin: 0 5px;}
.banner-new .banner-description,.banner-new  .article-list-author,.banner-new  .article-list-author a{font-size:16px;}
.banner-article .article-list-title ,.banner-news .news-title{line-height:1.3;}
.banner-article .article-list-title{margin-bottom:30px;}
.banner-description{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.banner-description, .banner-article .article-list-author {margin-top:30px;}
.banner-new  .article-list-author span{font-size:16px;color:#fff;}

.main-article-new  .pdf-xml div{background: #3c44b3;}
.main-article-new .article-right-share a{color:#3c44b3;}
.main-article-new .pdf-xml .download-pdf,.main-article-new .pdf-xml .download-xml{width:100%;margin:0;}
.main-article-new .download-pdf .fa{margin-right:10px;position:relative;}
.main-article-new .download-pdf a{text-decoration:none;}
.main-article-new .article-right-pic{width:100%;}
.main-article-new .main-right {margin-bottom:20px;}

.bottom-journals li{width:16.666%;float:left;text-align:center;margin-top:20px;padding:0 10px;}
.bottom-journals li img{    height: 148px;width: 111px;max-width:100%;margin-bottom:10px;}
.bottom-journals li a{color:#e1e1e1;}
.bottom-journals-box{margin-bottom: -30px;padding-bottom: 10px; background: rgba(255,255,255,0.1); opacity: 1;}


.i-search-btn{position:relative;} 
.search-journals input,.showSelected{height: 27px;line-height: 27px;}
.showSelected{width:215px; margin-right:15px;border-radius: 4px;   font-size: 14px;background:#fff;padding:0 10px;float:left;position: relative;cursor:pointer;overflow: hidden;}
.showSelected .fa{ position: absolute;right: 10px;top: 7px;    color: #000}
.search-journals{position:absolute;left:0;top:27px; width:215px; padding:15px 10px;background:#fff;    border: 1px solid #ddd;border-top:0;}
.i-search-btn .search-content {width: calc(100% - 323px);}
.search-journals li{float:none!important;cursor:pointer;}
.search-journals li:hover{color:#3b40b6;}
.search-journals li + li{margin-top:3px;}
.search-result-wrap .showSelected  {    text-align: left;margin-right: 15px;height: 34px;line-height:22px; padding: 6px 12px;font-size: 14px; color: #555; border: 1px solid #ccc; border-radius: 4px;}
.search-result-wrap .search-journals li{text-align:left;line-height: 25px; }
.search-result-wrap .search-journals li span{margin:0;}
.search-result-wrap .search-journals{    border: 1px solid #ddd;border-top: 0;z-index: 1;}

.floatwrap{width:280px;}
.floatwrap h3{margin:0;background:rgb(59,64,182);font-size:18px;min-height:33px;}
.floatwrap img{max-width:100%;}
.f-adv1{position:relative;}
.f-adv1 .closewindow {position:absolute;right:5px;top:5px;}
.floatwrap .floatcon{padding:0;}
.floatwrap .floatcon p{margin:0;}

@media (max-width: 1600px){
	
.sec-banner h3{  font-size:28px;  margin-bottom: 25px}

}

@media (min-width: 1380px){
	
body .container {width: 1350px;}
.cover-img-box img{width:800px;}
}

@media (max-width: 1380px) and (min-width:1200px){
body .footer-item-four{width:calc(100% - 720px);}
body .footer-item-two{width:210px;}

}

@media (min-width: 992px){
.main .main-right{width: 22%;float:left;border: 1px solid #eeeeee;padding: 15px 22px;}
.main .main-left{    width: calc(78% - 60px);float:right; border: 1px solid #f9f9f9; padding: 10px 20px;}
.innovation-body  .journals-banner .sec-banner-right{margin-top:27%;}
}

@media (max-width: 1380px){
.banner-new {margin-bottom:20px;}
.banner-new .banner-box{margin-top:0;}
.banner-new .journals-banner{height:100%;}
.banner-new .banner-box .banner-left{position:absolute;bottom:0;height:auto;left:0;right:0;z-index:5;}
.header-nav ul > li > a{    padding: 0 14px 0 14px;}
.banner-new .banner-box .banner-right,.banner-new .banner-box .banner-left{width:100%;float:none;}
.banner-left .article-list-author, .banner-description {display:none;}
.banner-new {position: relative;display:block;padding-top:calc((460 / 790) * 100%);   }
.banner-new .banner-box{position:absolute;left:-15px;top:0;right:-15px;bottom:0;padding:0;}
.banner-new .banner-box .owl-controls{padding:0;text-align:center;bottom:10px;}
.banner-box .banner-right{height:100%;}
.banner-new .banner-box .banner-left, .banner-box .banner-left a{font-size:20px;}
.banner-new .banner-box .banner-left{padding:15px 15px 30px 15px;background: rgba(0,0,0,0.5);}
.banner-new .owl-theme .owl-controls .owl-page span{width:8px;height:8px;}
.banner-article .article-list-title{margin:0;}

}
@media (min-width: 1200px){
.main > .container{padding:0;}
/*
.most-read-articles .col-xs-12 > div{min-height: 370px;}
.most-innovation-articles .col-xs-12 > div{min-height: 370px;}
*/
.videos-right .video-list:nth-of-type(1),.videos-right .video-list:nth-of-type(2){margin-bottom: 20px;}
.com-tit-box a{right:45px;}



}


@media (min-width: 992px){
.submission li{width: 20%;float: left;}
.video-detail-box{padding:0 60px;}
.video-detail-box > div{width:640px;    margin: 0 auto;}
.video-detail-box > div video{max-width:100%;}
.main-article-new .main-left{float:left;}
.main-article-new .main-right{float:right;}

}

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

}


@media (max-width: 1200px){
.video-img{height: 0;padding-top: calc((400 / 550) * 100%);}
.videos-right .video-img{padding-top: calc((400 / 550) * 100%);}
.online-articles .col-md-6{width:100%;}
.top .container{padding:0 15px;}
.phone-nav .container .logo:before{display:none;}
.phone-nav .container .logo{padding:0;margin-top:0;}
.phone-nav .search-app-wrap .sub{top:8px;}
.submission li a{font-size:14px;}
.videos-right .video-list{padding: 0 5px;}
#myTabContent #FullText{margin-top:0;}
body.articleBodyEn .articleEn .article-title h1{font-size:24px;}

#FullText.phone-htmlContent h3.navTitle b{font-weight:normal;}
.article-app footer{width:200px;}
#summaryInfo > h3, #graphicalAbstractInfoEn > h3{display:none;}
#myTabContent>li#References{display:none;}
.child-article-detail #myTabContent{margin-top:30px;}
.article-app footer{margin-top:10px;}
.child-article-detail li#aboutArticle{display: block!important;margin-top:30px;}
.innovation-body .archive-box .container{padding:0 15px;}
#myTabContent .archive-list{display:block;}
body .footer-item-one,body .footer-item-two,body .footer-item-three,body .footer-item-fore,body  .footer-item{width:auto;float:none;margin:0 0 20px 0;}
}
@media (max-width: 992px){
.submission li{display: block;}
.submission li+li{margin-top:10px;}
/*.submission li .drop-down{display:block;position:static;}*/
.cover-info,.current-articles ,.videos-big, .videos-right{padding:0;float:none;width:100%;}
.more-from-innovation .col-xs-12{width:100%;}
.videos-right .video-list{width:100%;margin-top:15px;}
.videos-right > div{margin:0;}
.current-articles .col-md-3 {margin-bottom:15px;}
.cover-info, .current-articles{margin-bottom:20px;}
.cover-info{text-align:center;}
.cover-info > a{width:200px;display:inline-block;}	
.most-read-articles .col-xs-12, .current-articles .col-md-3,.online-articles .col-md-6, .most-innovation-articles .col-xs-12{width:50%;}
.archive-box .archive-item{width:50%;margin-bottom:15px;}
.archive-img{display:block;}
.archive-img a{width:100%;height:auto;padding-top:calc((205 / 153) * 100%);}
.com-tit-box h3{font-size:22px;}
.com-tit-box a{    width: 75px;font-weight: normal;line-height: 25px;  height: 27px; top: 27px;}
.videos-right .video-list{padding:0;float:none;}
.border-two{display:block;}
.border-five{display:none;}
.online-articles .article-list-img{height:auto;}
.online-articles .article-list-img a{    position: static;    transform: none;}
.videos-big .video-img a{ width: 60px;height: 60px;line-height: 60px;font-size:26px;}
.if-center{margin-top:15px;}
/*
.innovation-body .videos .container,.innovation-body .more-from-innovation .container,.innovation-body .archive-box .container{padding:0 15px;}
*/

.sec-banner-right{width:100%;    text-align: center;padding:6px 10px!important; top: auto!important;bottom: 0;transform: translateY(0)!important;}
.sec-banner-right p,.sec-banner-right *{line-height:1.2!important;}
.sec-banner-right * {font-size:14px!important;}
.sec-banner-right p{margin-bottom:0;display:inline-block;margin-right:15px;}
.innovation-body .journals-banner .item .container{align-items: end;}
.if-center .metric-bar, .if-right .metric-bar{border:0;}
.if-metrics{margin-right:0;}
.if-center,.if-right{padding:0;}
.rh-edit-news-detail video{max-width:100%;}
}

@media (max-width: 768px){
.header-top{height:auto;}
.journals-banner { height: calc((3 / 4) * 100vw);}
.journals-banner + .i-tip{margin-top:-20px;background:#eee;padding:15px 5px;margin-bottom:20px;  font-weight:bold;  color: #194fc9;text-align:center;}
.journals-banner + .i-tip > span{float:none;}
.submission-tips span{height:auto;line-height:25px;}
.submission-tips{padding: 15px 15px;}
.online-articles .article-list-img,.online-articles .article-list-img + .article-list-info{width:100%;float:none;padding:0;}
.online-articles .article-list + .article-list{margin-top:15px;}
.footer-item-one,.footer-item-two,.footer-item-three,.footer-item-four{float:none;width:100%;margin:15px 0 0 0;}
.footer-item + .footer-item{margin-left:0;}
.footer .container{padding:0 15px;}	
.footer-item-four ul{width:100%;float:none;}

.article-list .article-list-img, .article-list .article-list-img + .article-list-info{width:100%;float:none;}
.article-list .article-list-img + .article-list-info{margin-top:10px;}
.sec-banner h3{font-size:20px;margin:15px 0;}
.sec-banner .second-banner-description{font-size:12px;line-height:15px;}
.sec-banner > div{top:50%;}
.new-list{padding-left:0;padding-right:0;}
.phone-nav .container .logo{width:calc(100% - 85px);text-align:center;;}
.phone-nav .container .logo img{display:inline-block;}

h1.column-title, h1.article-title{font-size:20px;}
.new-list{padding:10px 0;}
.new-list-description{font-size:12px;  overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.new-list .new-list-title{margin:0 0 10px 0;}
.new-list .new-list-img{width:100px;}
.new-list .new-list-img + .new-list-info{    width: calc(100% - 100px);padding-left:15px;}
.figure-list ul li,.j-archive-article.figures-box .figure-list ul li{padding-left:0;padding-right:0;background:none;}
.figure-list ul li .date{display:none;}
.figure-list ul li a{width:100%;float:none;}
.article-list-title a{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.materials-body .footer-item-two img{margin:0;}

.footer{display:none;}

.online-articles .col-xs-12:nth-of-type(1) > div, .online-articles .col-xs-12:nth-of-type(2) > div{background:none;}

.articleBody  .wechat-share-div{display:none;}
.search-result-wrap  .inputText {float:none;width:100%!important;margin:0!important;}
.search-result-wrap  .inputText input {margin:10px 0 0;}
.search-result-wrap .search-page-journals{margin-bottom:10px;}
.search-result-wrap .search-wrap .inputText .clearText{top:40px;}
}

@media (max-width: 375px){
.com-tit-box h3{font-size:21px;}

}

.pdf-xml .download_supplementary{text-decoration: none;margin-top: 10px; background: #3c44b3;color: #fff;  text-align: center;  line-height: 35px; height: 37px; border: 1px solid #ccc;border-radius: 5px;}
.pdf-xml .download_supplementary .fa{margin-right:10px;font-size: 16px;}
.article-app .pdf-xml .download_supplementary  {    height: 32px;line-height: 30px; background-image: -webkit-linear-gradient(top, #f15a4d 0%, #c8100b 100%);background-image: -o-linear-gradient(top, #f15a4d 0%, #c8100b 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#f15a4d), to(#c8100b));background-image: linear-gradient(to bottom, #f15a4d 0%, #c8100b 100%);}
.rh-edit-news-detail img{max-width:100%;}

.web-statistics{display:none;}
.index-body .web-statistics{display:inline;}
.figure_caption .tableTitle{font-weight:bold;}
.articleBodyEn #FullText h3,#FullText h4,.child-article-detail  .navTitle ,.child-article-detail  .navTitle2{color:#d7604d;}
#FullText h5,#FullText h5  + p{display:inline;}
#FullText h5  + p + p{margin-top:15px;}
.content-nav a{font-size:13px;}
.content-nav div+div,.article-main-left .content-nav .jumplink-list .div1 + .div1{margin-top:6px;}
.back-article {position:relative;display:inline-block;padding-right:20px; color:#3c44b3;margin-right:25px;cursor:pointer;}
.back-article .commoniconfont {position:absolute;right:0; transform: rotate(-90deg);display:inline-block;}
#References .reference-tab .ref-btn a{border-bottom:1px solid #3c44b3;text-decoration:none;}
/*.right-sup ul a{color:#222;}*/
.sup-mark {font-size:13px;color:#777;margin-top:5px;} 

.main.publicity .rh-edit-news-detail{max-width:700px;margin:0 auto;}
#Abstract .navTitle, #graphicalAbstractInfoEn .navTitle, #summaryInfo .navTitle{color:#d7604d;}
.first-second-color #FullText section:nth-child(1) .navTitle {color:#222;}

.gao-bot h4{margin-top:0;}
.search-journal-name{color:#999999;margin-right:10px;}
.right-cited,.phone-cited{display:none;}


/*.editor-detail-page .main-left,.editor-detail-page .main-right{border:none;}*/
.editor-detail-page .main-left li{font-size:18px;color:#222;}
.editor-detail-page .main-right{padding-top:20px;}
.editor-detail-page .main-right li{cursor:pointer;}
.editor-detail-page .main-right li.ac{color:#3b40b6;font-weight:bold;}
.editor-detail-page .main-right li + li{margin-top:10px;}
.editor-detail-page .img-box img{width:169px;    max-width: 100%;border-radius:50%;    overflow: hidden}
.editor-detail-page .img-box {margin-bottom:10px;    text-align: center;}
.editor-detail-page .desc{margin-top:10px;font-size:14px;}
.editor-detail-page .desc p{margin-bottom:5px;}
.editor-detail-page  .editor-name{font-size:16px;text-align:center;margin-bottom:10px;}
.editor-detail-page  .editor-tit{font-size:28px;color:#222;margin-bottom:30px;margin-top:40px;}

.editor-detail-page .editor-intr{margin-bottom:30px;}
.editor-detail-page .main-right h2{font-size:24px;}
.editor-detail-page .editor-members .img-box img{width:105px;height:105px;    border-radius: 0;    border-radius: 50%;}
.editor-detail-page .editor-members .img-box a{padding:2px;border:1px solid  #f7f7f7;    display: inline-block;border-radius: 50%;}
.editor-detail-page .editor-members ul{font-size:0;}
.editor-detail-page .editor-members li{ font-size:14px;float:none; display:inline-block;width:20%;padding-left:10px;padding-right:10px;margin-bottom:25px;    vertical-align: top;}
.editor-detail-page .editor-members .editor-name, .editor-detail-page .editor-members .img-box{text-align:left;}
.editor-detail-page .editor-members.m1 li{width:25%;}

.editor-detail-page .editor-members.editor-members-one  li{width:100%;}
.editor-members-one .img-box {float:left;}
.editor-members-one .editor-name, .editor-members-one .desc{    position: relative;top:10px;}
.editor-members-one .img-box{margin-right:8px;}

@media (max-width: 992px){
.editor-detail-page .main-right{display:none;}
.editor-detail-page .editor-members li, .editor-detail-page .editor-members.m1 li{width:33.333%;}
}

@media (max-width: 768px){
.editor-detail-page .editor-members li,.editor-detail-page .editor-members.m1 li{width:50%;}
}