/*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{color:#005389;} /**1.页面字体需要变主色调，直接调用mainColor;2.参考文献doi颜色与主色调一致**/ /*文章页颜色*/ .article-pc .mainColor,.article-main-mid a{color:#005389;} /*文章页标题下方显示与隐藏按钮*/ .content .article .article-left .togglebtn i{padding: 2px;} .archcon.archcon-new dl dd.active a{} .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: #005389;} /*2019年5月13日版本过刊标题*/ .guokan-tit h2{color:#005389;} /*移动端搜索头部下拉框颜色*/ .phone-nav .search-app-wrap select option{background: rgba(9, 96, 192, 0.9);} /*滑上去的颜色*/ .header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#00d1bb;} /*向上箭头*/ .bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #005389 url("../images/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:#005389;} #page-tag-div .pagination>.active>a{border-color:#005389;} .footer .btmb{padding-top:8px;padding-bottom:8px;} /*手机下拉颜色有透明度，自己看着写*/ .phone-nav .search-app-wrap,.smallUl{background: rgba(0, 91, 196, 0.9);} /*以上是需要改颜色的*/ .footer .top span{margin-right:10px;} .smallUl{ z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none;} .smallUl a{color: #fff; display: block; line-height: 24px;} .smallUl>li{text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .smallUl li > a{padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block;} .smallUl > li > a span{margin: 0 0 0 10px;} .smallUl > li > a span img{vertical-align: middle; margin: -3px 0 0; transition: all 0.2s;} .smallUl > li > a span.active img{transform: rotate(90deg);} .smallUl > li > ol{display: none;} .smallUl > li > ol a{padding: 0 8%;} .navList{width: 30px; cursor: pointer;} .navList span{height: 3px; background-color: #fff; margin: 0 0 8px 0; display: block; transition: all 0.5s;} .navList span:last-child{margin: 0;} .navList{display: block;padding-top:6px;} .navList span:last-child{margin: 0;} .phone-nav input::-webkit-input-placeholder{color: #fff; opacity: 1;} .phone-nav .text{background: #fff;} .phone-nav .text{line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px;} .phone-nav .sub{width: 35px; height: 25px; background: #fff url(../images/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;} .phone-nav .en{line-height: 25px; color: #fff;} .phone-nav .search-app-wrap{display: none;position: absolute;left: 0;width: 100%;top: 50px;z-index: 2000;padding: 8px 0;} .phone-nav .search-app-wrap select{width: 23%;border: none;height: 30px;border-radius: 4px;padding: 0 0 0 5px;background: rgba(255, 255, 255, 0.2);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("../images/search1.png") no-repeat center center;background-size: 22px;position: absolute;right: 15px;top: 8px;} /*.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/search1.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;font-size: 22px;color: #fff;} .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/search2.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;} .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%;} } /*头部导航css*/ .top .nav{border-top:solid 2px #fff;height: 38px;line-height: 36px;text-align: center;} .top .nav ul>li{float: left;font-size: 16px;position: relative;height: 36px;} .top .nav li a{color: #fff;display: block;text-align: center;padding: 0 26px;} .top-en .nav li a{padding:0 10px;} .top .nav ul li a:hover,.top .nav li.active{text-decoration: none;} .nav-second{display: none;position: absolute;z-index: 100;} .header-nav{border-top:solid 2px #fff;} .header-nav .container{padding:0;} .header-nav ul > li{float: left; position: relative;text-align: center;} .header-nav ul > li > a{display: block; color: #fff; line-height: 34px;font-size: 16px;padding:0 23px;} .header-nav-en ul > li > a{padding:0 20px;} .header-nav ul > li > a span{display: inline-block; width: 7px; height: 4px; background-size: 7px 4px; margin-left: 6px; position: relative; top: -3px;} .header-nav ul > li ol{position: absolute; left: 0; top: 34px; min-width: 100%; z-index: 101; display: none;} .top .header-nav ul > li ol li a{font-size: 18px; display: block; padding: 0 26px; white-space: nowrap; color: #fff; line-height: 50px;} .phone-nav .sub{background: #fff url("../images/search1.png") no-repeat center center;} .header-nav ul > li > a span{background: url("../images/nav-arrow1.png") no-repeat center center;} /*头部导航css end*/ /**********************************/ .header .container{background: url(../images/topbg.png) no-repeat center;} .tab-ul-index li {width:108px;} .archcon.archcon-new dl dd{min-width:50px;} body{font-size: 14px;} .comwrap{padding-bottom: 5px;min-height:160px;} .comtit{width: 100%;background: #005389; font-size: 14px;height: 31px;line-height: 31px;color: #fff;position: relative;padding-left: 35px;margin-bottom: 18px;} .comtit span{display: block;position: absolute;width: 20px;height: 20px;top:6px; left: 10px;background: url(../images/icotit.png) no-repeat;} .comtit a{position: absolute; right: 20px;color: #fff;font-size: 10px;} .comlist li {position: relative;margin-bottom: 5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .comlist li a{padding-left: 20px;color: #333;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .comlist li a span{position: absolute;top:4px;left: 10px;display:block;width: 5px;height: 11px;background: url(../images/icolist.png) no-repeat;} /*css reset end*/ .header{background: #005bc4;} .main-left{padding: 0 20px 0 0;} .main-right{padding: 0 0 0 20px;} /**********************************/ html body{font-size:14px;color:#222;} .index-box .main{padding-top:0;padding-bottom:0;} /* 顶部搜索 */ body{background:#f2f2f2;} .headerbg {height:190px;background: url(../images/headerbg.jpg) center center no-repeat;background-size:100% 100%;background-size: cover;} .headerbg .logo {line-height:36px;font-size: 48px;color: #fff;padding-top: 40px;} .headerbg .logo a{text-decoration:none;color: #23527c;} .headerbg .logo span{font-size: 17px;letter-spacing: 3px;} .article-main .inner{background:#fff;} .logor {padding:0;} .logor .qrcode{width:100px;height:100px;margin:47px 0 0 50px; } .search-wrapper{display:block;} .search-wrapper .form-group,search-wrapper .tj{margin-bottom: 0;border-right: 0;} .search-wrapper .searcontent, .search-wrapper .tj{height: 40px;line-height: 38px;display: inline;} .search-wrapper .searcontent {width:286px;border-radius:0 3px 3px 0; text-indent: 10px;border:1px solid #9e9e9e; } .search-wrapper input::input-placeholder{color: #333333;font-size:15px;} .search-wrapper input::-webkit-input-placeholder{color: #333333;font-size:15px;} .search-wrapper input::-moz-placeholder{color: #333333;font-size:15px;} .search-wrapper input::-ms-input-placeholder{color: #333333;font-size:15px;} .search-wrapper .form-control{padding:0 10px;font-size:15px;border:1px solid #dddddd;} .search-wrapper .form-group{margin-left:15px;position:relative;overflow:hidden;} .search-wrapper form{margin-top:60px;} .search-wrapper .tj{position:absolute;width:48px;color:#fff;background:#005389 url(../images/searchn.png) no-repeat center center;right:0;top:0;} .search-wrapper .adSearch{color:#333;background:none;font-size:15px;margin-bottom:6px;} select{border: solid 1px #000;appearance:none; -moz-appearance:none; -webkit-appearance:none;-ms-appearance:none; background: url(../images/select_arrow_black.png) no-repeat scroll right 5px center #fff!important; background:none\9;padding-right: 25px;padding-right:0\9;} .search-wrapper .form-control{padding-left:0;} .top .nav{background:#005389;height:50px;line-height:50px;border:0;} .top .nav li a{padding:0 25px;font-size:18px;} .header-nav ul > li > a{line-height:50px;} .header-nav ul > li ol{top:50px;} .top .header-nav ul > li ol li a{padding:0 10px;} /*** 轮播图 ****/ .bannerBox {background:#d1d1d1;} .bannerBox .banner {height:400px;} .carousel-inner .item{height:100%;overflow:hidden;} .banner{border:0;} .banner .carousel-indicators{max-width:180px;text-align:right;margin-left: 0;left:auto;right:0;bottom:15px; padding-right: 15px; } .banner .bancon .carousel-control {width: 40px;height: 40px;top: 40%;left:8px;} .banner .bancon .carousel-control.rightbanner {left: auto;right: 0;} .carousel-control{opacity:1;} .carousel-inner .item {/*border: 1px solid #b4b4b4;*/overflow:hidden;border-raius:4px;} .carousel-inner .item a{position:relative;display:inline-block;width:100%;height:100%;} .carousel-inner .item .pic{position:relative;height:100%;text-align:center;} .carousel-inner .item .pic img{height:100%;max-height: 400px;width: 100%;} .carousel-inner .item .pic .mc{padding:12px 10px;background:rgba(17,76,129,0.8);position:absolute;bottom:0;left:0;width:100%;text-align:left;} .carousel-inner .item .pic .mc .thumbtitle{font-size:16px;font-weight:bold;color:#fff;display:inline-block;max-width: 80%;} .banner .slick-dots{position: absolute;right: 10px;bottom: 16px;} .banner .carousel-indicators li, .banner .slick-dots li{width:10px;height:10px;border:0;background:#fff;margin:0 5px;border-radius:0;display: inline-block;} .banner .carousel-indicators .active, .banner .slick-dots li.slick-active{background-color:#00d1bb;} .banner .slick-dots li button{display: none;} .banner .bancon .carousel-control {width: 31px;height: 60px;top: 40%;left:0;} .banner .bancon .carousel-control.toright {left: auto;right: 0;} .banner,.banner #myCarousel,.banner .carousel-inner,.banner .item {height:100%;} .index-box .main .tsg .container{background:#e5e5e5;padding:30px 0;} .tsg a{display:block;float:left;width:22%;width:22.33%;line-height:50px;text-align:center;font-size:18px;color:#fff;margin-right:1%;margin:0 1.25%;background:#005389;} .tsg a:hover{background:#00d1bb;} .tsg a span{display:inline-block;width:30px;height:30px;background: url("../images/icons.png") no-repeat center center;position: relative;top: 7px;margin-right:15px;} .tsg a.zztg span{background-position:0 0;} .tsg a.zjsg span{background-position:0 -30px;} .tsg a.bjbg span{background-position:0 -60px;} .tsg a.zbbg span{background-position:0 -90px;} .comwrap{padding:30px 0 20px 0} .comwrap .com-tit{font-size:18px;color:#222;margin-bottom:15px;padding-left:30px;position:relative;border-bottom:1px solid #cccccc; padding-bottom:10px;} .comwrap .com-tit a{float:right;font-size:14px;color:#999;} .comwrap .com-tit .icon{display:inline-block;width:30px;height:30px;position:absolute;left:0;top:-3px;background: url("../images/icons.png") no-repeat center center;background-position: 0 -150px;} .tzgg{width:54%;} .zzzx{width: 45%;} .comwrap ul li{line-height:27px;margin-bottom: 8px;} .comwrap ul li a{font-size:15px;color:#222;padding-left:15px;position:relative; display: block;} .comwrap ul li a:hover{color:#005389;} .comwrap ul li a .icon{display:block;position:absolute;width: 4px;height:4px;left:0;top:13px;background:#005389;border-radius:50%;} .tzgg .tit{width:70%;} .tzgg ul li .time,.tzgg ul li .tit{display:inline-block;} .tzgg ul li .time{float:right;color:#666;width:100px;text-align: right;} .zzzx.comwrap .com-tit .icon{background-position: 0 -122px;} body .whitebg{background:#fff;padding:28px 20px 10px 20px;} .journal-info{color:#222;line-height:18px;margin-top:20px;} .journal-info .banner-right-t a{display:inline-block;border:1px solid #d17171;padding:10px;margin-bottom:10px;} .journal-info .banner-right-t img{max-width:100%;} .cover-box{width:60%;padding-right:15px;} .cover-box img{max-width:100%;width:100%;box-shadow:0 0 14px rgba(0,0,0,0.14);} .cover-box + .journal-info-con{overflow: hidden;} .journal-info-con > div{line-height:21px;margin-bottom:8px;} .journal-info-con > div h3{margin-bottom:12px;} .journal-info-con > div >a{color:#222;} .journal-info-con > div .clearfix a{display:block;float:left;margin-bottom:13px;width:48%;margin-right:2%;line-height:34px;height:34px;background:#005389;color:#fff;text-align:center;} .journal-info-con a .icon{width:20px;height:14px;display:inline-block;background: url("../images/icons.png") no-repeat center center;background-position:0 -276px;position:relative;top:2px;} .yqlj ul li{float:left;} .comwrap.yqlj .com-tit{margin-bottom:20px;} .yqlj.comwrap{min-height:auto;margin-bottom:30px;padding-bottom:20px;} .yqlj.comwrap .com-tit .icon{display:inline-block;width:30px;height:30px;position:absolute;left:0;top:-3px;background: url("../images/icons.png") no-repeat center center;background-position: 0 -243px;} .yqlj.comwrap ul li a{padding:0 30px;border-right:2px solid #959595;line-height:15px;} .yqlj.comwrap ul li:first-child a{padding-left:0;} .yqlj.comwrap ul li:last-child a{border:0;} /*右侧*/ .main-right .tzgg, .main-right .zzzx, .main-right .cover-box,.main-right .journal-info-con {height:auto;width:100%;margin-bottom:20px;padding:0;} .main-right .journal-info-con{margin-bottom:0;} .main-right .tzgg .time{display:none;} .main-right .tzgg .tit{width:auto;} .footer{padding:22px 0;} .footer,.footer .btmb{background:#005389;line-height:28px;} .footer .btmb,.footer a,footer,.footer div{color:#fff;} .footer-logo{margin-right:60px;margin-top:10px;font-size: 30px;} .footer-logo img{max-width:400px;} .footer .btmb{padding:0;} .footer span{margin-right:10px;} .footer .footer-logo-r{max-width:800px;} /*文章列表*/ .com-mb{margin-bottom:25px;} .b20{margin-bottom:20px;} .colorRed{color:#b10011!important;} .tab-ul-index li{width:auto;} .tab-ul-index li.active,.tab-ul-index li{background:none;} .tab-ul-index li a{line-height:50px;font-size:18px;padding:0 41px 0 0;color:#222;} .tab-ul-index li.active a{font-weight:bold;font-size:20px;color:#005389;} .index-articles .tab-box{border-bottom:1px solid #cccccc; margin-bottom: 10px;} .index-articles .email-alert .icon,.index-articles .rss .icon{display:inline-block;width:30px;height:30px;margin-right:5px;position:relative;left:0;top:13px;background: url("../images/icons.png") no-repeat center center;background-position: 0 -180px;} .index-articles .email-alert,.index-articles .rss{color:#005389;float:right;margin:0 20px 0 0; } .index-articles .rss .icon{background-position: 0 -210px;} .index-box .article-list-journalg{display:none;} .index-articles .tab-pane .float-r{float:right;} .index-articles {padding:10px 20px 20px 20px;background:#fff;margin:30px 0;} .index-articles #current .article-list{min-height:218px;} .index-articles .article-list-left{display:none;} .index-articles .article-list-zy.morenstyle{display:block!important;color:#666;font-size:14px;color:#666;line-height:21px;} .index-articles .article-list{padding:15px 0;} .article-list{border-bottom:1px solid #e9e9e9;} .index-articles .article-list{width:48%;width:48.7%;float:left;} .index-articles .article-list-time{margin-bottom:5px;} .article-list-title,.article-list-author{margin-bottom:3px;} .article-list-title a{font-size:16px;color:#005389;} .article-list-zy.clear{margin-top:8px;} .article-list-zy .font1{display:none;} .article-list-zy font{padding:0 40px 0 0;} .article-list-author a,.article-list-time font{color:#333;font-size:14px;line-height:23px;} .article-list-zy font{color:#222;font-size:13px;} .article-list-zy font a{color:#222;} .article-list-zy.morenstyle > b{display:inline-block;} .article-list .article-img{width:156px;padding-right:15px;} .article-list .article-img img{max-width:100%;max-height:115px;} .article-list .article-img + .article-desc{width:calc(100% - 156px);float:left;} /* .hidden_line_show{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height:90px;margin-bottom:8px;} */ .more-box{margin-bottom:10px;} .more-box a{background: #fff;font-size:14px;color:#005389;display:inline-block;margin-top:30px;height:40px;line-height:40px;padding:0 55px;border:1px solid #cccccc;border-radius:20px;} .more-box a:hover{color:#981b21;} @media only screen and (min-width: 1200px){ .index-box .main .container,.index-box .container{padding:0;background:none;} .headerbg .container,.container{width:1200px;} .footer .container{padding:0;} .main .container{background:#fff;padding:20px;width:1200px;} .tzgg,.zzzx{height:510px;overflow:hidden;} .main .main-left{width:75%;} .main .main-right{width:25%;} } @media only screen and (max-width: 1200px){ .footer-logo{margin-bottom:15px;} .index-box .main .container{background:none;} .main .container{background:#fff;padding:15px;} .headerbg{display:none;} .phone-nav .search-app-wrap, .smallUl {background: rgba(0,83,137,0.9);} .tzgg, .zzzx{width:100%;} .zzzx{margin-bottom:30px;} .article-list{padding:14px 0;} .index-box .main{padding:0;} .main{padding:15px 15px;} .phone-nav .search-app-wrap select{color:#000;} } @media only screen and (max-width: 1200px) and (min-width: 768px) { } @media screen and (max-width: 992px) { .index-articles .article-list{width:100%;} } @media screen and (max-width: 768px) { .article-list .article-img{display:none;} .article-list .article-desc,.article-list .article-img + .article-desc{width:100%;} .cover-box{margin-bottom:20px;} .cover-box,.cover-box + .journal-info-con{width:100%;} .index-box .main .tsg .container {padding:0 15px;} .tsg a{width:100%;margin:0 0 10px 0;} .tzgg ul li .time{display:none;} .tzgg .tit{width:auto;} } @media screen and (max-width: 767px) { .yqlj ul li{float:none;margin-bottom:10px;} .yqlj.comwrap ul li a{padding:0;} .yqlj.comwrap ul li a{border:0;} .footer span{display:block;text-align: left;margin:0;} .footer-logo{margin:0;float: none;text-align: center;} .footer-logo img{max-width:100%;} .bannerBox .banner{height:160px;padding:0;margin-bottom:20px;} .bannerBox{background:none;} .footer .footer-logo-r{width:100%;margin-top: 20px;} } @media screen and (max-width: 560px) { } @media screen and (max-width: 375px) { } /********************************/ .showCount{font-weight:700;} .ul-list1{ margin: 0 -10px; overflow: hidden; } .ul-list1 li{ float: left; width: 25%; padding: 0 10px; } .ul-list1 li a{ display: block; background: #FCFCFC; border-bottom: 2px solid #D7D7D7; color: #999; font-size: 14px; padding-left: 0 !important; } .ul-list1 li .pic{ overflow: hidden; } .ul-list1 li .pic span{ height: 260px; -webkit-transition:.3s; transition:.3s; display: block; width: 100%; -webkit-background-size: cover;overflow: hidden; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .ul-list1 li .txt{ height: 123px; padding: 20px 10px; font-size: 14px; } .ul-list1 li .txt h3{ color: #444; font-size: 16px; margin-bottom: 10px; } .ul-list1 li .txt p{ word-break: break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color: #666; } .ul-list1 li a:hover .pic span{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transform-origin: 50% 50%; } .ul-list1 li a:hover { border-bottom-color: #0099CE; } .ul-list1 li a:hover .txt p{ text-decoration:none; } .solution{ mask-top: 30px; overflow: hidden; } .ul-bao{ margin: 0 -4%; overflow: hidden; } .ul-bao li{ font-size: 16px; margin-bottom: 30px; padding: 10px 4%; width: 50%; float: left; overflow: hidden; border-bottom: 1px solid #e9e9e9; } .ul-bao li .pic{ float: left; margin-right: 20px; width: 170px; display: none; } .ul-bao li .pic a{ height: 240px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: block; width: 100%; text-decoration: none; } .ul-bao li .txt{ overflow: hidden; line-height: 24px; font-size: 14px; text-align: justify; } .ul-bao li strong{ display: block; font-size: 36px; background-size: contain; color: white; width: 40px; line-height: 40px; height: 40px; text-align: center; float: left; border: 1px solid #005ba7; margin-right: 10px; } .ul-bao li strong img{ width: 17px; } .ul-bao li h3{ font-size: 16px; line-height: 40px; } .ul-bao li h3 a em{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .ul-bao li .time{ font-size: 14px; color: #999; margin-bottom: 8px; } @media screen and (max-width: 640px){ .ul-list1 li{width: 100%;} .ul-bao li .pic{float: none;width: 100%;} .index-articles #current .article-list{min-height: auto !important;} } .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0} .content-item-title { display: flex; justify-content: space-between; padding: 0px 0 15px; border-bottom: 1px solid #D7D7D7; margin-bottom: 15px; font-size: 28px; } .Editorial-Position span { margin-right: 15px; font-weight: bold; } .body-content-item .item-content { display: flex; justify-content: space-between; /*margin-bottom: 15px;*/ } .body-content-item .item-content .item-left img { min-width: 90px; max-width: 120px; } .body-content-item .item-content .item-right { width: 100%; } .name-position { display: flex; justify-content: space-between; } .name-position .name { display: inline-block; margin-right: 20px; cursor: pointer; font-size: 20px; font-weight: bold; } .name-position .position { font-size: 16px; } .body-content-item .item-content .item-right>div { margin-bottom: 20px; } .institution .title, .interests .title, .ntroduction .title { font-size: 14px; line-height: 14px; font-weight: bold; } .body-content .item-right .content { margin-top: 5px; } .body-content .content p, .body-content-item .content p { margin: 0; line-height: 22px; } .body-content-item .item-content .item-right>div { margin-bottom: 20px; } .body-content-item .item-content .item-right>div.name-position { margin-bottom: 25px; } @media (min-width: 768px) { .body-content-item .item-content .item-right { padding-left: 20px; } }