/*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: #179252; } 


.article-pc .mainColor,
.article-main-mid a { color: #179252; } 

.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: #179252; } 

.guokan-tit h2 { color: #179252; } 


.header-nav ul>li.active>a,
.header-nav ul>li ol li:hover,
.header-nav ul>li:hover>a { background: #FF9630; } 

.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #179252 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: #FF9630; text-decoration: none; } 

.article-list-time a:hover,
.article-list-author a:hover,.article-list-zy font a:hover { color: #31B16E; text-decoration: none; } 

#page-tag-div .pagination>.active>a { border-color: #179252; } 

.phone-nav .search-app-wrap,
.smallUl,
.phone-nav .search-app-wrap select option { background: rgba(23, 146, 82, 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: 46px; 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: #179252 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 img { max-width: 680px; } 

.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 0px; position: relative;margin-top: 1px; } 

.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 .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 .header-nav ul>li:hover { background: #179252; } 


.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; padding: 0 20px; } 

.top .nav li a { color: #fff; font-size: 17px; display: block; text-align: center; padding: 0; font-weight: bold; } 

.top .nav ul li a:hover,
.top .nav li.active { text-decoration: none; color: #fff; } 

.nav-second { display: none; position: absolute; z-index: 100; } 

.header-nav { border-top: solid 2px #fff; } 

.header-nav .container { padding: 0; } 

.header-nav ul>li { float: left; position: relative; text-align: center; } 

.header-nav ul>li>a { display: block; color: #fff; line-height: 34px; font-size: 17px; padding: 0 23px; } 

.top .nav.header-nav-en ul>li { padding: 0 2px; } 

.top .nav.header-nav ul>li { padding: 0 15px; } 

.header-nav-en ul>li>a { padding: 0 2px; } 

.header-nav ul>li>a span { 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: 46px; min-width: 100%; z-index: 101; display: none; } 

.header-nav ul>li ol li:hover,
.header-nav ul>li ol li:hover a { border: 0; background: rgba(191, 191, 191, 0.3); color: #000 !important; } 

.top .header-nav ul>li ol li a { padding: 0 10px; font-size: 16px; color: #000; } 

.top .header-nav ul>li ol li a { text-align: center; } 

.header-nav ul>li ol { z-index: 9999; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.33); background-color: rgba(255, 255, 255, .95); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } 

.top .header-nav ul>li ol li a { font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #000; line-height: 42px; } 

.bbykiconfont.bbyk-sousuo1 { color: #FF9630; position: absolute; right: 8px; font-size: 24px; top: 2px; font-weight: normal; pointer-events: none; } 

.phone-nav .sub { background: #fff url("../../../style/images/public/search1.png") no-repeat center center; } 

.top .bbyk-tabxiala.bbykiconfont{position: relative;top: -1px;font-size: 11px;}

.search-btn { font-size: 20px; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.82); } 

/**********************************/

body { font-size: 15px; font-family: "Arial", "微软雅黑", "Helvetica,sans-serif", "Microsoft YaHei"; color: #000; } 

.main { padding-top: 20px; padding-bottom: 0px; } 

.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; } 



@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: "bbykiconfont"; /* Project id 4424425 */
src: url('./fonts/iconfont.woff2?t=1710296500671') format('woff2'),
url('./fonts/iconfont.woff?t=1710296500671') format('woff'),
url('./fonts/iconfont.ttf?t=1710296500671') format('truetype'); } 

.bbykiconfont { font-family: "bbykiconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 

.bbyk-bofang1:before { content: "\e87c"; } 

.bbyk-zhuanti:before { content: "\e629"; } 

.bbyk-caidan:before { content: "\e62f"; } 

.bbyk-sousuo1:before { content: "\e6d9"; } 

.bbyk-bianjiwenjian:before { content: "\e600"; } 

.bbyk-tabxiala:before { content: "\e6dc"; } 

.bbyk-left-1:before { content: "\e603"; } 

.bbyk-right-1-copy:before { content: "\e61f"; } 

.bbyk-xitongguanli_jiaoseguanli:before { content: "\e628"; } 

.bbyk-bofang:before { content: "\e609"; } 

.bbyk-rss:before { content: "\e62b"; } 

.bbyk-youjian1:before { content: "\e615"; } 

.bbyk-zhuanjia:before { content: "\e602"; } 

.bbyk-yingxiaoguanli-dingdanguanli:before { content: "\e642"; } 

/* 字体图标结束 */

.search-wrapper select { width: 100px; height: 45px; margin-right: 0; font-size: 14px; border: none; padding-left: 15px; background: url(../../../style/images/public/select_arrow.png) no-repeat scroll 80% center #fff; border-radius: 0; font-weight: 400; color: #222; } 

.search-wrapper .form-control { border: 1px solid #3dab31; border-right: none; border-radius: 0; margin-left: 0; } 

.search-wrapper,
.search-wrapper a { font-size: 12px; } 

.logor { margin-top: 18px; } 

.search-wrapper .form-group,
search-wrapper .tj { margin-bottom: 0; border-right: 0; } 

.search-wrapper .form-control { height: 45px; } 

.search-wrapper .searcontent,
.search-wrapper .tj { height: 45px; line-height: 45px; display: inline; } 

.search-wrapper .searcontent { width: 247px; height: 38px; background: #FFFFFF; border-radius: 5px; } 

.indexsearch-en.search-wrapper .searcontent { width: 175px; } 

.search-wrapper input::input-placeholder { color: #DBDBDB; font-size: 14px; } 

.search-wrapper input::-webkit-input-placeholder { color: #DBDBDB; font-size: 14px; } 

.search-wrapper input::-moz-placeholder { color: #DBDBDB; font-size: 14px; } 

.search-wrapper input::-ms-input-placeholder { color: #DBDBDB; font-size: 14px; } 

.search-wrapper .form-control { padding: 0 10px; font-size: 14px; border: none; outline: none; position: relative; } 

.search-wrapper .form-group { overflow: hidden; position: relative; background: #FFFFFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33); border-radius: 3px; } 

.search-wrapper .tj { position: absolute; width: 41px; height: 38px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; right: 0; top: 0; background: none; } 

.search-wrapper .adSearch { display: inline-block; color: #fff; margin-left: 8px; font-size: 17px; font-weight: bold; color: #FFFFFF; } 

.search-wrapper .adSearch { width: 115px; height: 38px; background: #FF9630; border-radius: 3px; border: none; } 

html[lang="en"] .search-wrapper .adSearch{width: auto;padding: 0 10px !important;}

.search-wrapper #AdvanceSearchA { display: inline-block; line-height: 38px; padding: 0; } 

.search-wrapper .form-group>div { position: relative; } 

.search-wrapper select:focus-visible { border: none; outline: none; } 


.header { background: url(../../../style/images/custom/bg.jpg) no-repeat center center; background-size: cover; height: 196px; } 

.header .container { padding: 0; } 

.logo { margin-top: 40px; } 

.logor .fl { margin-top: 45px; } 

.qksl { margin-bottom: 11px; } 

.qksl li { text-align: right; font-weight: bold; font-size: 14px; color: #FFFFFF; line-height: 26px; text-shadow: 1px 3px 5px rgba(0, 23, 12, 0.74); } 


.top .nav { height: 46px; background: #179252; border: 0; } 

.top .nav.header-nav ul>li,
.top .nav li a { height: 46px; line-height: 46px; color: #fff; } 

.top .nav li ol a { height: 42px; line-height: 42px; } 

.top .nav.header-nav ul>li { padding: 0; } 

.top .nav.header-nav ul>li a { padding: 0 24px;white-space: nowrap; } 

.top .nav.header-nav.header-nav-en ul>li a { padding: 0 11px;font-size: 15px; } 

.top .nav.header-nav ul>li ol a { padding: 0 19px; } 

.header-nav .container { position: relative; } 

.top .nav.header-nav ul .search-language a { display: inline-block; background: none; } 

.top .nav.header-nav ul .search-language a:hover { color: #c62f3c; } 

.top .nav.header-nav ul .search-language .bbykiconfont { position: absolute; font-size: 30px; right: 80px; } 

.top .nav.header-nav ul .search-language { float: none; position: absolute; right: 0; font-size: 16px; color: #fff; text-decoration: none; } 

li.navdate{margin-right: 25px;}
font.dateCon{font-weight: 400;font-size: 17px;color: #FFFFFF;}
.header-nav.header-nav-en .dateCon{font-size: 15px;white-space: nowrap;}

/*轮播图*/
.ban-s.com-box { padding: 0; } 

.ban-s .bbykiconfont { position: absolute; font-size: 32px; top: 50%; transform: translate(0, -50%); color: #E4523B; z-index: 1; } 

.ban-s .bbykiconfont:hover { color: #E4523B; } 

.ban-s .bbykiconfont.bbyk-zuo { left: 6px; } 

.ban-s .bbykiconfont.bbyk-you { right: 6px; } 

.swiper-bg { display: block; width: 100%; padding-bottom: calc(342/546*100%); background-repeat: no-repeat; background-position: center; background-size: cover; } 

.swiper-tit { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .64); padding: 10px 20px; font-size: 20px; font-weight: bold; color: #FFFFFF; } 

.swiper-tit>div{-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.swiper-tit:hover { color: #fff; text-decoration: underline; } 

/*投审稿*/
.tsg { width: 18.25%; } 

.tsg li a { display: block; text-align: center; color: #fff; font-size: 24px; font-weight: bold; background: #179252; height: 70px; line-height: 70px; border-radius: 5px; } 

html[lang="en"] .tsg li a{font-size: 16px;}
html[lang="en"] .tsg li .bbykiconfont{font-size: 32px;margin-right: 7px;}

.tsg li:nth-child(2) a { background: #3DBB2B; } 

.tsg li:nth-child(3) a { background: #5AC66D; } 

.tsg li:nth-child(4) a { background: #31B16E; } 

.tsg li a:hover { text-decoration: none; background: #FF9630; } 


.tsg li .bbykiconfont { font-size: 38px; vertical-align: middle; margin-right: 7px; font-weight: normal; } 

.tsg li+li { margin-top: 21px; } 

/* 投审稿结束 */
/* 专题报道开始 */
.ztbd { width: 47.35%; padding-left: 24px; } 

/* 专题报道结束 */
.tzgg.ztbd { width: 34.4%; padding-left: 22px;} 
.tzgg.ztbd .com-title b span{cursor: pointer;}

#myTab { border-bottom: 1px solid #b5b5b5; font-weight: bold; height: 55px; padding-bottom: 55px; } 

#myTab li.active a::after { content: ''; width: 0; height: 0; border-top: 18px solid #31B16E; border-left: 14px solid transparent; border-right: 14px solid transparent; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } 

#myTab li.active { position: relative; background: #179252; border-radius: 5px; } 

.index-articles .tab-ul-index li,
.tab-ul-index li.active { width: auto; background: none; padding: 0; } 

.tab-ul-index li a { position: relative; line-height: 55px; height: 55px; color: #000; font-size: 22px; padding: 0 31px; text-decoration: none; } 

.tab-ul-index.tab-ul-index-en li a{padding: 0 19px;}

.tab-ul-index li.active a,
.tab-ul-index li a:hover { background: #31B16E; border-radius: 5px; color: #fff; } 


.index-articles .article-list-left { display: none; } 


/* 文章部分开始 */

.cur-date {margin-left: 16px;margin-top: 3px;display: inline-block;color: #505050;}

.index-main.main { background: rgba(243, 249, 242, .6); margin-top: 36px; padding-bottom: 28px; } 

.index-articles .toolBox2 { display: none; } 

.article-list-journalg { background: none; } 

.article-list-journalg a { position: relative; font-size: 15px; font-weight: bold; color: #FF9630; } 

.article-list-journalg a:hover { color: #FF9630; text-decoration: none; } 

.article-list-journalg a::before { content: ''; position: absolute; left: -10px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #FF9630; } 

.article-list-journalg a::after { content: ''; position: absolute; right: -10px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #FF9630; } 

.article-list-wrap { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: 10px;} 

.article-list-wrap .article-list-left { display: none; } 

.article-list-wrap .article-list { width: calc(50% - 30px); margin-left: 30px; position: relative;  margin-bottom: 14px; border-bottom: none; padding: 0;overflow: visible;} 

.article-list-wrap .sy-article-list {  padding:24px 20px 14px 20px; box-shadow: 0px 0px 12px 1px rgba(0, 50, 42, 0.2); background: #fff;margin-top: 5px;} 

.column.pull-left { border: none; } 


.toolBox1 ._cell {padding: 3px 17px 0 4px;border-radius: 3px;background: #31B16E;color: #fff;font-size: 13px;height: 22px;display: inline-block;} 

.toolBox1 ._cell:hover { background: #31B16E; } 

.bbykiconfont.bbyk-caidan {position: absolute;top: 1px;left: 27px;font-size: 18px !important;padding-left: 3px;} 

html[lang="en"] .bbykiconfont.bbyk-caidan { position: absolute; top: 3px; left: 60px; } 

html[lang="en"] .issue_list .bbykiconfont.bbyk-caidan { left: 50px; } 

.toolBoxBorder .toolBox1 .text_header { padding: 3px 8px 1px 8px; border-radius: 3px; margin-left: 13px; position: relative; background: #31B16E; } 

.toolBoxBorder .toolBox1 .text_header:hover { background: #FF9630; } 

.toolBoxBorder .toolBox1 .text_header:hover a { text-decoration: none; } 

.toolBoxBorder .toolBox1 .text_header a { color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; } 

.article-list-journalg { margin: 0; padding: 0 10px; } 

.article-list-title { margin-bottom: 6px; } 

.article-list-title a { font-size: 17px; font-weight: bold; color: #242424; } 

.article-list-wrap .article-list-title a {-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.article-list-title a:hover { color: #31B16E; } 

.article-list-author a,
.article-list-time a,
.article-list-zy a,
.article-list-author font,
.article-list-time font,
.article-list-zy font { color: #505050; font-size: 14px; } 

.article-list-author { margin-bottom: 4px; } 
html[lang="en"] .index-body .article-list-author{-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

html[lang="en"]  .zy-con-en { -webkit-line-clamp: 4;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}

.article-list-time { margin-bottom: 10px; } 

.article-list-zy { margin-bottom: 0px; } 

.article-thumb { display: none; } 

.article-list-zy font+font a::before { content: '|';display: inline-block; margin: 0 28px 0 5px;color: #505050; position: relative; top: -1px;}

.art-more{text-align: center;margin-top: 15px;}
.art-more a{color: #505050;font-size: 13px;}

.article-list-zy.morenstyle{font-weight: 400;font-size: 14px;color: #7D7D7D;line-height: 20px;margin-bottom: 5px;display: block;position: relative;}
.article-list-zy.morenstyle b{font-weight: 400;}
.article-list-zy .zy-con span>div,.article-list-zy .zy-con div,.article-list-zy .zy-con p {display: inline;}
.article-list-zy .zy-con-en span>div,.article-list-zy .zy-con-en div,.article-list-zy .zy-con-en p {display: inline;}
.article-list-zy.morenstyle .zy-more{ position: absolute;bottom: -2px;right: 12px;font-size: 14px;color: #31B16E; }

.rank-yeartab li.current a{background: #179252;}

.hot-list-body .article-list-zy.morenstyle,
.top-cited-body .article-list-zy.morenstyle,
.top-down-body .article-list-zy.morenstyle,
.top-view-body .article-list-zy.morenstyle
{display: none;}

/* 文章部分结束 */

.ban-box .container { padding-left: 0; padding-right: 0; } 

.ban-box { margin-top: 25px; } 

.xx-con { margin-top: 44px; } 

.xx-l { width: 46.5%; padding-right: 22px; } 

.xx-l .com-box { padding: 18px 15px 19px 15px; } 
html[lang="en"] .xx-l .com-box{height: 357.59px;}

.xx-m { width: 27.7%; padding-right: 22px; } 

.xx-m .com-box { padding: 20px;height: 357.29px; } 

.xx-r { width: 25.8%; } 

.xx-r .com-box { padding: 20px 20px 15px 20px;height: 170px; } 

.com-box { padding: 22px; background: #fff; background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0, 50, 42, 0.2); } 

.com-title { font-weight: bold; width: 100%; background: none; color: #179252; position: relative; padding-left: 0px; display: flex; align-items: center; } 

.com-title b { position: relative; } 

.com-title b span { display: inline-block; font-size: 22px; border-bottom: 5px solid #179252; padding-bottom: 8px;}

html[lang="en"] .com-title b span{ font-size: 16px;}

.com-title b+b { padding-left: 60px; } 

.com-title b.nc span { border-bottom: 4px solid transparent; color: #060606; } 

.com-title b+b::before { display: inline-block; content: ''; width: 3px; height: 24px; background: #060606; position: absolute; top: 0; left: 30px; } 

.com-title a { color: #505050; font-size: 14px; font-weight: normal; position: absolute; right: 0px; } 

.dttg .com-box { height: 342px; overflow: hidden; } 

.dttg .com-box ul { margin-top: 10px; } 

.dttg .com-box ul.non { display: none; } 

.dttg .com-box ul .w-more { text-align: center; } 

.dttg .com-box ul .w-more a { font-weight: 400; font-size: 14px; color: #505050; } 

.dttg .com-box ul li { padding-left: 16px; position: relative; } 

.dttg .com-box ul li::before { content: ''; display: inline-block; width: 7px; height: 7px; background: #31B16E; position: absolute; left: 0px; top: 16px; border-radius: 50%; } 

.dttg .com-box ul li a { font-size: 17px; color: #222; line-height: 40px; display: block; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.dttg .com-box ul li a:hover { text-decoration: none; color: #179252; } 

/* 虚拟专题 */
.xnzt ul li a {  font-size: 17px; color: #050505; line-height: 38px; position: relative; padding-left: 35px; display: block; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

html[lang="en"] .xnzt ul li a{line-height: 39px;}

.xnzt ul li a:hover { text-decoration: none; color: #179252; } 

.xnzt ul { margin-top: 14px; } 

.xnzt ul li a::before { font-family: "bbykiconfont" !important; content: '\e629'; position: absolute; top: 0px; left: 0; color: #31B16E; font-size: 18px; } 

/* 作者须知 */
.zzxz ul { margin-top: 14px; } 

.zzxz ul li { float: left; min-width: 50%; } 

.zzxz ul li a { font-weight: 400; font-size: 16px; color: #000000; line-height: 28px; position: relative; padding-left: 23px; display: block; } 

.zzxz ul li a:hover { text-decoration: none; color: #179252; } 

.zzxz ul li a::before { content: ''; display: inline-block; width: 6px; height: 6px; background: #31B16E; transform: rotate(45deg); position: absolute; top: 10px; left: 1px; } 

/* 下载中心 */
.zzxz.xz { margin-top: 17px; } 

.zzxz.xz ul li a { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.zzxz.xz ul li a:hover { text-decoration: none; color: #179252; } 

/* 期刊信息开始 */
.qkxx { font-size: 17px; margin-left: 20px; color: #000; width: calc(100% - 240px); } 

html[lang="en"] .qkxx{font-size: 15px;}

.qkxx p { margin-bottom: 8px; } 

html[lang="en"] .qkxx p { margin-bottom: 2px; } 

.qkImg img { width: 220px; height: 316px; border: 1px solid #DFDFDF; } 

.zb { position: relative; padding-left: 54px; } 

.zb>b { position: absolute; top: 0; left: 0; font-weight: normal; } 

.zb span { display: inline-block; } 

.zb span:nth-of-type(2) { margin-top: 5px; } 

/* 期刊信息结束*/

/* 二维码开始 */
.contact-wrap { display: flex; align-items: center; border-top: none; margin-top: 15px; } 

html[lang="en"] .contact-wrap{margin-top: 0;}

.qrcode { width: 120px; height: 120px; margin-right: 20px; } 

html[lang="en"] .qrcode { width: 110px; height: 110px;}
.qrcode img { width: 100%; } 

.contact { display: flex; flex-direction: column; height: 120px; justify-content: flex-end; } 

.contact-wrap a { color: #000; font-size: 16px; } 

.contact-wrap a:hover { text-decoration: none; color: #31B16E; } 

.bbykiconfont.bbyk-youjian1 { font-size: 33px; margin-right: 7px; position: relative; top: 3px; vertical-align: sub; color: #31B16E; } 

.bbykiconfont.bbyk-rss { font-size: 29px; margin-right: 8px; vertical-align: sub; color: #179252; } 

/* 二维码结束 */
/* 专家风采开始 */

.zjfc { padding-top: 44px; padding-bottom: 32px; } 

.zjfc h2 { font-size: 24px; font-weight: 700; text-align: center; } 

.zjfc h2 b { position: relative; } 

.book-scroll { padding: 0px; position: relative; z-index: 1; margin-top: 35px; } 

.book-scroll .btn-prev,
.book-scroll .btn-next { width: 20px; height: 20px; display: block; position: absolute; top: 38%; z-index: 1; margin-top: -10px; font-size: 44px; font-weight: 400; color: #31B16E; } 

.book-scroll .btn-prev { left: -45px; } 

.book-scroll .btn-prev:hover { background-position: 0 -66px; text-decoration: none; } 

.book-scroll .btn-next { background-position: -20px -46px; right: -20px; } 

.book-scroll .btn-next:hover { background-position: -20px -66px; text-decoration: none; } 

.book-scroll-wrap { height: 247px; overflow: hidden; margin: 0 auto; position: relative; z-index: 1; } 

.book-scroll-wrap ul { width: 999em; margin: 0 -5px !important; } 

.book-scroll-wrap li { width: 185px; height: 247px; float: left; margin: 0 5px; overflow: hidden; position: relative; } 

.book-scroll-wrap li,.book-scroll-wrap li a{color: #000;}

.book-scroll-wrap li img { width: 185px; height: 247px; position: relative; z-index: 2; } 

.book-scroll-wrap li .pic { width: 185px; height: 247px; display: block; z-index: 1}

.book-scroll-wrap li .detail { width: 430px; height: 247px; padding: 32px 20px; position: absolute; left: 190px; top: 0; background: rgba(243, 249, 242, .8); } 

.book-scroll-wrap li div{display: inline;line-height: 24px;}

.book-scroll-wrap li .detail p { font-size: 14px; color: #000000; line-height: 24px; display: inline;} 

.book-scroll-wrap li .detail p.xxnr a {color: #31B16E;position: absolute;right: 20px;bottom: 34px;} 

.book-scroll-wrap li .detail h3 { font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px; padding-bottom: 5px; } 

.book-scroll-wrap li.open { width: 617px; } 

.zj-more { text-align: center; margin-top: 25px; } 

.zj-more a { color: #505050; font-size: 14px; } 

.phone-zjfc { margin-top: 20px; display: none; } 

.zjfc-swiper { position: relative; } 

.zjfc-swiper .swiper-slide { padding-left: 40px; padding-right: 40px; } 

.zjfc-swiper a { display: block; padding-bottom: calc((254/190)*100%); } 

.zjfc-swiper .bbykiconfont { font-size: 44px; font-weight: 700; color: #005F9F; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); outline: none; } 

.zjfc-swiper .bbykiconfont.bbyk-left-1 { left: -12px; } 

.zjfc-swiper .bbykiconfont.bbyk-right-1-copy { right: -12px; } 

/* 专家风采结束 */
/* 视频中心开始 */

.spzx { padding-bottom: 24px; padding-top: 32px;} 

.sp-gg h3 { font-size: 24px; font-weight: bold; color: #000000; text-align: center; } 

.spzx ul { margin: 0 -12px; margin-top: 26px; } 

.spzx ul li { float: left; width: 25%; } 

.spzx ul li>div { margin: 0 12px; } 

.spzx ul li a { display: block; position: relative; } 

.spzx ul li a:hover { text-decoration: none; color: #31B16E; } 

.spzx ul li a .bbykiconfont {font-size: 19px;position: absolute;right: 16px;bottom: 15px;z-index: 1;color:#fff;background: rgba(0,0,0,.55);width: 42px;height: 42px;text-align: center;line-height: 42px;border-radius: 50%;/* position: relative; */} 

.spzx ul li a .bbykiconfont::before{ position: relative; right: -3px;}

.spzx ul li img { width: 100%; border-radius: 8px; height: 152px;} 

.sp-tit a {  margin-top: 12px; font-size: 17px; font-weight: 400; color: #222222; line-height: 24px; } 

.sp-date { color: #505050; font-size: 14px; margin-top: 10px; } 

.ylqxiconfont.ylqx-rili { font-size: 20px; color: #505050; position: relative; top: 2px; } 

.sp-m { text-align: center; margin-top: 20px; } 

.sp-m a { font-size: 14px; font-weight: 400; color: #505050; } 

/* 视频中心结束 */
/* 党政专题开始 */
.dzzt { margin-bottom: 40px; } 

.dzzt ul { margin: 0 -13px; margin-top: 23px; } 

.dzzt li { float: left; width: 33.33%; } 

.dzzt li>a { display: block; margin: 0 13px; } 

.dzzt li img { width: 100%; height: 113px; } 

/* 党政专题结束 */
/* 友情链接开始 */
.footer .yqlj { padding: 17px 0 13px 0; border-bottom: 1px solid #fff; } 

.footer .yqlj-con { position: relative; } 

.footer .yqlj .yqlj-con { position: relative; padding-left: 90px; padding-right: 45px; } 

.footer .yqlj-con>span { position: absolute; left: 0; top: 0px; font-size: 18px; font-weight: bold; } 

.footer .yqlj-con ul>a { position: absolute; right: 0; top: 2px; font-size: 14px !important; color: #fff; } 

.footer .yqlj-con li { float: left; } 

.footer .yqlj-con li a { font-size: 16px; color: #fff; } 

.footer .yqlj-con li:not(:last-of-type)::after { display: inline-block; content: ''; margin: 0px 25px 0 21px; width: 1px; height: 17px; background: #fff; position: relative; top: 3px; } 

/* 友情链接结束 */
/* 底部开始 */

.footer { background: #179252; color: #fff; padding-bottom: 15px; } 

.footer .bottom { padding-top: 12px; } 

.footer .bottom,
.footer .bottom a { text-align: center; font-size: 15px; color: #fff; } 

.btmb,
.btmb a { font-size: 14px; } 

.bottom p { margin-bottom: 4px; } 

.btmb,
.btmb a { color: #fff; } 

/* 底部结束 */

/* 二级页开始 */
.journalIssue,.commontit,.box-article h3{font-size:22px;color:#222;}
#newsContentOutput,#newsListOutput{font-size:16px;}
.listp{padding: 15px 0 15px 0px;}
#newsContentOutput .box-article h3{ line-height: 35px; }
#newsListOutput .box-top{ margin-bottom: 0px;padding-bottom: 0px;}
.listp>a{color:#222;font-size: 16px;}
#newsListColumn{padding-bottom:0;margin-bottom: 0;}
.box-body.news-details-body {font-size: 16px;}


.main-right .contact-wrap{display: none;}
.main-right .qkxx{float: unset;width: 100%;margin-left:0;margin-top: 15px;}
.main-right .qkImg{float: unset;text-align: center; }
.main-right .tsg{width: 100%;}
.main-right .com-box{margin-bottom: 25px;}

/* 二级页结束 */

@media (min-width: 1200px) { 
    
body .container { width: 1200px; padding-left: 0; padding-right: 0; } 
body .main-left {width: calc(100% - 360px);float: left;} 
body .main-right {width: 328px;float: left;margin-left: 32px;} 

}

@media (max-width: 1200px) {
.xx-m .com-box{height: auto;}
.main>.container{padding-left: 15px;padding-right: 15px;}
.index-main.main>.container{padding-left: 0;padding-right: 0;}
.xx-l { width: 100%; float: unset; padding-right: 0; } 

.xx-m { width: 100%; float: unset; margin-top: 25px; padding-right: 0; } 

.xx-r { width: 100%; float: unset; margin-top: 25px; } 

.zzxz.xz { margin-top: 25px; } 

.zjfc h2 b { font-size: 22px; } 

.tab-ul-index li a { padding: 0 16px; } 

.ban-l { width: 100%; padding-right: 0; } 

.ban-r { width: 100%; margin-top: 20px; } 

#myTab { width: 1200px !important; } 

.com-box h3>b { font-size: 22px; } 
}

@media (max-width: 992px){
.index-main.main>.container{padding-left: 15px;padding-right: 15px;}
.article-list-wrap .article-list { width: 100%; margin-left: 0; } 

.article-list-wrap { margin-left: 0; } 

.zjfc ul li { width: 20%; } 

.zjfc ul li:nth-child(n+6) { display: none; } 

.spzx ul li { width: 50%; } 


.spzx ul li:nth-child(n+3) { margin-top: 20px; } 


.tsg { width: 35%; } 

.ztbd { width: 65%; } 

.tzgg.ztbd { width: 100%; padding-left: 0; margin-top: 25px; } 

.index-articles-box .container { padding-left: 0; padding-right: 0; } 
}

@media (max-width: 768px){
html[lang="en"] .xx-l .com-box{height: auto;}
.xx-con{margin-top: 25px;}
.ban-box{margin-top: 15px;}
.footer .yqlj-con li:not(:last-of-type)::after{margin: 0px 20px 0 16px;}
.book-scroll+.zj-more{display: none;}
.dzzt li { width: 100%; } 

.dzzt li+li { margin-top: 20px; } 

.book-scroll { display: none; } 

.zjfc ul li { width: 33.33%; } 

.zjfc .zj-name a { width: 110px; } 

.zjfc ul li:nth-child(n+6) { display: block; } 

.zjfc ul li:nth-child(n+4) { margin-top: 30px; } 

.zjfc { padding-top: 25px; padding-bottom: 25px; } 

.phone-zjfc { display: block; } 

.spzx ul li { width: 100%; margin-top: 20px; } 
.spzx ul li img{height: auto;}
.spzx ul { margin-top: 0; } 

.btmb { text-align: left; padding-left: 15px; padding-right: 15px; } 

.bottom p span { display: inline-block; } 

.dttg .com-box { height: auto; } 

.ztbd { width: 100%; padding-left: 0; margin-top: 0px; } 

.ban-box .container,
.index-articles-box .container { padding-left: 15px; padding-right: 15px; } 

.footer .yqlj .yqlj-con { padding-right: 15px; padding-left: 100px; } 

.footer .yqlj-con li::after { margin: 0 20px; content: '|'; color: #fff; } 

.footer .yqlj-con>span { left: 15px; } 

.footer .yqlj-con>a { right: 15px; } 

.footer .yqlj-con ul>a { position: unset; } 

.dttg.clear{display: flex;flex-direction: column;}
.tsg{order: 1;}
.tsg li a { font-size: 20px; } 

.index-articles-box { padding-top: 25px; padding-bottom: 25px; } 

.qkImg { width: 100%; text-align: center; } 

.qkxx { width: 100%; margin-left: 0; margin-top: 20px; } 

.tsg { width: 100%; margin-left: 0; margin-top: 25px; } 

.tsg li+li{margin-top: 15px;}

.footer .bottom { text-align: left; } 

.footer .container { padding-left: 15px; padding-right: 15px; } 
}

