/*css reset*/
a:focus, a:hover{color: #046756;}
.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:#046756;} 


.article-pc .mainColor,.article-main-mid a{color:#046756;}

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

.guokan-tit h2{color:#046756;}


.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#046756;}

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #046756 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:#046756;}
#page-tag-div .pagination>.active>a{border-color:#046756;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(4,103 ,86, 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(../../style/images/public/search2.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;}
.phone-nav .en{line-height: 25px; color: #fff;}

.phone-nav .search-app-wrap{display: none;position: absolute;left: 0;width: 100%;top: 50px;z-index: 2000;padding: 8px 0;}
.phone-nav .search-app-wrap select{width: 23%;border: none;height: 30px;border-radius: 4px;padding: 0 0 0 5px;background: rgba(255, 255, 255, .2) url(../../style/images/public/select_arrow.png) no-repeat scroll right center ;color: #fff;}

.phone-nav .search-app-wrap .text{width: 75%;margin: 0 0 0 2%;border-radius: 4px;height: 30px;}
.phone-nav .search-app-wrap .sub{width: 30px;height: 30px;background: rgba(255, 255, 255, 0.2) url("../../style/images/public/search2.png") no-repeat center center;background-size: 22px;position: absolute;right: 15px;top: 8px;}
/*.header .logo{width: 50%;}*/
.header .logo img{height:121px;}

.phone-nav{padding: 8px 0;position: relative;}
.phone-nav .en{line-height: 25px;color: #fff;}
.phone-nav .text, .phone-nav .sub{background: rgba(255, 255, 255, .2);}
.phone-nav .text{line-height: 19px;padding: 3px 10px;color: #fff;margin: 0 0 0 15px;border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px;height: 25px;background: rgba(255, 255, 255, .2) url(../../style/images/custom/search1.png) no-repeat center center;background-size: 16px 16px;border-radius: 0 4px 4px 0;}


.phone-nav .container .logo{display: block;padding: 2px 0 0 0;position: relative;}
.phone-nav .container .logo img{max-width: 170px;max-height:34px;}
.phone-nav .container .search-app{display: block;margin-left: 5px; background: url("../../style/images/public/search2.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;}
.phone-nav .container .search-app.active{background: url("../../style/images/public/close-app.png") no-repeat center center;background-size: 32px;}
.main-right .current-ul li .tit{width: 100%;float: none;}
.main-right .current-ul li .right{float: none;}
.main-right .current-ul a{display: inline-block;}
.main-right .banner .item .text p{width: 70%;}
.main-right .current-ul li .box{padding: 8px 0;}
.search-wrap .in-bl{width: 100%;}
.search-wrap .form-group{margin-left: 0;margin-right: 0;}

@media screen and (max-width: 375px) {
    .phone-nav .search-app-wrap .text{width:74%;}
    .phone-nav .search-app-wrap select{width:24%;}
}

.top .nav{border-top:0;height: 42px;line-height: 42px;text-align: center;}
.top .nav ul>li{float: left;font-size: 18px;position: relative;padding:0 20px;}
.top .nav li a{color: #fff;display: block;text-align: center;padding: 0 ;}
.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:0;}
.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: 42px;font-size: 18px; padding:0 25px;}
.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: 10px; height: 6px; background-size: 10px 6px; margin-left: 6px; position: relative; top: -2px;}
.header-nav ul > li ol{position: absolute;  left: 0; top: 42px; min-width: 100%; z-index: 101; display: none;}

.top .header-nav ul > li ol li a{font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #fff; line-height: 34px;}
.phone-nav .sub{background: #fff url("../../style/images/public/search1.png") no-repeat center center;}
.header-nav ul > li > a span{background: url("../../style/images/public/nav-arrow1.png") no-repeat center center;}
.search-btn{font-size: 20px;text-shadow: 1px 2px 6px rgba(0,0,0,0.82);}

/**********************************/
.top .header-top{height: 61px;line-height: 61px;background:#fff;font-size: 18px;}
.topnav{margin:0;}
.topnav li{float: left;}
.topnav li a{color:#000;margin: 0 15px;font-size: 18px;}
.topnav li a:hover{color:#333;text-decoration:none;}
.topnav .language-en{color: #8C8C8C;}
.topnav li span{display: inline-block;width: 1px;height: 20px;background: #000;position: relative;top: 4px;}
.topnav li img{height: 48px;}
.searchwrap{margin: 13px 6px 0 0;}
.searchwrap input,.top .nav ul>li .searchwrap select{height: 34px;border: solid 1px #046756;border-radius: 3px;}
.searchwrap input{width:240px;padding-left: 10px;border-radius:2px;}
.searchwrap .gjcfield{margin: 0;position: relative;}
.searchwrap input.tj{background: url(../../style/images/custom/search.png) no-repeat  center transparent; background-size: 20px;position: absolute;top: 0;right:0;width: 40px;height: 100%;padding-left: 2px;border-radius: 2px; color: #fff;text-align: center;border: 0;}
.advance{font-weight: bold;margin:13px 0 0 1px;font-size: 16px;border-radius:3px;height: 34px; line-height: 34px;color: #fff;text-align: center;background: #046756;padding: 0 22px;}
.advance:hover{color: #fff;}


.header .logowrap{height:191px;overflow: hidden; background: url(../../style/images/custom/headerbg.jpg) no-repeat center;    background-size: cover;}
.header .logo{    padding: 36px 0 0 0; border: none;position: relative;left: -5px;}
.header .logor{margin-top: 80px;}
.logowrap .container{padding: 0;    height: 100%;}
.top .nav{border: 0;height: 42px;background: #046756;}
.top .nav li a{line-height: 42px;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover, .header-nav ul > li:hover > a{background: #88BCAE;}
.top .nav.header-nav ul > li{padding: 0;}
.top .nav.header-nav ul > li a{padding: 0 20px;}
.top .nav.header-nav ul > li + li{margin-left: 35px;}
.top .nav.header-nav-en ul > li + li{margin-left: 20px;}
.top .nav.header-nav.header-nav-en ul > li a{padding: 0 15px;}
.top .nav.header-nav ul > li.dateCon a{padding-left: 0;}
.header-nav ul > li:hover > a span { -webkit-animation:rotateIcon 1s linear both; animation:rotateIcon 1s linear both; } 
@keyframes rotateIcon { 
 0% { transform : rotateX(180deg); } 
 100% { transform : rotateX(180deg); } 
 }

@-webkit-keyframes rotateIcon { 
 0% { -webkit-transform : rotateX(180deg); } 
 100% { -webkit-transform : rotateX(1800deg); } 
} 
 html body{font-size: 17px;color:#222;}
.main{padding-top: 40px;}
.index-body .main{padding-top: 20px;}
/*banner start*/
.bannerBox {margin-bottom:35px; padding: 0;overflow: hidden;}
.bannerBox  .banner-left .banner {position: relative;    border: 1px solid #eee;}
.banner .carousel-indicators{margin-left: 0;left: 0;bottom: 50px;width: 100%;right: 0;text-align: center;}
.banner .carousel-indicators li{width:8px;height:8px;border-radius:50%;border:0;background:#fff;margin: 0 4px;}
.banner .carousel-indicators .active{background-color: #449958;}

.carousel-control{opacity:1;}
.carousel-inner .item {overflow:hidden;}
.carousel-inner .item  a{position:relative;display:block;width:100%;height:100%;font-size: 18px;color:#FEFEFE;}
.carousel-inner .item .pic{position:relative;text-align:center;overflow:hidden;}
.carousel-inner .item .pic > a{height:0;display: block; padding-top:calc((390 / 731 ) * 100% );}
.carousel-inner .item .pic img{max-width:100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.carousel-inner .item .pic .mc{padding: 15px 15px 15px 15px;position:absolute;bottom:0;left:0;width:100%;text-align:center;background: rgba(4, 103,86, 0.7);}
.banner .mc a{font-size:18px;color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;font-weight: bold;text-align: center; line-height: 1;}
.bannerBox  .banner-left{width:731px;float:left;}
.bannerBox .banner-right{width:calc(100% - 751px);float:right;background: #f3fcf5;padding: 28px 20px 28px 20px;}
.banner .carousel-control .commoniconfont{font-size: 36px;color: #fff;text-shadow: rgba(0, 0, 0, 0.1);box-shadow: none;}
.carousel-control.left,.carousel-control.right{width: 45px;height: 45px;background: none;display: none;}
.carousel-control.left{position: absolute;left: 15px;top: calc(50% - 20px);}
.carousel-control.right{position: absolute;right: 15px;top: calc(50% - 20px);}
.banner:hover .carousel-control.left, .banner:hover .carousel-control.right{display: block;}
#rightTab .nav-tabs{border: 0;border-bottom: 1px solid #b0d3c9;}
#rightTab>li::before{display:none;}
#rightTab>li.active>a{background: #046756;color: #fff;}
#rightTab>li>a{height: 46px;line-height: 46px;  padding: 0 19px; border: none;border-radius: 8px 8px 0px 0px;}
#rightTab>li:hover>a{border: none;}
#rightTab>li>a{position: relative; font-size: 22px;color: #222;background: none;font-weight: bold;}
#rightTab>li{position: relative; width: auto;margin-right: 10px;padding-left:0;margin-bottom:0;}
#rightTab>li:last-child{margin-right: 0;}
.right-tab-more{display:none;font-size: 13px!important;color: #046756!important;margin-top:15px!important;}
.right-tab-more.cur{display:block;}
#rightTabContent li{padding-left: 20px;position: relative;   }
#rightTabContent li:before, .right-tjwz li:before{content: ''; position: absolute;left: 1px;top: 16px;    transform: rotate(45deg); width: 7px;height: 7px;background: #046756;}
#rightTabContent li a{line-height: 39px;font-size: 18px;color: #222;}
#tzgg li .date{position: absolute;right: 0;top: 7px;    font-size: 14px; color: #666;}
#tzgg li{ padding-right: 100px;}

body .content .article .download .btns .li-excel.littleBtn{width: 77px;}





@font-face {
  font-family: "commoniconfont"; 
  src: url('../../style/fonts/iconfont.ttf') format('truetype');
}

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

.icon-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-a-xiala2:before {
  content: "\e621";
}

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

.icon-bofang:before {
  content: "\e61c";
}

.icon-faburen:before {
  content: "\e647";
}

.icon-fl-renyuan:before {
  content: "\e625";
}

.icon-a-shenpidating-wodeshenpikegongyong:before {
  content: "\e643";
}

.icon-bianji:before {
  content: "\e610";
}

body .icon-zhuanjia:before {
  content: "\e607";
}

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

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

.icon-email-s:before {
  content: "\e662";
}

.icon-htmleditor:before {
  content: "\e6bb";
}

.icon-pdf:before {
  content: "\e665";
}

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



.search-wrapper { display:block; } 
.search-wrapper select { width: 72px; height: 32px; font-size: 14px; border: none; padding-left: 15px; background: url(../../style/images/public/select_arrow.png) no-repeat right center #fff; border-radius: 0; font-weight: 400; color: #232323; } 
.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; } 
.search-wrapper .form-group,search-wrapper .tj { margin-bottom: 0; border-right: 0; } 
.search-wrapper .form-control { height:32px; } 
.search-wrapper .searcontent, .search-wrapper .tj { height: 32px; line-height: 39px; display: inline; } 
.search-wrapper .searcontent {position: relative; width:258px; padding-left: 8px; background: #fff; border-radius: 0; } 

.search-wrapper input::input-placeholder { color: #cacaca; font-size:14px; } 
.search-wrapper input::-webkit-input-placeholder { color: #cacaca; font-size:14px; } 
.search-wrapper input::-moz-placeholder { color: #cacaca; font-size:14px; } 
.search-wrapper input::-ms-input-placeholder { color: #cacaca; 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; display: flex; border-radius: 5px;} 
.search-wrapper .tj { position:absolute; width:32px; color: #fff; background: url(../../style/images/custom/search.png) no-repeat center;     background-size: 20px 20px;right:0; top:0; } 
.searchInput {box-shadow: 0px 0px 2px 0px rgba(4,0,0,0.4);border-radius: 3px;overflow: hidden;}
.searchInput::before { content: ''; width: 1px; height: 21px; background: #dadada;  position: absolute; left: 72px; top: 7px; z-index: 3; } 

.search-wrapper .tj,.search-wrapper .adSearch { border-radius:0; } 
.search-wrapper #AdvanceSearchA {background: #004C40;border-radius: 3px;height:32px; line-height:32px;  border:none;padding: 0 15px ; color:#fff; margin-left:6px; font-size: 15px; font-weight: bold;} 
.search-wrapper .form-group>div { position: relative;box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.58); } 
.search-wrapper .form-group>div::before { content: ''; width: 1px; height: 24px; background: #d9d9d9; display: inline-block; position: absolute; left: 0; top: 7px; z-index: 3; } 



.cover-news {background:#f0fcf3 url(../../style/images/custom/qkbg.jpg) no-repeat right center; background-size: auto 100%; }
.cover-info{width: 47.5%;padding: 40px 0 35px 0;}
.indexinfo{width: 52.5%;padding: 30px 0 30px 60px;}
.indexinfo p{font-size: 16px;margin-bottom: 10px;color: #015198;}
.cover-box {position: relative;font-size: 18px;}
.cover-box img{width: 280px;box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.cover-box a{display: block;position: relative;z-index: 1;}
.cover-desc{width: calc(100% - 280px);padding-left: 28px;    line-height: 34px;}
.cover-qrcode{margin-top: 20px;}
.cover-qrcode img{width: 91px;}
.cover-news .cover-qrcode {font-size: 14px;color: #222;text-align: center;}
.cover-news .cover-qrcode > div:nth-child(1){margin-right: 30px;}
.cover-news .zb,.main-right .zb{position: relative; padding-left: 50px;}
.cover-news .zb strong, .main-right .zb strong{position: absolute;left: 0;}
.cover-info-en .zb{padding-left: 128px;}


.index-noimg{margin-bottom: 5px;}
.index-noimg li{float: left;margin-right: 28px;text-align: center;}
.index-noimg li a,.index-img li a{font-size: 14px;font-weight: bold;color: #004C40;}
.index-noimg li:nth-child(1){font-size: 18px;font-weight: bold;}

.index-img{margin-left: -40px;}
.index-img a img{border-radius: 8px;}
.index-img a:hover img{box-shadow: 0px 2px 8px 0px rgba(0,50,42,0.16);}
.index-img li a{display: block;}
.index-img .img-box{margin-bottom: 10px;}
.index-img li{margin-top: 20px;text-align: center;white-space: nowrap;padding: 0;}

.sepcail-box{padding: 30px 0;background: url(../../style/images/custom/spebg.jpg) no-repeat center center;background-size: cover;}
.specails-con{margin-left: -12px;margin-right: -12px;}
.specails-con .img-box {overflow: hidden;}
.specails-con .img-box a{display: block;height: 0;padding-top: calc((162 / 306) * 100%);}
.specails-con .img-box:hover a, .video-con .img-box .img-bg:hover{transition:.4s;transform:scale(1.1);}
.specails-con .special-list {position: relative;padding-left: 12px;padding-right: 12px;}
.specails-con .special-list .spe-tit{ position: absolute;left: 12px;right: 12px;bottom: 0; text-align: center;padding: 0 15px;height: 43px;line-height: 43px;    background: rgba(4, 103,86, 0.7);}
.specails-con .special-list .spe-tit a{font-size: 18px;line-height: 27px;color: #fff;}
.sepcail-box .more a{color: #0F0F0F;border: 1px solid #0F0F0F;}
.sepcail-box .comtit {color: #0F0F0F;}
.video-box {padding: 50px 0;}
.video-con{margin-left: -12px;margin-right: -12px;}
.video-con .img-box{position: relative;margin-bottom: 10px;border-radius: 8px;overflow: hidden;}
.video-con .img-box .img-bg{display: block;height: 0;padding-top: calc((165 / 306) * 100%);}
.video-box .video-list {position: relative;padding-left: 12px;padding-right: 12px;}
.video-box .video-list > div{position: relative;}
.video-box .video-list .video-tit{ text-align: center;padding: 0 15px;}
.video-box .video-list .video-tit a{font-size: 18px;color: #222222;line-height: 24px;}
.play-btn{position: absolute;right: 17px;bottom: 17px; width: 46px;height: 46px;line-height: 46px; background: rgba(0,0,0,0.55);text-align: center;border-radius: 50%;}
.play-btn span{font-size: 20px;color: #fff;}
.video-box .comtit{color: #222;}

.more{text-align: center;margin: 30px 0 0 0;}
.more a{display: inline-block; border: 1px solid #DDD;border-radius: 3px;height: 36px;line-height: 36px;padding: 0 18px; font-size: 14px; color: #999;text-decoration: none;}
.more a:hover{background:#046756;color: #fff;border: 1px solid #046756;}
.articleBoxMargin{padding-left: 25px;padding-right: 25px; margin-top: 35px;margin-bottom: 50px;}

.tab-box{border-bottom:1px solid #046756;;}
.tab-box .tab-ul {background:#fff;}
.tab-box .tab-ul > li{margin-right:0; background:none;}
.tab-box .tab-ul > li a{height:54px;line-height:54px;font-size: 22px;font-weight: bold;padding-left: 20px;padding-right:20px;text-decoration: none;}
.tab-box .tab-ul > li.active a{position: relative;color: #fff; background: #046756;border-radius: 8px 8px 0px 0px;}
.tab-ul-index li{background:none;float:none;display:inline-block;}
.tab-ul-index{text-align:center;}
.tab-box .tab-ul  ul {padding:15px;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);}
.tab-box .tab-ul > li{position:relative;width:initial;padding:0 20px;text-align:center;}
.tab-box .tab-ul-index-en  > li{padding: 0;}
.tab-box .tab-ul li a{font-size:22px;display:block;color: #000;}
.tab-box .tab-ul > li.active a{font-weight: bold;}
.tab-box .tab-ul li  li a{    font-size: 16px;line-height: 26px; height: 30px;}
.tab-box .tab-ul li ul{position:absolute;top:55px;left:0;display:none;z-index: 9;background:#fff;}
.tab-box .tab-ul li:hover ul li a{color:#222;}
.tab-box .tab-ul li:hover ul,.tab-box .tab-ul li ul:hover{display:block;}
.tab-box .tab-ul li:hover ul a{color:#222;}


.column .fa{line-height: 30px;}
.catalog,.catalog a,.cur-date-pub,.cur-date{font-size: 14px;line-height: 24px;color: #222;}

.catalog a,.column ._table{display: inline-block;height:30px;line-height:30px;padding: 0 15px;color: #046756;font-size: 15px;    border: 1px solid #046756;}
.catalog a{border: 1px solid #046756;}
.catalog a:hover{color: #fff;background: #046756;}
.catalog a:hover:after {color: #fff;}
.catalog a{position: relative;padding-right: 25px;}
.catalog a::after{content: "\e616";position: absolute;top: 0;right: 7px;  font-family: 'commoniconfont'; color: #009C84; font-weight: normal;}
.column ._table{padding: 0 10px;}
.cur-date-pub{margin-left: 12px;}
.column,.catalog a{margin-left: 12px;text-decoration: none;}
.column ._table{margin: 0;}
.column{border: #01527F;margin: 0 12px 0 0;}
.column span{margin-right: 0;}
#indexCurrentInfo, .priorityPrompt {margin-bottom: 20px;}

.index-articles .article-list-more {display: none;}
.index-body .article-list{overflow: visible;}
.articleListRenderCount#currentIssue, .articleListRenderCount#latestAcceptedList, .articleListRenderCount#latest{margin-left: -12px;margin-right: -12px;font-size: 0;}
.articleListRenderCount#currentIssue .article-list{border: 0;    vertical-align: top;}
.index-column{display: inline-block;height: 26px;line-height: 26px; margin-bottom: 2px; font-size: 14px;color: #046756;font-weight: bold;}
.index-articles .article-list{float: none; display: inline-block;width: 50%; font-size: 0; padding: 0 12px;border: 0;vertical-align: top;}
.index-articles .article-list-right{padding: 10px 20px 20px 20px;  min-height: 198px;box-shadow: 0px 2px 5px 1px rgba(0,50,42,0.1);
border-radius: 8px;}
.index-articles .article-list-time font:nth-child(1){display: block;    margin-bottom: 4px;}
.article-list-zy .font1::before { content: "\e65f"; font-family: "commoniconfont" !important; font-size: 20px; color: #F1AA00; vertical-align: middle; margin: -3px 5px 0 0; display: inline-block; } 
.article-list-zy .font2::before { content: "\e6bb"; font-family: "commoniconfont" !important; font-size: 20px; color: #0083BB; vertical-align: middle; margin: -3px 5px 0 0; display: inline-block; } 
.article-list-zy .font3::before { content: "\e665"; font-family: "commoniconfont" !important; font-size: 20px; color: #D70308; vertical-align: middle; margin: -3px 5px 0 0; display: inline-block; } 

.article-list a{color:#222;}
.article-list{padding: 18px 20px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.article-list-journalg{position: relative; background: none;height: 22px;line-height: 22px;padding: 0;width: 100%;}
.article-list-journalg  a{ position: relative;display: inline-block;padding: 0;color: #fff;font-size: 14px;}
.article-list-journalg  a:hover{color: #fff;text-decoration: none;}
.article-list-title{margin-bottom: 10px;}
.article-list-title a{font-size: 16px;color: #222;font-weight: bold;}
.index-body .article-list-title a{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; display: block;}
.article-list .article-list-author, .article-list .article-list-author a, .article-list .article-list-author span, 
.article-list .article-list-time, .article-list .article-list-time font, .article-list-zy font{font-size: 14px;color: #222;line-height: 21px;}
.index-articles .more{margin-top:0;}
.article-list-author,.article-list-time{margin-bottom: 10px;}
.article-list-zy font{position: relative; padding: 0 20px; font-size: 14px;font-style: normal;}
.article-list-zy font:nth-child(1){padding-left: 0;}
.article-list-zy font,.article-list-zy font a,.article-list-zy font span{line-height: 1;}
.article-list-zy font + font:after{content: '';position: absolute;left: 0;top:0; width: 1px;height: 15px;background: #b0b0b0;}
.article-list .article-thumb{position: relative;width:160px;height: 100px;border: 1px solid #e8e8e8;float:right;overflow: hidden;}
.article-list .article-thumb img{max-width:100%;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);}
.article-thumb + .article-info-box{float: left;width: calc(100% - 160px);padding-right: 20px;}
.article-list + .article-list-journalg{margin-top: 20px;}
.article-list-journalg{    margin-bottom: 5px;display: inline-block; width: auto;background:#046756;padding: 0 10px;}
.article-list{padding: 20px 20px  20px 28px;}
.rank-yeartab li.current a{background: #046756;}
body:not(.index-body) .article-list{margin-bottom: 0;}
.toolBox2{margin-bottom: 20px;}
.tsg{margin-bottom: 35px;}
.tsg a{display: block; height: 77px;line-height: 77px;font-size: 24px;   background: #9DDDCF;box-shadow: 0px 2px 8px 0px rgba(0,50,42,0.16);border-radius: 4px; text-align: center; font-weight: bold;color: #004C40; text-decoration: none; background: #038C2B;}
.tsg li:nth-child(1) a{background: #004C40;color: #E0FFEC;}
.tsg li:nth-child(2) a{background: #83CAB8;}
.tsg li:nth-child(3) a{background: #9DDDCF;}
.tsg li:nth-child(4) a{background: #B8EACB;}
.tsg .commoniconfont{position: relative;top: 1px; font-size: 36px; font-weight: normal;    vertical-align: bottom;  margin-right: 15px;}
.tsg-en a{font-size: 21px;}

.main-right .comwrap{min-height:100px;margin:0 0 30px;border: 1px solid #eee;}
.main-right .com-tit{position: relative;padding:15px 20px 15px 24px;background:#046756;font-size: 20px;font-weight: bold; line-height: 25px;color: #fff;}
.main-right .comtit{font-weight:bold;background: none;    margin: 0;text-align: left;}
.main-right .com-tit .more{position: absolute;top: 15px;right: 20px; font-size: 14px;color: #fff;font-weight: normal;margin: 0;}
.main-right .comlist{padding: 20px 20px;}
.main-right .comlist li {position: relative;margin-bottom: 10px;}
.main-right .comlist li a{line-height: 25px;font-size:17px;color:#060606;padding-left:23px;}
.main-right .comlist li a .icon{content: ''; position:absolute;left:0;top: 8px;width: 8px;height: 8px;background: #046756;}

.comtit{font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 30px;text-align: center;background: none;}

.footer{padding: 0;margin: 0;background: none;}
.footer h3 a{font-size: 20px;text-decoration: none;}
.footer h3 a:hover{text-decoration: none;}
.footer h3 .commoniconfont {    font-size: 16px; margin-left: 10px;}
.footerbg{padding: 30px 0 30px 0;background: #046756;}
.footerbg ,.footerbg a{font-size: 17px;color: #fff;}
.footerbg .footercon{    display: flex;justify-content: space-between;}
.footerbg .footercon > div{float: left;}
.footerbg .footercon > div h3{font-size: 20px;font-weight: bold; position: relative;padding-bottom: 10px;margin-bottom: 24px;}
.footerbg .footercon > div h3:before{content: '';position: absolute;left: 0;bottom: 0; width: 42px;height: 3px;background: #fff;}
.footerbg .footercon > div ul li , .footer .container > div p {margin-bottom: 10px;}
.footerbg .footercon > div ul li:last-child , .footer .container > div p:last-child{margin-bottom: 0;}

.yqlj{font-size: 0;width: 258px;}
.yqlj li{display: inline-block;width: 50%;    vertical-align: top;}
.qtxx{width: 270px;}
.qtxx div + div{margin-top: 15px;}
.c-img{line-height: 18px;font-size: 13px;}
.c-img img{height: 26px;margin-bottom: 7px;}
.alert-rss{width: 263px; height: 42px;line-height: 42px; background: rgb(136,188,174,0.2);border-radius: 4px;font-size: 0; }
.alert-rss a{display: inline-block;width: 50%;text-align: center;text-decoration: none;}
.alert-rss a .commoniconfont{font-size: 20px;margin-right: 8px;vertical-align: bottom;}
.total-counter {font-size: 14px;}
.total-counter > span:nth-child(1){margin-right: 20px;}
.footer .btmb{padding: 15px 0;background: #003c32;line-height: 25px;}
.footer .btmb,.footer .btmb a{font-size: 15px;color: #fff;}

.main-right .cover-info{width: initial;float: none;padding: 0;    margin-bottom: 30px;}
.main-right  .cover-box{float: none;margin-bottom: 10px;}
.main-right .cover-desc{padding: 0;float: none;width: initial;}
.com-tit{display: none;}
.main-right .com-tit{display: block;}
.main-right .cover-qrcode {text-align: center;}
.main-right .cover-qrcode > div{padding: 0 20px;width: 50%;}
.journalIssue,.box-article h3{font-size: 20px;}


.video-list .col-md-3 >div  {min-height: 190px;border-radius: 5px;overflow: hidden;}
.video-list-thumb{position:relative;display:block;padding-top:calc((190 / 300) * 100%);margin-bottom: 15px;box-shadow: 0 0 5px 1px  rgba(0,0,0,0.6);}
.video-list .col-md-3 .lectures-title{min-height:80px;font-size:18px;color: #222;line-height: 22px;margin-bottom: 15px;}
.lectvideo-listures .play{position:absolute;left:15px;bottom:10px;font-size: 40px;color:rgba(255,255,255,0.65);}
.video-list .date {font-size: 14px;color: #666;margin-top: 10px;height: 20px;line-height: 20px;}
.video-list .date .commoniconfont{margin-right: 7px;}
.moreList.video-list li{margin-bottom: 20px;}
.index-body .main{padding-bottom: 0;}

.articleBody  #htmlContent h4 > span.sec-title, .articleBody  #htmlContent h5 > span.sec-title{line-height: 1.5;}
.article_table_fullText .table-body table td{ white-space: pre-wrap;}
.article-header .header-content .header-left p.header-author{text-indent: 5px;}
@media only screen and (min-width: 1200px){	
.tsg li:hover a{box-shadow: 0px 3px 12px 1px rgba(0,50,42,0.46);}
.main-left,.main-right{padding: 0;}
.main-left{width: 72.3%;}
.main-right{width: 27.7%;float: right;padding-left: 35px;}


} 

@media only screen and (min-width: 1330px){
body .container{width:1300px;padding: 0;}
.bannerBox .banner-right{height: 390px;}
}



@media (max-width: 1330px) and (min-width:1200px){

}



@media only screen and (max-width: 1199px){
.bannerBox .banner-left,.bannerBox .banner-right, .indexinfo,.cover-info{float: none;width: initial;padding: 0;}
.bannerBox .banner-left{margin-bottom: 30px;}
.bannerBox .banner-right, .cover-info, .indexinfo{padding: 20px 20px;}
.index-img li{width: 33.333%;}
.index-articles .article-list{display: block; width: initial;}


}


@media only screen and (max-width: 992px){
.specails-con .special-list +  .special-list, .video-box .video-list + .video-list {margin-top: 20px;}
.footerbg .footercon{display: block;}
.footerbg .footercon > div{width: 50%;}
.index-img{margin: 0;}
}
@media only screen and (max-width: 767px){
.footerbg .footercon > div{width: initial;float: none;}
.footerbg .footercon > div {margin-bottom: 15px;}
.tsg li + li{margin-top: 15px;}
.index-body #myTab{min-width: 880px;}
}



@media only screen and (max-width: 560px){
.index-img li{width: 50%;}
.cover-box{float: none;width: initial;}
.cover-desc{float: none;padding: 0;width: initial;}
.tab-box .tab-ul > li{padding: 0;}
.articleBoxMargin{padding:0;}
.nav-tabs{margin-top: 0;}
#rightTab>li>a, .tsg a,.tab-box .tab-ul li a,.comtit{font-size: 20px;}
.article-list-zy font{padding: 0 10px;}
.article-list .article-thumb{float: none;width: auto;margin-bottom: 15px;}
.article-thumb + .article-info-box{width: auto;float: none;padding: 0;}
.articleListRenderCount#currentIssue .article-list{padding: 0;}
.articleListRenderCount#currentIssue, .articleListRenderCount#latestAcceptedList, .articleListRenderCount#latest{margin: 0;}
.tab-ul-index{text-align: left;}
.indexinfo{    padding: 0 ;}

}

@media only screen and (max-width: 414px){
.index-noimg li a, .index-img li a{font-size: 12px;}




}

.author-intro-img {float: left;max-width: 100px;margin-right: 15px;}