/*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:25px;}
.toolBox2{padding-top:20px;}
.footer{position: relative;z-index: 2000;}
.inner{width:1170px;margin:0 auto;}

.mainColor,.reference-tab .td2 a{color:#16826A;} 


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

.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,
.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: #16826A;}
.footer .btmb{text-align: left;}
.header-nav ul > li ol{background:rgba(22,130,106,0.9);}
.guokan-tit h2{color:#16826A;}


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

.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #00644d  url("../../../style/images/public/back_top.png") no-repeat center center; display: none;}
.arcmethod li.active,.phone-nav{border-color:#16826A;}
.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:#16826A;}
#page-tag-div .pagination>.active>a{border-color:#16826A;}
.phone-nav .search-app-wrap,.smallUl,.phone-nav .search-app-wrap select option{background: rgba(22, 130, 106, 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: #16826A 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{max-width: 100%;height:80px;}

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


.phone-nav .container .logo{display: block;padding: 2px 0 0 0;position: relative;}
.phone-nav .container .logo img{max-width: 170px;max-height:34px;}
.phone-nav .container .search-app{display: block;background: url("../../../style/images/public/search2.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;margin-left: 5px;}
.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:solid 2px #fff;height: 44px;line-height: 44px;text-align: center;}
.top .nav ul>li{float: left;font-size: 16px;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: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: 44px;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{ margin-left: 6px; }
.header-nav ul > li ol{position: absolute;  left: 0; top: 44px; 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: none;}
.header-nav ul > li > a span:after{content: "\e61b";font-family: commoniconfont!important;font-size: 12px;color: #fff;font-weight: normal;}
.search-btn{font-size: 20px;text-shadow: 1px 2px 6px rgba(0,0,0,0.82);}

/**********************************/


.header .logowrap{height:178px;overflow: hidden; background: url(../../../style/images/custom/header_bg.jpg) no-repeat center;    background-size: cover;}
.header .logo{padding:50px 0 0 0;border: none;}
.header .logor{margin-top: 66px;}
.logowrap .container{padding: 0;    height: 100%;}
.top .nav{border: 0;height: 46px;background: #16826a;   }
.top .nav li a{line-height: 46px;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover, .header-nav ul > li:hover > a{background: #55ac99;}

.top .nav.header-nav ul > li{padding: 0;}
.top .nav.header-nav ul > li a{padding: 0 15px;}
.top .nav.header-nav.header-nav-en ul > li a {padding: 0 10px; font-size: 14px;}
.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; } 
.dateCon {margin-top: 16px;    text-align: center;}
.dateCon ,.dateCon a{color: #fff;}


@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: 16px;color:#222;}
.main{padding-top: 40px;padding-bottom: 60px;}
.index-body .main{padding-top: 20px;}
@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-wenzhang:before {
  content: "\e67d";
}

.icon-shangjiantou_huaban:before {
  content: "\e63f";
}

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

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

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

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

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

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

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

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

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

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

.icon-shuji:before {
  content: "\e7ef";
}

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

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

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

.icon-QQ:before {
  content: "\e882";
}

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

.icon-xiangyou1:before {
  content: "\e775";
}

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

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

.icon-quotation:before {
  content: "\e67b";
}

.icon-huodongmulupeizhi:before {
  content: "\e66b";
}

.icon-sousuoxiao:before {
  content: "\e8d6";
}

.icon-jiantou_yemian_xiangyou:before {
  content: "\eb0b";
}

.icon-yunxiazai_o:before {
  content: "\ebb4";
}

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

.icon-UI_icon_zhuantitu:before {
  content: "\e670";
}

.icon-shujia:before {
  content: "\e620";
}

.icon-xingzhuangkaobei:before {
  content: "\e61f";
}

.icon-yanjing-:before {
  content: "\e61d";
}

.icon-tousujianyi:before {
  content: "\e680";
}

.icon-fenbaodanwei:before {
  content: "\e6ea";
}

.icon-danweiguanli:before {
  content: "\e626";
}

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

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

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

.icon-xiazai-yun-F:before {
  content: "\e61e";
}

.icon-shu04-F:before {
  content: "\e638";
}

.icon-wenzhang-copy:before {
  content: "\e643";
}

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

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

.icon-shenhe:before {
  content: "\e645";
}

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

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

.icon-shijian:before {
  content: "\e60a";
}

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

.icon-lianjiex:before {
  content: "\e609";
}

.icon-bangong1:before {
  content: "\e67f";
}

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

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



.search-wrapper { display:block; } 
.search-wrapper select { width: 80px; height: 38px; font-size: 14px; border: none; padding-left: 15px; background: url(../../../style/images/custom/select_arrow.png) no-repeat scroll 80% center #fff;color: #222;     border-radius: 4px 0 0 4px;} 
.search-wrapper .form-control {  border-right: none; border-radius: 0; margin-left: 0; } 
.searchInput:before{content: '';position: absolute;width: 1px;height: 24px;background: #d9d9d9;top:8px;left: 0;z-index: 1;}
.search-wrapper .form-group,.search-wrapper .tj { margin-bottom: 0; border-right: 0; } 
.search-wrapper .form-control { height:38px; } 
.search-wrapper .searcontent, .search-wrapper .tj { height: 38px; line-height: 38px; display: inline; } 
.search-wrapper .searchInput{width:calc(100% - 80px); padding-left: 8px; }
.search-wrapper .searcontent { border-radius: 0;width: calc(100% - 50px); } 
.indexsearch-en.search-wrapper .searcontent{}
.search-wrapper input::input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-webkit-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-moz-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper input::-ms-input-placeholder { color: #A7A7A7; font-size:14px; } 
.search-wrapper .form-control { padding:0 10px; font-size:15px; border: none; outline: none; position: relative;     box-shadow: none;} 
.search-wrapper .form-group { position:relative;} 
.search-wrapper .tj { position:absolute; width:50px; color: #fff; background: url(../../../style/images/custom/search.png) no-repeat center right 10px;     background-size: 20px 20px;right:0; top:0;     border-radius: 0  4px 4px  0;} 
.search-wrapper .adSearch { display:inline-block;height: 38px;line-height: 38px;padding: 0 13px;font-size: 14px;color: #fff; font-weight: bold;background: #C81432;border-radius: 4px;} 
.search-con {box-shadow: 0px 1px 4px 1px rgba(46,46,46,0.1);border-radius: 4px;background: #fff;width: 349px;}
.search-wrapper #AdvanceSearchA { display:inline-block;margin-left: 10px; background: #F9930F;border-radius: 4px;} 
.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; } 

.banner-journal {margin-bottom: 35px;}
.banner-swiper {width:60%;height: 350px;  border: 1px solid #EFEFEF;   overflow: hidden;position: relative;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{color: #fff;transform: translateY(-21px);}
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{background: #16826A;}
.banner-swiper .swiper-button-prev:after{content: "\e779";font-family: commoniconfont;font-size: 32px;}
.banner-swiper .swiper-button-next:after{content: "\e775";font-family: commoniconfont;font-size: 32px;}
.banner-swiper .swiper-button-prev{left: 15px;width: 42px;height: 42px;background: rgba(0,0,0,0.5);border-radius: 50%;}
.banner-swiper .swiper-button-next{right: 15px;width: 42px;height: 42px;background: rgba(0,0,0,0.5);border-radius: 50%;}
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{background:#16826a;}
.banner-swiper .swiper-slide{display: block;}
.banner-swiper .swiper-slide > div{padding-top: calc((350 / 780) * 100%); }
.banner-swiper .swiper-slide .img-box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;   }
.banner-swiper .bann-tit{position: absolute;left: 0;right: 0;bottom: 0;text-align: left; background: rgba(22,130,106,0.8);padding: 15px 125px 15px 25px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;color: #fff;}
.banner-swiper .bann-tit a{font-size: 18px;color: #fff; font-weight: bold; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.banner-swiper .swiper-slide a{width: auto;}
.banner-box .banner-swiper .swiper-pagination{bottom: 15px;    left: auto;  width: auto; right: 20px;}
.banner-journal .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{width: 9px;height: 9px;background: #FFFFFF;border-radius: 50px;margin: 0 5px;opacity: 1;}
.banner-journal .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #BAEB41;}
.banner-journal .banner-swiper .swiper-pagination{left: auto;right: 20px;width: auto;bottom: 15px;}


.journal-info-box{width: 40%;padding-left: 35px;}
.journal-info-box > div{ height: 350px;padding: 18px; background: #f3faf8;box-shadow: 0px 1px 4px 0px rgba(11,58,33,0.19);}
.cover-box{width: 223px;height: 320px;}
.cover-box img{width: 100%;height: 100%;}
.journal-info-con{width: calc(100% - 223px); padding-left: 20px;font-size: 15px;color: #222222;line-height: 1.2;}
.journal-info-con p + p{margin-top: 7px;}
.journal-info-box-en .journal-info-con{line-height: 1.2;}
.journal-info-box-en  p + p{margin-top: 1px;}
.qrcode-box{margin-top: 13px;padding-top: 20px;border-top: 1px solid #e4e4e4;; position: relative;}
.qrcode-box img{width: 95px;box-shadow: 0px 0px 4px 1px rgba(49,52,51,0.2);}
.qrcode-box p{ padding-left: 15px; word-break: break-all;width: calc(100% - 95px);}
.qrcode-box p{position: absolute;bottom: 0;left: 95px;    font-size: 14px;}
.journal-info-box-en  .qrcode-box{padding: 0;margin-top: 5px;border: 0;}
.journal-info-box-en .journal-info-con{font-size: 14px;}


.tsg{ margin-bottom: 40px;}
.tsg ul{margin-left: -10px;margin-right: -10px;}
.tsg li{float: left;padding: 0 10px;}
.tsg a{display: block; height: 68px;line-height: 68px;font-weight: bold; font-size: 20px; text-align: center;color: #16826a;text-decoration: none; background: #E7F6F2;box-shadow: 0px 2px 4px 0px rgba(11,58,33,0.19);border-radius: 4px;}
.tsg a:hover{background: #16826a;color: #fff;}
.tsg .commoniconfont{position: relative;top: -1px; font-size: 32px;vertical-align: middle; font-weight: normal; margin-right: 12px;}
.tsg .icon-tousujianyi{font-size: 40px;}
.tsg .icon-shenhe{font-size: 38px;}

.recommend-news{margin-bottom: 40px;}
.recommend-news .container > div{margin-left: -40px;}
.recommend-news .container > div > div{width: calc(50% - 40px);margin-left: 40px;}
.recommend-articles ul li{position: relative; padding-left: 25px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.recommend-articles ul li:before{content: "\e67d";font-family: commoniconfont;color: #5ea998;position: absolute;left: 0;top: 0;    font-size: 20px}
.recommend-articles .comtit:before{content: "\e643";font-family: commoniconfont;position: absolute;left: 0;color: #16826a;font-weight: normal;}
.recommend-articles .com-box{margin-bottom: 20px;}

.i-news{   position: relative;width: 63%;float: left;}
.i-news .container{position: relative;}
.i-news .more{position: absolute;right: 0;top: 3px; font-size: 15px;color: #007435;}
.i-news .nav-tabs{border-bottom: 1px solid #E3E3E3;padding-bottom: 10px;margin: 0;}
.i-news .i-news-tab{margin-bottom: 25px;}
.i-news .nav-tabs>li>a{line-height: 1;padding: 0 5px;}
.i-news .nav-tabs>li>a,.i-news .nav-tabs>li.active>a,.i-news .nav-tabs>li.active>a:focus, .i-news .nav-tabs>li.active>a:hover{background: none;border: 0;color: #222;font-size: 22px;}
.i-news .nav-tabs>li.active a{position: relative; font-weight: bold;}
.i-news .nav-tabs>li.active a::before{content: '';position: absolute;left: 0;right: 0;height: 4px;width: 100%;background: #16826a;border-radius: 2px;bottom: -10px;}
.i-news .nav-tabs>li {position: relative; margin-right: 40px;}
.i-news .nav-tabs>li:last-child{margin-right: 0;}
.i-news .nav-tabs>li + li::after{content: '';position: absolute;width: 2px;height: 23px;background-color: #d8d8d8;left: -21px;bottom: 0;}
.i-news .nav-tabs>li{width: auto;}
.i-news .date{position: absolute;right: 0;top: 5px;line-height: 1; font-size: 14px;color: #8b8b8b;}

.i-news .news-box li{position: relative;padding-right: 89px;padding-left: 20px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.i-news .news-box li a{font-size: 16px;color: #222;line-height: 1.5;}
.i-news .news-box li + li{margin-top: 15px;}
.i-news .news-box li:before{ content:"\e6a4" ;position: absolute;left: 0;top: 0; font-family: commoniconfont;color: #16826A;font-size: 14px;}
.i-news .mores{position: absolute;right: 0;top: 0;}
.i-news .mores a{font-size: 14px;color: #8E8E8E;}
.mores a{display: none;}
.mores a.cur{display: inline;}
.i-news .cur-bot{float: right;clear: both; font-size: 14px;}


.column .fa{line-height: 30px;}
.catalog,.catalog a,.cur-date-pub,.cur-date{font-size: 15px;line-height: 29px;font-weight: bold;color: #222;}
.catalog a,.column ._table{display: inline-block;height:29px;line-height:29px;padding: 0 15px;background: #16826A;color: #222;font-size: 15px;border-radius: 4px;}
.toolBox1  .commoniconfont{margin-right: 5px; font-size: 20px;font-weight: normal;}
.column ._table{padding: 0 12px;color: #fff;}
.cur-date-pub{margin-left: 12px;}
#indexCurrentInfo .catalog{float: right;}
.column{margin-left: 12px;}
.catalog a{color:#fff;margin-left: 18px;}
.catalog a:hover{background:#F9930F;}
.catalog a{background: #16826A;}
.column ._table{margin: 0;}
.column{border: #16826A;margin: 0 12px 0 0;}
.column span{margin-right: 0;}
.rank-yeartab li.current a{background: #16826A;}


.index-body .article-list-left, .index-body .toolBox2 ,  .index-body .toolBox1 .column {display: none!important;}
.i-articles .article-list-left   ,.i-articles .toolBox2 {display:none;}
.index-articles{padding:25px 0 30px 0;background:#f3f7f6;}
.index-articles .tab-box{border-bottom: 2px solid #e8e8e8;}
.tab-ul-index li {position:relative; }
.index-articles-en .tab-ul-index li {margin-right: 0;padding: 0;}
.tab-ul-index li:last-child{margin:0;}
.tab-ul-index li a{position: relative;height: 48px;line-height: 48px; font-size:22px;color: #222; padding: 0 15px;     text-decoration: none;}
.tab-ul-index li .commoniconfont{ font-size:25px; color:#16826A;margin-right:5px;font-weight: normal;}
.tab-ul-index li .icon-fabu_mian24{font-size: 28px;}
.tab-ul-index li.active .commoniconfont{color:#fff;}
.tab-ul-index li,.tab-ul-index li.active{background:none;}
.tab-ul-index li.active a{color:#fff; border-radius: 4px 4px 0 0;    background: #16826a;}

#myTabContent .article-list{padding:20px 0;}
.article-list-title a{font-size: 17px;line-height:24px;color: #222;}
.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;}
.article-list-title,.article-list-author,.article-list-time{margin-bottom: 8px;}
.article-list .article-list-time, .article-list .article-list-time font, .article-list-time .mainColor{color: #666;}
.article-list-zy .font1,.article-list-zy .font2,.article-list-zy .font3{position: relative;padding: 0 20px; font-family: "commoniconfont" !important;font-size: 14px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.article-list .article-list-zy font{padding-left: 0;}


.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:#16826A;}
.article-list-journalg{  padding: 0;  background: none; margin-top: 0;    margin-bottom: 5px;display: inline-block; width: auto;font-size:14px;color:#16826A;font-weight:bold;}
.article-list-journalg a,.article-list-journalg a:hover{color:#16826a;font-size: 15px;text-decoration: none;}
.article-list-journalg,.article-list-journalg a{line-height: 16px;}
.article-list-journalg{margin-top: 20px;}
.article-list-journalg.index-column{margin-top: 0;}
.index-body .article-list-journalg{margin: 0 0 15px 0;padding: 0 10px;position: relative;}
.index-body .article-list-journalg::before{content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #16826a;left: 0;top: 5px; display: block;}
.index-body .article-list-journalg::after{content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #16826a;right: 0;top: 5px; display: block;}
.article-list-zy .colorRed{color:#16826A;}
.article-list-zy,.article-list-zy a{color:#222;}
#myTabContent .article-list{padding: 20px 20px;margin-bottom: 30px; border:0;background: #FFFFFF;box-shadow: 0px 1px 5px 1px rgba(0,31,15,0.15);border-radius: 4px;transition: all 0.2s;}
#myTabContent .article-list:hover{transform:translateY(-3px)}
.index-body .toolBoxBorder{margin-bottom: 25px;}
.index-body .priorityPrompt{margin-bottom: 25px;}
.article-list-title a:hover, .article-list-author a:hover, .article-list-time a:hover, .article-list-zy font a:hover{text-decoration: none;}
.article-num {position: absolute;right:20px;bottom:20px;line-height: 26px; }
.article-num span{display: inline-block; padding-left: 20px;font-size: 14px;color: #666;margin-left: 20px;}
.article-num .abs-num,.article-num .pdf-num,.article-num .citedBy-num{position: relative; font-family: "commoniconfont" !important;font-size: 14px;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;    min-height: 26px;}
.article-num .abs-num::before,.article-num .pdf-num::before,.article-num .citedBy-num::before{position: absolute;left: 0;top:2px;    font-size: 18px;line-height: 24px;}
.article-num .abs-num::before{content: "\e642";}
.article-num .pdf-num::before{    content: "\e61e";}
.article-num .citedBy-num::before{    content: "\ec81";}
.abs-num:empty,.pdf-num:empty,.citedBy-num:empty{display: none;}
/*.article-more {margin-top: 30px; }*/
.article-more a{display: inline-block;padding: 0 30px;height: 38px;line-height: 38px;font-size: 15px;color: #16826A;border-radius: 4px;border: 1px solid #16826A;}

.comwrap{padding: 20px 20px 20px 20px; margin-bottom: 30px;}
.com-box{position: relative;border-bottom: 1px solid #E3E3E3;margin-bottom: 30px;}
.com-box .comtit{position: relative;line-height: 1; padding:0 0 10px 30px;background: none; font-size: 22px;color: #222222; font-weight: bold;}
.com-box .comtit:before{position: absolute;left: 0;font-family: commoniconfont;color: #16826a;font-weight: normal;}
.com-box .more{position: absolute;right: 0;top: 2px; font-size: 14px;color: #8e8e8e;}
.comlist li{position: relative; line-height: 25px;}
.comlist li a{font-size: 16px;color: #222;}
.comlist li a:hover,.i-news .news-box li a:hover{text-decoration: none;color: #16826a;}
.comlist li + li{margin-top: 15px;}
.xwgg ul li:before{position: absolute;left: -2px;top: 0; content:"\e601";font-family: commoniconfont;font-size: 15px; color: #0062b5; vertical-align: middle;}
.xwgg ul li{padding-left: 15px; }
.xzzx ul li{padding-right: 20px;}
.xzzx ul li:after{content:"\e760"; position: absolute;right: 0;top: 0; font-family: commoniconfont;font-size: 15px; color: #0062b5; vertical-align: middle;}
.xzzx ul li, .yqlj ul li{padding-left: 15px;}
.xzzx ul li:before, .yqlj ul li:before{content: "";position: absolute;width: 5px;height: 5px;background: #0062b5;left: 0;top: 10px;border-radius: 50%;}

.i-special{padding: 50px 0;}
.i-special .com-box .comtit:before{content: "\e617";font-size: 28px;bottom: 7px;}
.i-special-item{width:20.666%;float: left;padding-left: 20px;transition: all 0.2s;}
.i-special-item:nth-child(1){padding-left: 0;}
.i-special-item h3{height: 48px; font-weight: bold;font-size: 18px;color: #222222;line-height: 24px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-align: center;}
.i-special-con {background: linear-gradient(0deg, #F3F9F8, #FFFFFF);border-radius: 4px;border: 1px solid #CDEFE8;}
.i-special-con {padding: 15px 20px;}
.i-special-con li{padding-left: 15px;position: relative;}
.i-special-con li:before{content: '';position: absolute;left: 0;top: 10px; width: 5px;height: 5px;background: #16826A;border-radius: 50%;;}
.i-special-con li + li{margin-top: 12px;}
.i-special-con li a {font-size: 16px;color: #222; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display:block;}
.i-special-item:nth-child{padding-left: 0;}
.specail-more{margin-top: 25px;text-align: center;    }
.specail-more a{font-size: 14px;color: #16826A;}
.active.i-special-item{width: 38%;}
.active .i-special-con{position: relative; padding:0; background: url(../../../style/images/custom/zkzt.jpg) no-repeat center center;background-size: cover;}
.active .i-special-con h3{height: 60px;line-height: 60px;color: #fff; padding: 0 20px;font-size: 18px;font-weight: bold; background: #12B591;border-radius: 4px 4px 0 0;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display:block;text-align: left;}
.active .i-special-con ul{padding:0 20px 0 20px;}
.active .i-special-con li a{font-size: 16px;color: #fff;}
.active .i-special-con li:before{background: #fff;}
.active .specail-more a{display: block;height: 38px;color:#fff;line-height: 38px;background: rgba(255,255,255,0.18);border-radius: 3px;}
.active .specail-more{position: absolute; bottom: 20px; left: 20px; right: 20px;}
.i-special-con{height: 280px;}


.video-box{padding:40px 0;background: #F3F7F6;}
.video-box h3:before{content: "\e665";font-family: commoniconfont;}
.video-box .col-md-3 >div {min-height: 175px;}
.video-thumb{position:relative;display:block;padding-top:calc((175 / 302) * 100%);margin-bottom: 15px;box-shadow: 0 0 5px 1px  rgba(0,0,0,0.2);border-radius: 8px;overflow: hidden;}
.video-thumb a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all 0.2s;}
.video-thumb a:hover{transform: scale(1.2);}
.video-box .col-md-3 .video-title{min-height:80px;font-size: 17px;color: #222222;line-height: 28px;margin-bottom: 15px;}
.video-box .commoniconfont{width: 45px;height: 45px;background: rgba(0,0,0,0.7);border-radius: 50%; position:absolute;left:20px;bottom:20px;font-size: 40px;color:rgba(255,255,255,0.65);}
.video-box  .icon-bofangqi-bofang:before{color: #fff;font-size: 30px;position: absolute;left: 9px;bottom: 0;}





.i-book-box{padding: 50px 0;}
.i-book-con {text-align: center;font-size: 16px;color: #222;}
.i-book-con img{width: 100%;}
.i-book-con .col-xs-12{width: 20%;}
.i-book-con p{margin-top: 10px;}
.i-book-box .com-box .comtit:before{content: "\e7ef";    font-size: 27px; top: -3px;}

.links-con{overflow: hidden;height: 68px;}
.links-con ul li img{height: 68px;box-shadow: 0px 1px 5px 1px rgba(0,31,15,0.15);margin-right: 20px;}
.links-con ul li{float: left;}
.links-box  .com-box .comtit:before{    content: "\e609";}
.links-box {margin-top: 40px;}
.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-row-left{-webkit-box-pack: left;-ms-justify-content: left;-moz-justify-content: left; -o-justify-content: left;-webkit-justify-content: left; justify-content: left;}
.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;}


.footer ,.footer a{color: #fff;font-size: 15px;}
.footer{padding: 40px 0 20px 0;background: #16826A;}
.contact-info{width: 38.4%;}
.contact-info p{margin-bottom: 10px;}
.contact-info .Supported{margin-bottom: 0;}
.contact-info p span{margin: 0 5px;}
.contact-info p span:nth-child(1){margin: 0;}
.footer-xzzx{width:49%;padding-right: 20px;}
.footer-img img{width: 140px;margin-bottom: 5px;}
.footer-xzzx  h3{font-size: 20px;margin-bottom: 15px;}
.footer-xzzx h3 .commoniconfont{font-size: 20px;font-weight: normal;}
.footer-xzzx  h3 a{font-size: 20px;color: #fff;font-weight: bold;}
.footer-xzzx  ul li{position: relative; float: left;width: 50%;margin-bottom: 10px;font-size: 16px;padding-left: 30px;}
.footer-xzzx  ul li:before{content: "\ebb4";font-family: commoniconfont;font-size: 20px; position: absolute;left: 0;top: -2px;}

.footer-share{display: flex;justify-content: space-between;align-items: center;}
.footer-share  .commoniconfont{font-size: 25px;}
.footer-share .icon-youjian, .footer-share .icon-rss{font-size: 22px;}

.footer-share .weixinBox2{position: absolute; display: none; width: 130px;height: 130px;left: -140px;top: auto;bottom: 0;padding: 10px;background: #fff;}
.footer-share .shareBox{position: static;      width: auto;  border: 0;display: block;background:none; height: auto;}
.footer-share .weixinCode2 img,.footer-share .weixinCode2  {width: 100%;    margin: 0;}
.footer-share .shareUrlTools{position: relative;}

/*右侧*/
.main-right .journal-info-box, .main-right .cover-box,.main-right .journal-info-con{float: none;width: auto;padding: 0;height: auto;}
 .main-right .cover-box{margin-bottom: 10px;}
.main-right .journal-info-box > div{height: auto;}
.main-right .container{width: auto;}
.main-right .tsg ul{margin: 0;}
.main-right .tsg li{width: auto;float: none;padding: 0;}
.main-right .tsg li + li{margin-top: 15px;}
.main-right > div{margin-bottom: 40px;}
.main-right .recommend-articles{float: none;}

/*视频列表*/
.video-column-list li{margin-bottom: 20px;}
.video-column-list .col-md-3 >div{min-height: 190px;border-radius: 5px;overflow: hidden;}
.video-column-list .video-img{position:relative;display:block;padding-top:calc(175 / 302 * 100%);margin-bottom: 15px;box-shadow: 0 0 5px 1px  rgba(0,0,0,0.6);}
.video-column-list .video-title{padding: 0;height: auto;}
.video-column-list .col-md-3 .video-title{min-height:80px;font-size:18px;color: #222;line-height: 22px;margin-bottom: 15px;}
.video-column-list .date {font-size: 14px;color: #666;margin-top: 10px;height: 20px;line-height: 20px;}
.video-column-list .date .commoniconfont{margin-right: 7px;}
.video-column-list .commoniconfont{position: absolute;left: 10px;bottom: 10px;font-size: 32px;color: #fff;width: 45px;height: 45px;background: rgba(0,0,0,0.7);border-radius: 50%;text-align:center;}
.clear-three,.clear-tow{display:none;width: 100%;height: 1px; clear: both;}

/*图书列表**/


.book-column-list .book-img{display: block;    padding-top: calc((338 / 236)* 100%);margin-bottom: 10px;}
.book-column-list .tit-box{font-size: 16px;color: #222;text-align: center; }
.book-column-list .col-md-3 {margin-bottom: 20px;}

.journalIssue, .commontit,.box-article h3{font-size: 24px;}

@media only screen and (min-width: 1330px){	
body .container{width:1300px;}
.main-left,.main-right{padding: 0;}
.main-left{width: 74%;}
.main-right{width: 26%;float: right;padding-left: 30px;}
.video-box .col-xs-12{padding-left: 25px;padding-right: 25px;}
.video-box .row{margin-left: -25px;margin-right: -25px;}
} 

@media only screen and (min-width: 1230px){
.index-article-box{    display: flex; flex-wrap: wrap; margin-left: -30px;}
.index-article-box .article-list {width: calc(50% - 30px);margin-left: 30px;}

.clear-three{display: block;}
body .container{padding: 0;}
}



@media (max-width: 1430px) and (min-width:1200px){
.top .nav.header-nav.header-nav ul > li a{padding: 0 10px;}
.top .nav.header-nav.header-nav-en ul > li a{padding: 0 5px;}

}

@media (max-width: 1200px) {
.banner-swiper{margin-bottom: 30px;}
.banner-swiper,.journal-info-box{width: auto;float: none;padding: 0;}
.contact-info,.footer-xzzx{margin-bottom: 15px;}
.contact-info,.footer-xzzx,.footer-qrcode{float: none;width: auto;padding: 0;}
.footer-qrcode{max-width: 140px; margin: 0 auto;}
.clear-tow{display: block;}
.phone-nav{ z-index: 99999;}
#htmlContent h3, #htmlContent h4,#htmlContent h5, body #htmlContent h4 > span.sec-title,body #htmlContent h5 > span.sec-title{line-height: 1.5;}
.footer-share .weixinBox2{display: none!important;}
}

@media (max-width: 1200px) and (min-width:768px){
.tsg-en .col-sm-3{width: 50%;margin-bottom: 10px;}


}

@media only screen and (max-width: 992px){
.active.i-special-item,.i-special-item{float: none;width: auto;padding: 0;}
.i-special-item + .i-special-item{margin-top: 20px;}
.i-book-con{overflow: auto;overflow-y: hidden;}
.i-book-con > div{width: 1000px;margin-bottom: 20px;}


}
@media only screen and (max-width: 767px){
.tsg li + li{margin-top: 15px;}
.recommend-news .container > div{margin: 0;}
.recommend-news .container > div > div,.recommend-news .container > div > div{float: none;width: auto;padding: 0;margin: 0;}
#recommendArticles{margin-bottom: 50px;}

.i-news .cur-bot{float: none;display: block;text-align: center;padding: 5px;background: #eee;margin-top: 10px;}
#indexCurrentInfo > span{display:block;text-align:left;}
.cur-date-pub{margin-left: 0;}
.i-news-tab{overflow: auto;overflow-y: hidden;}
.i-news .nav-tabs{width: 600px;}
.banner-swiper{height: auto;}

}



@media only screen and (max-width: 560px){
.cover-box{margin-bottom: 15px;}
.cover-box,.journal-info-con{float: none;width: auto;padding: 0;}
.journal-info-box > div,.cover-box{height: auto;}

}