@charset "utf-8";
/* CSS Document */
body {background-color:#f2f2f2; }
.channelTit { line-height: 30px;/* height: 30px; */padding:15px 0px 15px 0px; margin-top: 15px; font-size: 28px; font-family: "OpenSansBold"; color: #252525;}

.channelNewsList li { background-color: #ffffff; overflow: hidden; margin-bottom: 15px; padding: 15px 20px 15px 25px; color: #484848;  line-height:18px;}
.channelNewsList li .pic { width: 230px; /*height: 150px; */ height: auto; float: right; margin-top: 15px; margin-left: 35px; margin-bottom: 15px;}
/*.channelNewsList li .pic img { width: 230px; height: 150px;}*/
.channelNewsList li .txt { overflow: hidden; }
.channelNewsList .tit {overflow:hidden; padding-top:10px;}
.channelNewsList .summary { /*margin:10px 0px 5px 0px;*/ overflow:hidden; font-size:13px; display: inline; }
.channelNewsList .editerTxt { font-size: 12px; padding: 0; margin-top: 10px; margin-bottom: 10px; }
.channelNewsList .editerTxt .name { font-size: 12px;}
.tag { line-height: 16px; margin: 15px 0; clear: both; padding-left: 20px; font-size: 12px; background: url(../images/ico_tag.png) no-repeat left top;}
.tag a { display: inline-block; padding: 0 5px; border-right: #c8c8c8 1px solid; height: 16px; margin: 2px 2px;}

.pages { /*height:28px;*/ overflow:hidden; font-size: 14px; line-height:24px; padding:18px 0px; color:#787878; text-align: center;}
.pages a { display:inline-block; min-width: 8px; padding: 0 8px; height:24px; text-align:center; color:#000000; margin:0px 4px; }
.pages a.page { background-color:#fcfcfc; color:#808081;}
.pages a.dq,.pages a.page:hover,.pages a:hover { background-color:#15426f; color:#ffffff;}
.pages .goPageInput { display: inline-block; width: 56px;  height: 26px; margin: -2px 5px 0 10px;}
.pages .goPageInput input { height: 24px; width: 54px; line-height: 24px; text-align: center; background-color: #ffffff; border: #cfcfcf 1px solid;}
.pages .goPageBt { display: inline-block; width: 24px; height: 24px; margin: 0 5px; cursor: pointer; color: #133a62;}

.searchTopBar { width: 480px; height: 40px; line-height: 40px; margin:0 auto; padding: 30px 0; border-bottom: #dadada 1px solid;  }
.searchTopBar .txt { width: 70px; height: 40px; float: left;; }
.searchTopBar .searchBox { overflow: hidden; height: 40px; }
.searchTopBar .inputSearch { height: 28px; padding: 5px 5px; overflow: hidden; border:#d0d0d0 1px solid; background: #ffffff; }
.searchTopBar .inputSearch input { display: block; width: 100%; height: 28px; }
.searchTopBar .searchBt { display: block; width: 60px; height: 40px; overflow: hidden; text-indent: -999px; float: right; background: #154170 url(../images/search_bt.png) no-repeat center center; }

.conMainL { width: 690px; padding: 0 25px 0 24px; float: left; border-right:#e5e5e5 1px solid; font-size: 14px; }
.conMainL img { max-width: 100%; height: auto; }
.conMainR {/* width: 380px;*/ width: 330px; padding: 0 25px; float: left; border-left:#e5e5e5 1px solid; margin-left: -1px;}
.conPadding { padding: 25px 25px;}

.shareBar { width: 100%; height: 32px; line-height: 32px; margin-bottom: 10px; font-size: 20px; overflow: hidden;background-color: #ffffff; }
.shareBox { height: 32px; overflow: hidden; float: right; background-color: #ffffff; font-size: 12px; }
.shareBox a { display: inline-block; overflow: hidden; text-indent: 999px; width: 32px; height: 32px; background-image: url(../images/ico_share.png); background-repeat: no-repeat; margin:0 5px; float: left;}
.shareBox a.s1 { background-position: 0 0; }
.shareBox a.s2 { background-position: -42px 0; }
.shareBox a.s3 { background-position: -84px 0; }
.shareBox a.s4 { background-position: -126px 0; }
.shareBox .disBlock,.shareBox .fb-like,.fb-like.disBlock { display: inline-block; float: left; overflow: hidden; font-size: 12px; line-height: 28px; }
.shareBox .st_twitter_hcount { padding-top:5px;}
.pubdate { font-size: 12px; color: #828181;}
.shareBar .pubdate { display: inline-block;/* margin-top: 17px;*/ height: 15px; line-height: 15px;}

.mediaReport .topPic img { width: 100%; height: auto; margin-bottom: 10px; }
.mediaReport li { padding: 5px 0; clear: both; overflow: hidden; font-size: 14px; line-height: 22px; }
.mediaReport .tit { line-height: 30px; padding: 8px 0 8px 10px; border-left: #15426f 7px solid; margin:10px 0; }
.mediaReport p { padding: 8px 0; }

.likeList {}
.likeList ul { overflow: hidden; background: #ffffff; }
.likeList li { border-top: #e7e7e7 1px solid; margin-top: -1px; line-height: 30px; padding: 15px 25px; font-size: 16px; overflow: hidden;}
.likeList .pic { width: 65px; height: 65px; border-radius: 65px; margin: 5px 15px 5px 0px; overflow: hidden; float: left;}
.likeList .pic img { width: 65px; height: 65px; border-radius: 65px;}
.likeList .txt { overflow: hidden; padding: 10px 0; line-height: 20px; color: #828181; font-size: 11px;}
.likeList .txt .nameColor { font-size: 12px;}
.likeList .tits { font-size: 20px; padding: 5px 0;}

.sideColTit { height: 35px; line-height: 30px; font-size: 26px; color: #252525; }

.magazineList {/* width: 1010px; margin-left: 45px;*/ width: 1015px; margin-left: 55px; overflow: hidden; clear: both;}
.magazineList ul { width: 1100px; overflow: hidden; margin-top: -10px;}
.magazineList li { border-bottom:#e0e0e0 1px solid; /*width: 275px; */ width: 185px;/* height: 400px;*/ padding-right: 90px; padding-top: 45px;  float: left; overflow: hidden; margin-bottom: -1px; padding-bottom: 40px;}
.magazineList .pic { width: 185px; height: 240px; overflow: hidden; box-shadow:3px 3px 3px #dddddd; }
.magazineList .pic img { width: 185px; height: 240px;}
.magazineList .txt { font-size: 12px; line-height: 16px;  height: 55px; overflow: hidden; margin: 15px 0 10px 0; clear: both; }
.magazineList .tits { margin-bottom: 5px; font-size: 14px; max-height: 32px; overflow: hidden;}
.languageBar { width: 200px; height: 37px; font-size: 14px;}
.languageBar .sort { display: block; float: left; width: 85px; height: 37px;  line-height: 37px; margin-right: 14px; }
.languageBar .sort a { display: block; width: 100%; height: 37px;background-color: #4f7baa; text-align: center;}

.bookCover .languageBar { width: 280px; margin: 30px auto; text-align: center;}
.bookCover .sort { display: inline-block; float: none;}

/*--------*/
.reflecTop,.recommendTop { height: 245px; min-height: 245px; line-height: 245px; padding: 0 20px; text-align: center; margin: 15px auto; overflow: hidden;}
.reflecBox { max-width: 780px; line-height: 22px; margin: 0 auto; display:inline-block; vertical-align:middle; padding: 20px 0;}
.reflecTop { background: #66a3c2 url(../images/tit_mapbg.png) no-repeat center center;}
.recommendTop { background: #3a3a3a url(../images/tit_recommends_bg.jpg) no-repeat center center;}
.reflecTit { font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.reflecCon { font-size: 14px;}

.reflecList { width: 1137px; margin-left: -8px; overflow: hidden; font-size: 13px;}
.reflecList.threeCol { width: 379px; float: left;}
.reflecList li { width: 362px; height: 439px; background-color: #ffffff; border-bottom: #adadad 1px solid; float: left; margin: 0px 9px 17px 8px; overflow: hidden;}
.reflecList .pic { height: 240px;}
.reflecList .pic img { width: 100%; height: 240px;}
.reflecList .txt { padding:20px 25px 0px 25px; line-height: 18px; height:160px; overflow: hidden;}
.reflecList .summary { height: 90px; overflow: hidden;}
.reflecList .name { margin-top: 10px;}
.reflecList .jobs {color:#828181; font-size: 11px;}

h1 { font-size: 26px; line-height: 32px; padding: 5px 0; clear: both; color: #252525; font-weight: normal;}
.content { margin-bottom: 20px; font-size: 14px; line-height: 22px; color: #484848;}
.content p {/* padding:10px 0;*/ margin: 0 0 20px 0;}
.content img { max-width: 100%; height: auto;}
.contentLike { padding: 20px 0; font-size: 18px; line-height: 28px; font-style: italic;}
.content a,.content a:hover {color: #50b6dc;}
.content a:hover { text-decoration: underline;}

.reflecSideR { padding-top: 45px; padding-bottom: 20px;}
.reflecSideR .name { font-size: 20px;}
.reflecSideR .jobs { font-size: 13px; color: #818181; margin-bottom: 10px;}
.reflecSideR .summary { font-size: 14px; line-height: 22px; color: #484848; font-style: italic;}

.commentBox { margin-top: 1px; padding: 25px 25px; background-color: #ffffff; font-size: 14px;}

.authorList { overflow: hidden; background: url(../images/line_point.gif) repeat 0 0; margin-bottom: 10px;}
.authorList li { width: 50%;/* height: 75px;*/ height: 75px; padding: 8px 0 7px 0px; overflow: hidden; float: left;}
.authorList .pic { width: 95px; height: 75px; background: #ffffff; text-align: center; float: left; }
/*.authorList .pic p {width: 75px; height: 75px; border-radius: 75px; margin:0 auto;}*/
.authorList .pic img { width: 75px; height: 75px; border-radius: 75px; overflow: hidden;}
.authorList .txt { height: 60px; font-size: 13px; padding-right: 10px; line-height: 16px;overflow: hidden; color: #818181;}
.authorList .nameTit,.contributorsList .nameTit { font-size: 20px; padding: 6px 0;}
/*-----*/
.contributorsTop { margin: 15px 0;}  .contributorsTop img,.contributorsTopM img { width: 100%; height: auto;}
.contributorsTopM { display: none;}
.contributorsList { width: 1140px; margin-left: -10px; margin-bottom: 20px; overflow: hidden;}
.contributorsList li { width: 320px; height: 90px; padding:25px 20px;  margin: 15px 10px 0px 10px; float: left; border-bottom: #adadad 1px solid; background-color: #ffffff;}
.contributorsList .pic { width: 90px; height: 90px; border-radius: 90px; text-align: center; overflow: hidden; float: left; margin-right: 20px; background-color: #a3a3a3; font-size: 32px; color: #ffffff;}
.contributorsList .pic span { display: inline-block; line-height: 90px;}
.contributorsList .pic img { width: 90px; height: 90px; border-radius: 90px; margin: 0; padding: 0; }
.contributorsList .txt { height: 90px; overflow: hidden; padding-top: 5px; font-size: 13px; color: #5e5e5e;}

.zz_indexBar { /*height:45px;*/  margin:25px 0 10px 0; font-size:16px; position: relative; padding-right: 140px;}
.zz_index a { display:inline-block; height:32px; line-height: 32px; padding:0px 11px; margin: 0 1px 1px 0;  color:#828181; cursor: pointer;}
.zz_index a.dq,.zz_index a:hover {color:#ffffff; background-color: #66a3c2; }
.zz_index a.allBt { display: none;}
.zz_indexBar .lang { position: absolute; top: 0; right: 0; z-index: 1; text-align: right;}
.zz_indexBar .lang a { display: inline-block; width: 60px; height: 30px; text-align: center; line-height: 30px; border: #828181 1px solid; margin-left: 8px; cursor: pointer;}
.zz_indexBar .lang a.dq,.zz_indexBar .lang a:hover { border:#66a3c2 1px solid; color: #66a3c2;}

.zzTopBox { padding: 30px 20px 25px 20px; background-color: #ffffff; overflow: hidden; margin-bottom: 15px;}
.zzTopBox .pic { width:75px; height:75px; font-size:32px; line-height:75px; text-align:center; overflow:hidden; border-radius:75px; float:left; margin-right:15px; color:#ffffff;}
.zzTopBox .pic img { width:75px; height:75px; border-radius:75px; display: block; overflow: hidden;}
.zzTopBox .txt { overflow:hidden; padding-top:5px; font-size: 13px;}
.zzTopBox .name { font-size: 20px; margin-top: -10px;}
.zzTopBox .jobs {color:#828181; font-size: 13px; margin-bottom: 8px;}
.zzTopBox .summary { line-height: 18px; color: #484848;}

.page404Box { width: 580px; margin: 70px auto 40px auto; border-bottom: #cecece 1px solid; padding-bottom: 40px; position: relative; text-align: center; font-size: 26px; line-height: 40px; color: #252525;}
.page404Box .or { width: 55px; height: 30px; text-align: center; line-height: 30px; background-color: #f2f2f2; position: absolute; bottom: -15px; left: 50%; margin-left: -27px; z-index: 1; font-size: 26px;}

.library { width: 880px; margin: 80px auto; text-align: center;}
.library img { max-width: 100%; height: auto;}
.library .inputBox { padding: 10px 20px; /*height: 24px; */margin: 30px 0; background-color: #ffffff; border: #d1d1d1 1px solid; overflow: hidden;}
.library .inputBox input { width: 100%; height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; color: #979797;  margin: 0px; padding: 0px;}
.library .searchBt { display: inline-block; height: 40px; line-height: 40px; width: 145px; margin: 3px 8px; cursor: pointer; font-size: 14px; color: #ffffff; background-color: #154170;}

.highLight { margin-top: 50px; border-top: #cecece 1px solid; font-size: 20px; position: relative; padding-top: 40px;}
.highLight .hTit { width: 200px; position: absolute; z-index: 1; top: -15px; left: 50%; margin-left: -100px;  height: 30px; color: #252525; font-size: 26px; line-height: 30px; padding: 0 10px; background-color: #f2f2f2; }
.highLight ul { width: 890px; margin-left:-5px; overflow: hidden; clear: both;}
.highLight li { display: block; width: 25%; height: 140px;  margin: 5px 0; float: left; overflow: hidden;}
.highLight li a { display: block; margin: 0 5px; padding: 5px 26px; height: 130px;line-height: 130px; overflow: hidden;}
.highLight .bg_c1 { background-color: #607425;}
.highLight .bg_c2 { background-color: #69bedd;}
.highLight .bg_c3 { background-color: #3e7ece;}
.highLight .bg_c4 { background-color: #896fbf;}
.highLight .bg_c5 { background-color: #448877;}
.highLight .bg_c6 { background-color: #ed8b3b;}
.highLight .bg_c7 { background-color: #ab333f;}
.highLight .bg_c8 { background-color: #159e90;}
.highLight p {display:-moz-inline-stack; display:inline-block; line-height:26px; font-size: 20px; vertical-align:middle;}
.highLight i {width:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; font-size:0;}

.bookInfoL { width: 390px; float: left; overflow: hidden; font-size: 14px; line-height: 22px; color: #484848;}
.bookCover { width: 260px; margin-left:25px; float: right;}
.bookCover img { width: 100%; height: auto; border:#dddddd 1px solid; box-shadow: 1px 1px 6px 3px #eeeeee; }
.bookInfo h1 { font-size:26px; padding:0; font-weight:normal;}
.bookInfo p { padding:8px 0px;} .bookInfo img { max-width:100%;}
.published { line-height: 22px; margin: 5px 0; clear: both; font-size: 13px; color: #828181;}
.bookInfo .published .name { font-size: 20px; line-height: 22px;}

.pingyuList { overflow: hidden; margin-left: -25px;}
.pingyuList li { border-top: #e3e3e3 1px solid; margin-top: -1px; padding:10px 0 10px 20px;}
.quoteTxt { margin:10px 10px 0px 10px; padding:30px 0px 0px 30px; background:url(../images/quote_begin.png) no-repeat left top;}
.quoteTxtCon { padding:0 30px 25px 0; font-size: 14px; line-height: 22px; color: #484848; font-style:italic;  background:url(../images/quote_end.png) no-repeat right bottom}
.pingyuList .published { margin: 5px 0 5px 40px;}

/*-------*/
.bookList { width:1140px; margin-left: -20px; clear:both; padding:0px 10px; overflow:hidden; font-size: 13px;}
.bookList li { width:50%; float:left; /*height:240px;*/ overflow:hidden; padding:7px 0; color:#222222;}
a.bookBox { display:block; background-color:#ffffff; height:240px; margin:0px 10px; padding: 18px 20px; overflow:hidden; line-height:18px; border-bottom: #adadad 1px solid; color: #484848;}
a.bookBox .pic { width:160px; height:240px; float:left; margin-right: 20px; }
a.bookBox .pic img { width:160px; height:240px;box-shadow:3px 3px 3px #dddddd; }
a.bookBox .txt { overflow:hidden; padding:10px 0px 10px 0px;}
a.bookBox .tit { font-size:20px; line-height:24px; color:#252525;}
a.bookBox .con { max-height:162px; overflow:hidden;}
a.bookBox .author { font-size:14px; line-height:20px; color:#98753c; margin-bottom:10px;} 
a.bookBox:hover {background-color:#1a4277; color:#ffffff;}
a.bookBox:hover .tit { color:#ffffff;}
a.bookBox:hover  .author {color:#bbc2cf;}
a.bookBox:hover .pic img {box-shadow:3px 3px 3px #0e366c;}

.ctw_Tit { padding: 20px 0; margin: 0px 25px 25px 25px; clear: both; border-bottom:#e5e5e5 1px solid;}
.ctw_Tit img { max-width: 100%;}
.ctw_con { overflow: hidden; line-height: 22px;}
.pubdate { padding: 10px 0; font-size: 20px;}
.ctw_con li.top { padding-top: 0;}
.ctw_con li.top img { width: 100%; height: auto; clear: both; float: none; margin: 0;}
.ctw_con li { overflow: hidden; border-top: #cfcfcf 1px solid; margin-top: -1px; padding: 28px 0;}
.ctw_con li.top .tit { clear: both; border-left: #1d3d6e 7px solid; margin: 30px 0 25px 0; padding-left: 20px;}
.ctw_con li img { float: left; width: 340px; margin-right: 20px;}
.ctw_con li .tit { padding: 15px 0; overflow: hidden; color: #245178;}
.ctw_con li p { padding: 5px 0;}
.ctw_con a,.ctw_con a:hover {color: #50b6dc;}
.ctw_con a:hover { text-decoration: underline;}

.quizlist { padding: 20px; border: 3px solid #eeeeee; }
.quizlist li h1 { font-size: 16px; padding: 10px; }
.quizanswer { padding-left:40px; }
.quizanswer li p { display: none; padding: 5px 0 0 25px;}
.quizanswer li h2  { font-size: 14px; line-height: 20px; padding: 10px 0; cursor: pointer; }
.quizanswer li h2:hover { background-color:#f0f3f6; }
.quizanswer li .icoRight1 { padding-left: 25px; background-image: url(../images/ico_answer1.png); background-repeat: no-repeat; }
.quizanswer li .icoRight0 { padding-left: 25px; background-image: url(../images/ico_answer0.png); background-repeat: no-repeat; }

@media all and (max-width: 750px) {
.channelTit { padding:0 0.29rem 15px 0.29rem; }
.likeList .channelTit { font-size: 20px;}
.likeList .tits { font-size: 0.32rem;}
.channelNewsList li .pic { width: 100%; /*height: 150px; */ height: auto; float:none; margin-top: 0px; margin-left: 0px; margin-bottom: 0px;}
.channelNewsList li	{ margin: 0 0.29rem 0.18rem 0.29rem; padding: 0.4rem 0.4rem 0.3rem 0.4rem;}
.channelNewsList li .tit {font-size: 0.38rem;}
	
.searchTopBar { width: 100%; height: 60px; box-sizing: border-box; padding: 10px 10px; font-size: 14px; }	
.conMainL { width:100%; padding: 0 0.29rem; box-sizing: border-box; float:none; border-right:0; /*--*/ overflow: hidden;}
.conMainR {width: 100%;/* padding: 0 0.29rem;*/ padding: 10px 0.29rem 0 0.29rem; box-sizing: border-box; float: none; border-left:0; margin-left:0; margin-top: 20px;   clear: both; font-size: 14px; background-color: #ffffff;}	
	
.shareBox.scrolltop { text-align:right; right:40px; top: 10px; z-index: 10000;}
.shareBox a.s1,.shareBox a.s2,.pcShare,.contributorsTop,.zz_index a.all,.pingyuList { display: none;}
.contributorsTopM { display: block;}	
	
.magazineList { width: auto; margin: 0 0.29rem 0.18rem 0.29rem;  }	
.magazineList ul { width: 100%; margin-top: 0px;}
.magazineList li { width: 100%; box-sizing: border-box; padding: 20px 0px;}
.magazineList li .pic,.magazineList li .pic img { width: 100%; height: auto;}
.languageBar { width: 100%; }
.languageBar .sort {  width: 50%; margin: 0; box-sizing: border-box;}
.languageBar p.sort:nth-child(1) { padding-right: 10px;}
.languageBar p.sort:nth-child(2) { padding-left: 10px;}

.reflecTop { height: auto;}	
.reflecList,.reflecList.threeCol { width: auto; margin: 0 0.29rem 0.18rem 0.29rem; float: none;}	
.reflecList li { width: 100%; float: none; height: auto; overflow: hidden; margin: 0px 0px 10px 0px; }	
.reflecList .pic { height: 4.55rem;}
.reflecList .pic img { width: 100%; height: 4.55rem;}
.reflecList .txt { padding: 15px 15px; height: auto;}
.reflecList .summary { height: auto;}	

.reflecSideR { border-top:#dddddd 1px solid; padding-top: 10px;}
.wrapMain .hr40 { height: 20px;}	
	
.authorList li { width: 100%; float: none;}	
	
.contributorsList { width:100%; margin-left:0;}
.contributorsList li { width: auto;  margin: 15px 0.29rem 0px 0.29rem; float: none; }	
.zz_indexBar { margin: 15px 0.29rem 0px 0.29rem; padding-right: 0;}
.zz_index a.allBt { clear: both; display: block; width: 70px;  background-color: #66a3c2; line-height: 32px;}
.zz_index a.allBt span { display: inline-block; height: 32px; color: #ffffff;}
.zz_index a.allBt span.arrIco {display: inline-block; float: right; width: 30px; height: 32px; background: url(../images/top_arr.png) no-repeat center center; background-size: 20px 20px; transform:rotate(180deg)}
#letter	 { display: none; clear: both;}
	
.zzTopBox { padding: 30px 20px 25px 20px; background-color: #ffffff; overflow: hidden; margin:0px 0.29rem 15px 0.29rem;}
.page404Box { width: auto; margin: 50px 15px 15px 15px; }
	
.library { width: 100%; box-sizing: border-box; padding: 0 0.29rem; margin: 20px auto; }
.library .inputBox { padding-top: 5px;}
.highLight li a { margin: 0;}
.highLight ul,.highLight li { width: 100%; float: none; margin-left: 0; margin-right: 0; }	

.bookCover,.bookInfoL { width: 100%; margin: 0; float: none;}
	
.bookList { width:100%; margin-left: 0px; clear:both; padding:0px; overflow:hidden; font-size: 13px; box-sizing: border-box;}
.bookList li { width:100%; float:left; /*height:240px;*/ overflow:hidden; padding:7px 0; color:#222222;}
a.bookBox {  height:auto; margin:0px; padding: 15px 15px; overflow:hidden; line-height:18px; border-bottom: #adadad 1px solid; color: #484848;}
a.bookBox .pic { width:100%; height:auto; box-sizing: border-box; padding: 0px; float:none; margin-right: 0;}
a.bookBox .pic img { width:100%; height:auto; }
a.bookBox .txt { overflow:hidden; padding:20px 0px 10px 0px;}
	
.ctw_con li.top { padding-top: 0;}
.ctw_con li img { width: 100%; height: auto; clear: both; float: none;}
.ctw_con li { overflow: hidden; border-top: #cfcfcf 1px solid; margin-top: -1px; padding: 28px 0;}
.ctw_con li.top .tit { clear: both; border-left: #1d3d6e 7px solid; margin: 20px 0 15px 0; padding-left: 20px;}

.pages a, .pages span, .pages span.disBlock, .pages span.goPageInput, .pages span.goPageBt {display:none;}
.pages a.dq,.pages a.lt,.pages a.gt {display:inline-block;}
}