@charset "utf-8";
/* CSS Document */
@media only screen { html { font-size:16px;} }
body,ul,ol,h1,h2,h3,h4,h5,dl,dd,form,input,textarea,select,p{padding: 0; margin: 0;font-family: Arial,sans-serif; font-size: 1rem;}
input,textarea{margin:0;padding:0;border:none; outline:none;}
textarea{ resize:none; overflow:auto;}
em{ font-style:normal;}
ul,li { list-style: none;}
h1,p,h2{margin:0; font-weight:normal;}
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration:none;}
a { color:#444;}
img{ border:none; vertical-align:top;}
body{position:relative;background: #e7e7e7;z-index: -10;}
.cl { clear:both;}
i,.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.page{width:100%;height:100%;position:absolute; left:0;top:0;overflow:auto;z-index:1;}
header{width: 100%;height:3rem;background: #ffaf00;overflow:hidden;}
header span { float:left; padding:0px 0.9rem 0px 1.2rem; height:3rem; background:#ffc444;position:relative;}
header span a { font-weight:normal; line-height:3rem; font-size:1.3rem; color:#fff3d8;}
header em {height:0px; width:0px;border-top:1.5rem solid transparent;border-left:0.5rem solid #ffc444;border-bottom:1.5rem solid transparent; float:right; position:absolute; right:-0.5rem; z-index:1000;}
header em.home { border-top:1.5rem solid transparent;border-left:0.5rem solid #ffaf00;border-bottom:1.5rem solid transparent; z-index:1000; right:-0.5rem;}
.logo{width:8.8rem;height: 3rem;margin-left:0.9rem;display: table;line-height:3rem;float: left;position:relative;}
.logo a{width: 7.8rem;height: 2.5rem;display: inline-block;vertical-align:middle;background: url(../images/logo.gif) no-repeat 0px 0px;background-size: contain;}
.btn{width: 1.3rem;height: 3rem;margin-right: 1rem;float: right;line-height: 3rem;position:relative;}
.btn i{font-size: 1.3rem;color: #fff;display: inline-block;}
.btn em{border: solid transparent;content: ' ';height: 4.6rem;position: absolute;width: 0;border-width: 8px;border-bottom-color: #fff;bottom: -1px;right:0.1rem;}
.downMenu{width: 100%;height:1000px;position: absolute;left: 0;top:3rem;background: rgba(0,0,0,0.5);z-index: 100;display: none;box-shadow:0px 10px 20px #dfdfdf;}
.dm_con{width: 100%;padding: 0.5rem 0;float: left;background: #fff;}
.dm_con li{width:16%;font-size: 0.8rem;color: #666;text-align: center;float: left;line-height: 1.6rem;margin:0px 2%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dm_con li a{width:100%;height: 2.5rem;display:block;background: red;border-radius: 0.7rem;text-align: center;line-height: 2.5rem;}
.dm_con li a i{color: #fff;font-size: 1.6rem;}
.dm_con li:nth-of-type(1) a,.dm_con li:nth-of-type(15) a{ background: #d06c7f;}
.dm_con li:nth-of-type(2) a,.dm_con li:nth-of-type(16) a{ background: #7fbc4c;}
.dm_con li:nth-of-type(3) a,.dm_con li:nth-of-type(17) a{ background: #fa5f63;}
.dm_con li:nth-of-type(4) a,.dm_con li:nth-of-type(18) a{ background: #bd81e0;}
.dm_con li:nth-of-type(5) a,.dm_con li:nth-of-type(19) a{ background: #38b7e6;}
.dm_con li:nth-of-type(6) a,.dm_con li:nth-of-type(20) a{ background: #30c1ff;}
.dm_con li:nth-of-type(7) a,.dm_con li:nth-of-type(21) a{ background: #ef4848;}
.dm_con li:nth-of-type(8) a,.dm_con li:nth-of-type(22) a{ background: #2ec8e4;}
.dm_con li:nth-of-type(9) a,.dm_con li:nth-of-type(23) a{ background: #f79a37;}
.dm_con li:nth-of-type(10) a,.dm_con li:nth-of-type(24) a{ background: #4f8fd6;}
.dm_con li:nth-of-type(11) a,.dm_con li:nth-of-type(25) a{ background: #f26060;}
.dm_con li:nth-of-type(12) a,.dm_con li:nth-of-type(26) a{ background: #a5bb3e;}
.dm_con li:nth-of-type(13) a,.dm_con li:nth-of-type(27) a{ background: #51c6ac;}
.dm_con li:nth-of-type(14) a,.dm_con li:nth-of-type(28) a{ background: #64add7;}
.dm_con li:nth-of-type(15) a,.dm_con li:nth-of-type(29) a{ background: #b476d8;}
.box { margin-bottom:15px; float:left; background:#fff; width:100%; overflow:hidden;}
/*.toplayer { position:fixed; top:0px; left:0px; z-index:100000;box-shadow:0px 5px 15px #dfdfdf;}*/
.index-banner { margin-bottom:0.5rem;}
/*.nav,.navbox{width: 100%;height: 2.5rem;background: #f2f2f2;float:left;overflow: hidden;}
.nav ul{width:100%;height:2.5rem;background: #f2f2f2;float: left;overflow: hidden;}
.nav ul li{width:16.6%;height: 2.5rem;text-align: center;float: left;position:relative;}
.nav ul li a{font-size:1.1rem;color: #444;line-height: 2.5rem;float:left; width:100%;}
.nav ul li a i { display:none;}
.nav ul li a.active{color: #f59000;border-bottom: 2px solid #f59000;}
.nav ul li a.active i { float:left; width:100%; height:2px; background:#f59000; position:absolute; bottom:0px; display:block; overflow:hidden;}*/
.nav{overflow:hidden;position:relative;height:40px; background:#fff; font-size:1rem; border-bottom:1px solid #f3f3f3;}
.navbox {position:relative;box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;white-space:nowrap; height:60PX; line-height:40PX;}
.navbox div { display:inline-block; padding:0px 0.5rem; text-align:center;}
.navbox div.current{ background:#f6f6f6;}
.navbox div.current a{ color:#97499f; font-weight:bold;}
.navlayerbg { position:absolute; width:30px; height:40px; background:url(../images/bg.png) no-repeat 0px 0px; right:0px; top:0px;}

.menu{width: 100%;height:2.2rem;float: left;background: #fff;border-top: 1px solid #cfcfcf;float:left;}
.menu ul{width: 100%;height:2.2rem;float: left;}
.menu ul li{width: 20%;height:2.2rem;float: left;position: relative;overflow:hidden;line-height:2.2rem;background:#f3f3f3; font-size:0.9rem;}
.menu ul li span{width:100%;height:2.5rem;color: #555;text-align: center;display: inline-block;position: absolute;text-align:center;}
.menu ul li.active { background:#fff;}
.menu ul li.active span { color:#000;}
/*active*/.menu ul .active span:after, .menu ul .active span:before{border-bottom:2px solid #cc0000;content: ' ';left:0px;top:0;position: absolute;width:100%;}
.menu ul li i{width: 1.5rem;height:1.5rem;background: red;border-radius:1.5rem;text-align: center;line-height:2rem;font-size:0.6rem;color: #fff;margin-right:5px;padding:4px;}
.menu ul:nth-child(1)>li:nth-of-type(1) i{background: #d06c7f;}
.menu ul:nth-child(1)>li:nth-of-type(2) i{background: #7fbc4c;}
.menu ul:nth-child(1)>li:nth-of-type(3) i{background: #fa5f63;}
.menu ul:nth-child(1)>li:nth-of-type(4) i{background: #bd81e0;}
.menu ul:nth-child(1)>li:nth-of-type(5) i{background: #38b7e6;}
.news{width: 100%;float: left;background: #fff;margin-bottom: 0.5rem;}
.newslist{padding: 0 2%; background:#fff; float:left; width:96%; height:100%;}
.newslist a{width: 100%;display:-webkit-box;height:4.5rem;padding: 0.5rem 0px;float: left;border-bottom:1px solid #efefef;}
.news_txt{-webkit-box-flex:1;height:80px; margin-left:5px;}
.news_txt h3{font-size: 1rem;line-height:1.3rem;font-weight: normal;color: #000; height:40px;overflow: hidden; margin-bottom:15px; width:100%; display:block;}
.news_txt p{font-size: 0.7rem;font-weight: normal;color:#aaaaaa;line-height:1rem;margin-top: 0.3rem;max-height: 2rem;overflow:hidden; height:18px; width:100%; display:block;}
.news_txt p small { background:#f3f3f3; color:#a3a3a3; font-size:12px; float:right; padding:0px 5px;}
.newslist a img{ width:114px; min-height:75px;height:75px;}
.img {width:120px; height:75px;overflow:hidden; font-size:12px; color:#aaa;}
.news_link { margin:0px auto; float:left; width:100%;}
.news_link li { border-bottom:1px solid #efefef; height:2.5rem; line-height:2.5rem; float:left; width:100%; font-size:1rem; overflow: hidden;}
.news_link li span {float: right;width: 22%;color:#bbb;font-size:0.8rem;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-align:right;}
.news_link li span i {font-size:1rem;margin: 0px 5px 0px 3px;}
.news_link li em {float: left;width: 78%;overflow:hidden;height:2.5rem;text-indent:2%;color:#333;}
.post ul.news_rlink { margin:0px auto; float:left;}
.post ul.news_rlink li { border-bottom:1px solid #efefef; height:3rem; line-height:3rem; float:left; width:100%; font-size:1.1rem;}
.post ul.news_rlink li span { float:right; width:15%; color:#bbb; font-size:0.8rem; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right;}
.post ul.news_rlink li span i { font-size:1rem; margin:0px 15px 0px 3px;}
.post ul.news_rlink li a { float:left; width:85%; overflow:hidden;height:3rem; }
.post ul.news_rlink li em { float:left;height:3rem; text-indent:2%; color:#333; color:#aaa; font-size:0.9rem; width:auto;}
.post ul.news_rlink li strong { float:left;height:3rem; font-weight:normal;}
.post ul.news_rlink li u { float:left;height:3rem; text-decoration:none; color:#555; margin:0px 5px 0px 7px;}
.more{width: 100%;height: 2.3rem;float: left;margin-top: -1px;text-align: center;line-height: 2.3rem;background: #F8F8F8;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;display: -moz-box;-moz-box-pack:center;-moz-box-align:center;/* Safari、Opera 以及 Chrome */display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;/* W3C */display:box;box-pack:center;box-align:center;}

.more li {
    /* float: left; */
    margin-left: 14px;
}
.more a{width: 100%;height: 100%;display: inline-block;color: #888;}
.more i { font-size:1rem; margin:0px 10px; color:#bbb;}
.topic{width: 100%;float: left;margin-bottom: 0.5rem;background:#fff;}
.topic_top,.topic_ta{width: 100%;height: 2.5rem;float: left;background:#f3f3f3;border-top:1px solid #e8e8e8;}
.topic_top h4,.topic_ta h4 {font-size:1rem;line-height: 2.3rem;float: left;color: #555;font-weight: normal;margin-left:2%;}
.topic_img{width: 100%;background: #fff;float: left;padding-top: 0.5rem;}
.topic_img a{width: 30%;margin-left:2.5%;float: left;text-align: center;}
.topic_img a em { float:left; width:100%; height:5rem; overflow:hidden;}
.topic_img a img{width: 100%;height:100%;}
.topic_img a p{color: #333;line-height:2rem;font-size: 1rem;height:2rem;float:left;overflow:hidden;width:100%;}
.topic_list{background: #fff;float: left;width:97%;margin:2px 1.5% 0px 1.5%;}
.topic_list ul {width:97%;margin:0px 1.5%; float:left;}
.topic_list li{width:49%;height: 2.5rem;text-align: center;line-height: 2.5rem;float: left;}
.topic_list li a{width:100%;height: 2.5rem;line-height: 2.5rem;font-size:1rem;text-align:center;float: left;color: #555;border-right:1px solid #f3f3f3;border-bottom:1px solid #efefef;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.topic_list li:nth-child(2n) a{border-right:none;}
.topic_top ul,.topic_ta ul{float: right;}
.topic_top ul li,.topic_ta ul li{padding: 0 0.5rem;height: 2.5rem;margin-right: 0.5rem;text-align: center;line-height: 2.5rem;color: #555;font-size: 1rem;float: left;margin-top: -2px;}
.topic_top ul .active,.topic_ta ul .active{color: #f59000;border-top: 2px solid #f59000;background:#fff;padding: 0 1rem;}
.topicbox{background:#fff; float:left; width:100%;}
.topic_boxa { padding:0.5rem 0px;background:#fff; float:left; width:100%;}
#toprm { padding:0px; height:0px; overflow:hidden;}
.dynasty_ol{width: 100%;background: #fff;float: left;}
.dynasty_ol{padding: 2px 0;margin-bottom:20px;}
.dynasty_ol li{width: 45%;height: 2.3rem;background: #ffaf00 ;text-align: center;line-height: 2.3rem;font-size: 1.1rem;color: #fff;float: left;margin-left:3%;}
.dynasty_ol li a { color:#fff; float:left; width:100%;}
.dynasty_ol li.king { background:#d54040;}
.dynasty_renwu h4{width: 7rem;line-height: 3rem;display: inline-block;font-size: 1rem;font-weight: normal;color: #44576a;background:#fff;position: absolute;top: 7%;left: 35%}
#dynasty_img{padding-top: 0;}
.friendlink{width: 100%;float: left;background: #fff;padding:0px 0px 20px 0px;margin-bottom:0.5rem;}
.friendlink a{margin:0px 5px;float:left;text-align: center;font-size:0.8rem;color: #aaa;line-height:1.3rem;}
.friendlink .topic_top { height:2.0rem; margin-bottom:10px;}
.friendlink .topic_top h4 { line-height:2rem; color:#555; font-size:1rem;}
footer{width: 96%;float: left;padding: 1rem 2%;text-align: center;font-size: 0.5rem;color: #666;background: #fff;}
footer p{font-size: 0.6rem;}
footer p.cp { color:#aaa;}
/*内容页*/.content{width: 100%;float: left;background: #f7f7f7;padding:1rem 0px 0px 0px;margin-bottom: 0.5rem;}
.content h3,.old_con h3,.content h1{font-size: 1.2rem;color: #404040;line-height: 1.7rem;margin:0px 3%; font-weight:bold;}
.time {margin:0px 3%;}
.time span{font-size: 0.8rem;color: #aaa;line-height: 2.6rem;float: left;margin-right: 0.5rem;}
.con_con{width:96%;overflow: hidden;float: left;font-size: 1.1rem;line-height: 1.8rem; margin:0 2%;}
.con_con ruby { float:right; width:99%; text-align:left;}
.con_con rt { display:none;}
.con_con img { margin:5px auto; max-width:95%; display:block;}
.con_con p{width:100%;margin: 0.3rem 0;color: #404040;}
.con_page{width: 100%;float: left;padding: 0.5rem 0 1.5rem 0;}
.con_page span{width: 100%;height: 2.5rem;line-height: 2.5rem;float: left;text-align: center;color: #666;}
.con_page span em{color: #f54343;}
.con_page a{width: 37%;height: 2.3rem;border: 1px solid #a4a4a4;margin-left: 8%;float: left;text-align: center;line-height: 2.3rem;color: #333;}
.post{width: 100%;float: left;margin:0px 0px 0.5rem 0px;background: #fff;padding-bottom:10px;}
.post ul li:last-of-type { border:none;}
.post_top{width: 100%;height: 2.3rem;float: left; background:#f3f3f3;}
.post_top span{width:33.3%;text-align: center;line-height: 2.3rem;color: #555;float: left; font-weight:normal;background:#f3f3f3;font-size:1.1rem;}
.post_top .active{border-top: 2px solid #f59000;color: #f59000;background:#fff;}
.tuijian{margin-top: 0.5rem;}
.dynasty_list{width: 100%;float: left;background: #fff;margin-bottom: 0.5rem;}
.dynasty_list ul{margin-bottom: 0.3rem;}
.dynasty { margin-bottom:0.5rem; float:left;}
/*历史上的今天*/
.oldHistory{width: 96%;padding:3% 2%;float: left;background: #f6f6f6;position: relative;z-index: -2;margin-bottom: 0.5rem;}
.oldLeft{width: 3.3rem;height: 100%;float: left;text-align: center;position: relative;}
.oldLeft span{width: 8px;display: inline-block;background: #e9e9e9;position: absolute;top: 0;left: 50%;margin-left: -4px;overflow: hidden;z-index: -1;}
.oldLeft i{width: 2rem;height: 2rem;display: inline-block;background: #da4041;border-radius: 2rem;font-size: 1.4rem;text-align: center;line-height: 2rem;color: #fff;}
.oldRight{width: 84%;float: left;}
#oldHistory_head{color: #da4041;font-size: 1.2rem;font-weight: bold;line-height: 2rem;float: left;}
.oldHistory_list{float: left;}
.oldHistory_list li{float: left;margin-left: -3.2rem;margin-top: 1rem;width: 115%;}
.oldtime b{width: 3.3rem;height: 1.5rem;display: inline-block;background: #da4041;color: #fff;line-height: 1.5rem;text-align: center;font-size: 0.8rem;font-weight: bold;float: left;border-radius: 0.2rem;}
.oldtime i{display: inline-block;width: 0;height: 0;float: left;margin-top: 0.5rem;border-top: 0.5rem solid transparent;border-right: 0.5rem solid #fff;border-bottom: 0.5rem solid transparent;}
.oldpic{position: relative;background: #fff;float: left;width: 75%;}
.oldpic a{display: inline-block;width: 100%;}
.oldpic img{width: 100%  !important;min-height: 9.7rem;max-height: 11rem;}
.oldpic span{width: 100%;height: 1.5rem;display: inline-block;color: #fff;line-height: 1.5rem;background: rgba(0,0,0,0.5);position: absolute;left: 0px;bottom: 0px;text-align: center;font-size: 0.9rem;overflow: hidden;}
.oldpic h3{padding: 0 0.5rem;font-size: 1rem;color: #666;display: inline-block;line-height: 2rem;font-family: "Microsoft YaHei";padding-top: 0.5rem;}
.oldpic p{padding: 0 0.5rem;font-size: 0.9rem;display: inline-block;color: #777;line-height: 1.3rem;padding-bottom: 8px;}
.LoadMore{width: 100%;float: left;margin: 1rem 0;text-align: center; position:relative; clear:both;}
.LoadMore em{ position:absolute; width:30px; height:30px; border-radius:50%; border:10px solid #da4041; left:25px; top:-50px; background:#fff;}
.LoadMore a{width: 80%;height: 2.8rem;display: inline-block;color: #fff;border-radius: 0.3rem;line-height: 2.8rem;text-align: center;font-size: 0.9rem;background: #da4041;}
.rili{width: 100%;float: left;text-align: center;margin-bottom: 1rem;}
.topicList{width: 100%;text-align: center;float: left;}
.topicList_con{width: 88%;background: #fff;margin-bottom: 1rem;display: inline-block;border: 1px solid #d7d7d7;padding: 0 0.5rem;text-align: left;margin-bottom: 0.5rem;}
.topicList_con h4{font-size: 1rem;color: #252525;font-weight: normal;line-height: 3.2rem;}
.topicList_con img{width: 100%;height: 9.4rem;border-radius: 0.3rem;}
.topicList_con p{width: 100%;font-size: 0.8rem;color: #686868;padding: 0.8rem 0;line-height: 1.2rem;}
.topicList_con a.ma{width: 100%;height: 2.4rem;display: inline-block;border-top: 1px solid #d7d7d7;font-size: 0.8rem;color: #848689;line-height: 2.4rem;}
.topicList_con a em{float: right;color: #848689;}
.List_page{width: 100%;float: left;margin: -0.5rem 0 1.2rem 0;}
.List_page li{width: 20%;height: 2.2rem;border: 1px solid #d7d7d7;background: #fff;line-height: 2.2rem;text-align: center;font-size: 0.9rem;color: #383838;margin-left: 3.5%;float: left;}
/*人物列表*/
.renwu{width: 100%;float: left;background: #fff;padding: 0.5rem 0px;}
.renwu ul{width: 100%;float: left;background: #fff;}
.renwu ul li{width: 30.5%;float: left;margin:0rem 0 0.5rem 2%;position: relative;border: 1px solid #e8e8e8;}
.renwu ul li img{width: 100%;height:7.5rem;}
.renwu p{width: 100%;height: 1.6rem;position: absolute;left: 0;bottom: 0;text-align: center;color: #fff;line-height: 1.6rem;font-size: 0.85rem;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 10%,rgba(0,0,0,0));background:linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0));}
.huangdi_list{width: 100%;margin-bottom: 0.5rem;float: left;background: #fff;}
.huangdi_list a{width: 25%;height: 2.4rem;text-align: center;line-height: 2.4rem;float: left;color: #666; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cd_detail{width: 96%;padding: 0 2%;float: left;background: #fff; height:130px; overflow:hidden; position:relative;}
.chaodai_img{width:40%;float: left;margin-right: 3%;border: 2px solid #e0e0e0;height:6.2rem; overflow:hidden;}
.chaodai_img img { width:100%;}
.cd_detail em { color:#999;}
.cd_detail h4{width: 55%;float: right;color: #323232;font-size: 1.1rem;line-height: 2rem;font-weight: normal;}
.cd_detail h4 em{font-size: 0.8rem;}
.cd_detail p{width: 100%;color: #323232;font-size:0.9rem;line-height:1.5rem;}
.chaodai{background: #fff;padding-top:0.5rem;}
.king_img{width: 100%;background: #fff;float: left;}
.gallery-cell ul{width: 100%;float: left;background: #fff;text-align:center;}
.gallery-cell ul li{width: 23%;margin:0px auto;display:inline-block;margin-bottom: 0.6rem;position: relative;border: 2px solid #fff;}
.gallery-cell ul li img{width: 100%;height: 7rem;}
.renwu_dimg .gallery-cell ul li img{width: 100%;height:5.5rem;}
.gallery-cell p{width: 100%;height: 1.6rem;position: absolute;left: 0;bottom: 0;text-align: center;color: #fff;line-height: 1.6rem;font-size: 0.85rem;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 10%,rgba(0,0,0,0));background:linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0));}
.gallery-cell a i { font-size:1rem; color:#bbb;}
.top_ra { height:0px; float:left;width:100%; height:0px; overflow:hidden}
.top_rb { height:230px;}
.detail_guidetitle { margin:15px auto auto auto; float:left; width:100%; padding:5px 0px; border-top:1px dashed #ccc;}
.detail_guidetitle strong { width:30%;float:left; text-align:center; margin:3px 0.5% 3px 2%; padding:6px 0px; font-size:1rem; font-weight:normal;background: linear-gradient(#fef6eb, #fef6eb); }
.detail_glayer { display:none; width:100%; height:100%; position: fixed; top:0px; left:0px; background:#efefef; color:#333; z-index:100005;}
.detail_gbox { margin:0px auto; width:90%; padding:0px 5%; background:#fff;font-size:1.2rem; line-height:1.8rem; overflow-y: scroll;}
.detail_gbox table { border:1px solid #e8e8e8;border-collapse:collapse; width:100%;}
.detail_gbox td,detail_gbox th { border:1px solid #e8e8e8;border-collapse:collapse; font-size:0.7rem;}
.detail_gbox table p { font-size:0.7rem;}
.gbox_close { position:fixed; right:5%; bottom:5%; width:3rem; height:3rem; border-radius:50%; background: rgba(211,0,0,0.9);}
.gbox_close i { color:#333; float:left; width:3rem; height:3rem; text-align:center; line-height:3rem; font-size:1rem; color:#fff;}
.topic_top a{width: 30%;float: right;color: #666;line-height: 2.5rem;padding-right: 0.5rem;text-align: right;}
.list{width: 100%;float: left;background: #fff;padding:1rem 0px 0px 0px;margin-bottom:0.5rem;}
.list .news a:nth-child(1){padding: 0 0 0.8rem 0;}
.list .more{margin-bottom: 0;}
/*人物*/
.character{width: 96%;padding: 0 2%;float: left;background: #fff;}
.character img{width: 38%;float: left;margin-right: 4%;border: 2px solid #e0e0e0;}
.character h4{width: 56%;float: left;color: #323232;font-size: 1.3rem;line-height: 2rem;font-weight: normal;}
.intro { float:left;overflow:hidden; width:56%; height:1.2rem; overflow:hidden;}
.intro span.rtype { border-radius:3px; padding:0px 10px; background:#ffaf00; color:#fff; position:absolute; right:3%; top:2px; font-size:1rem;}
.intro span.rtype a { float:left; display:block; width:100%; text-align:center; color:#fff; font-weight:0.8rem;}
.character section{width: 100%;float: left;color: #999;font-size:0.8rem;line-height: 1.2rem;}
.character section em{color: #555;font-size:1rem;}
.relevant{width: 100%;float: left;background: #fff;margin-bottom: 0.5rem;}
.ren_info { float:left; width:50%;}
.detail { margin:0px 1.5%; float:left; width:93%;line-height:1.8rem; border-top:1px dashed #aaa; padding:15px 2%; color:#333; font-size:1.2rem; max-height:580px; overflow:hidden;}
.detail p { margin-bottom:1rem;}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6 { font-size:1rem; display:inline-block;}
.relevant section{width: 96%;padding: 0 2%;float: left;line-height:1.2rem;}
.relevant section em{display: inline-block;width: 25%;color: #999;float: left;font-size: 0.7rem;}
.relevant section p{color: #333;float: left;width:75%;font-size: 0.8rem;}
.relevant .topic_top{margin-bottom: 0.5rem;}
.relevant_list{width:97%;float: left;padding-bottom: 0.8rem;background: #fff;margin:0px 1.5%;}
.relevant_list ul{margin-bottom: 0.3rem;}
.relevant_list a{width: 33%;height: 2.5rem;line-height: 2.5rem;font-size:1rem;text-align:center;float: left;color: #555;border-right:1px solid #f3f3f3;border-bottom:1px solid #efefef;}
.relevant_list a.active { background:#ffaf00;}
.relevant_list a:nth-of-type(3n){ border-right:none;}
.huatiCon{background:#fff;float: left;margin:0px 0px 0.5rem 0px;}
.huatiCon h3{font-size: 1rem;color: #252525;float: left;margin:0.5rem auto; text-align:center; width:100%;}
.huatiCon em{width: 100%;float: left;display: inline-block;}
.huatiCon em img{width: 100%;height: 11.5rem;}
.di_img{float:left;width:100%;background:#fff;padding:0.5rem 0px;}
.di_img .post { margin-bottom:-10px;}
.huati_wz{width: 100%;float: left;}
.huati_wz .dynasty_top{background: #fff;}
.huati_wz .dynasty_top li .active{border-bottom: transparent;}
.huati_wz section{width: 96%;margin: 0 2% 2.5% 2%;float: left;background: #fff;}
.huati_wz section h4{width: 96%;font-size: 1.2rem;line-height: 2rem;margin-top: 0.5rem;color: #ff6600;float: left;padding:0 2%;}
.huati_wz .more { background:#ddd;}
.wz_txt{width: 100%;float: left;overflow: hidden;margin-bottom: 0.5rem;}
.wz_txt p{width: 96%;padding: 0 2%;font-size: 0.9rem;color: #686868;line-height: 1.4rem;text-indent: 2rem;}
.wz_txt h1,.wz_txt h2,.wz_txt h3,.wz_txt h4,.wz_txt h5,.wz_txt h6 { display:inline-block; padding:0px 2%; font-size:1rem;}
.huati_wz .more{margin-bottom: 0;}
.jieyu div{ color:#000; font-size:1rem; padding:2%; font-weight:bold;}
.oldPhoto,.photo_tj{width: 100%;float: left;background: #fff;margin-top:0.5rem;}
.oldPhoto,.photo_tj{margin-bottom: 0.5rem;}
.photo_header{width: 100%;height: 8rem;position: absolute;left: 0;top: 0;z-index: 1;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.9));background:linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.9));}
.photoLogo{width: 100%;height: 6rem;float: left;}
.photoLogo i{display: inline-block;float: left;text-align: center;line-height: 2rem;height: 2rem;margin-top: 0.5rem;}
.photoLogo i:nth-child(1){width: 2rem;font-size: 1.8rem;color: #fff;margin-left: 0.3rem;}
.photoLogo i:nth-child(2){width: 7rem;font-size: 2rem;color: #fff;}
.photoLogo i:nth-child(3){width: 4rem;color: #2a2a2a;background: #fff;font-size: 1.5rem;}
.oldPhoto_gengduo{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.5rem;background-color: rgba(0,0,0,0.7);color: #fff;text-align: center;line-height: 2.5rem;color: #9e9e9e;}
.oldPhoto_gengduo i{display: inline-block;font-size: 1.5rem;margin-right: 0.5rem;}
.photoList_con { width: 100%; float:left; margin-top:0.6rem;}
.pic_list{clear: both;background: #e7e7e7;padding: 0.3rem;}
.pic_item{border: 2px solid #d1d1d1;background: #fff;margin-bottom: 0.5rem;}
.pic_item a{width: 100%;display: inline-block;}
.pic_item a img{width: 100%;min-height: 11rem;max-height: 13rem;vertical-align: middle;border: 0;}
.pic_info{padding: 0 0.7rem 0.5rem 0.7rem;font-size: 0.75rem;}
.pic_info h3{font-weight: normal;font-size: 1rem;line-height: 2rem;}
.pic_info p{font-size: 0.8rem;color: #666;line-height: 1.2rem;text-align: justify;}
.pic_list .List_page{margin: 0.5rem 0 0.3rem 0;}
.renwu_list{float: left;margin-top:0.5rem; width:100%;}
.renwu_name{float:left;margin-bottom:15px;border: 1px solid #eaeaea;background:#fff;padding:4% 2%;}
.renwu_name h3{ color: #7c7c7c;float: left; border-bottom:1px solid #efefef;float:left; width:100%; line-height:1.2rem; height:1.2rem; padding-bottom:10px;}
.renwu_name h3 span{font-weight:normal;color:#000; float:left; padding:0px 3px; border-left:10px solid #c2333f; float:left; line-height:1.2rem;font-size:1.2rem;}
.renwu_name h3 span strong{ color:#a41925; font-weight:normal;}
.renwu_name h3 a { float:right; font-size:14px; font-weight:normal; padding:0px 6px;}
.renwu_name ul { float:left; margin-left:10px; margin:10px 0px 0px 25px;}
.renwu_name ul li{float: left;font-size: 16px;line-height: 35px; height:35px; overflow:hidden; list-style:inside; list-style-type: disc; color:#d8d8d8;}
/*------------start 幻灯片------------*/
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
.index-banner {position: relative;overflow: hidden;-webkit-backface-visibility: hidden;z-index: 1;width: 100%;}
.index-banner .index-pagination {position: absolute;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.6);height:20%; text-align:right}
.index-banner .banner-title {position: absolute;bottom:3%;color: #fff;z-index:100; width:80%; overflow:hidden; height:1.5rem; line-height:1.8rem; overflow:hidden; text-align:left; text-indent:2%;}
.index-banner .banner-title p { font-size:0.8rem;}
.index-banner .index-pagination span {width:0.5rem;height:0.5rem;margin-top:3%;margin-right: 2%;border-radius: 50%;background: #333;display: inline-block;}
.index-banner .swiper-wrapper li img{width: 100%;height: 100%;display: none;}
.index-banner .index-pagination span.swiper-active-switch{background: #fff;}
/*-----------end 幻灯片------------*/
/************广告位**************/
.ad_top { margin:0px auto; width:100%; float:left;}
.ad_title { float:left;}
.shenqi { float:left; height:300px; width:1px;}
.ad_shenqi { margin:5px auto;float:left; display:block; width:99%; text-align:center;}
.ad_post { float:left; margin:0px auto auto auto; padding-top:5px; background:#fff;}
.ad_post1,.ad_post3,.ad_post4,.ad_post5,.ad_post6{ width:98%; margin:2% 1% 0px 1%; overflow:hidden; border-bottom:1px solid #efefef; clear:both;}
.ad_post2 {height:auto; float:left; width:100%; margin:5px auto;border-bottom: 1px solid #efefef; padding-bottom:5px;}
.ad_post6 img{ max-width:100%;}
/************广告位**************/
.coentent_pic{width: 100%;overflow: hidden;padding-top: 0.8rem;float: left;background: #fff;}
.oldPhoto_title{width: 100%;float: left;font-size: 1.2rem;line-height: 1.4rem;display: inline-block;text-align: center;font-weight: normal;}
.coentent_img{width: 90%;padding: 0 5%;float: left;margin-top: 0.8rem;position: relative;}
.coentent_img img{width: 100%;}
.coentent_img span{padding: 0.1rem 0.6rem;background: rgba(0,0,0,0.5);color: #fff;text-align: center;position: absolute;bottom: 0rem;right: 1.2rem;}
.coentent_img span em{font-size: 2rem;color: #F75A5A;}
.oldPhotoTips{width: 90%;padding: 0 5%;float: left;margin-top: 0.8rem;}
.oldPhotoTips span{width: 100%;height: 1.5rem;line-height: 1.5rem;float: left;font-size: 0.7rem;text-align: center;border: 1px solid #e0e0e0;background: #f6f6f6;}
.oldPhoto_txt{width: 90%;padding: 0 5%;float: left;}
.oldPhoto_txt p{font-size: 0.8rem;text-align: justify;line-height: 1.2rem;color: #735004;}
.coentent_pic .con_page{padding: 0.5rem 0 1rem 0;}
.oldPhoto_newslist{height: auto;float: left;padding-top: 1.2rem;margin-bottom: 0.4rem;}
/*新增传统文化*/
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.nav_list{background-color:#fff;padding:0 0;}
.nav_list h3{color:#666;font-size:1.2rem;width:96%;margin:0 auto 0.5rem;border-bottom:2px solid #ffaf00;font-weight:500;padding:0.5rem 0 0.5rem;font-family:'\5FAE\8F6F\96C5\9ED1';}
.nav_list ul{width:96%;margin:0 auto;}
.nav_list ul li{float:left;padding:0.8rem 0 0 0;font-size:1rem;color:#666;width:25%;text-align:center;font-family:'\5FAE\8F6F\96C5\9ED1';}
.ctwh_banner img{display:inline-block;max-width:100%;}
.ctwh_banner{text-align:center;}
.navbox.nav_ctwh{overflow:hidden;}
.navbox.nav_ctwh ul li{font-family:'\5FAE\8F6F\96C5\9ED1';}
.navbox.nav_ctwh ul li a{font-size:1rem;}
.navbox.nav_ctwh ul li.active{border-bottom:2px solid #ffaf00;box-sizing:border-box;}
.ctwh_news .news_txt {width:100%;height:4.5rem;margin-left:0;float:none;}
.ctwh_news .link .news_txt{width:68%;float:right;margin-left:4%;}
.ctwh_news .news_txt h3{float:none;}
.ctwh_news .news_txt p{float:none;}
.cn_nation h3{font-size:1.4rem;color:#636363;padding:1rem 2%;background-color:#f3f3f3;float:left;width:100%;box-sizing:border-box;}
.nation_item{background-color:#fff;width:100%;}
.nation_item_box{border-top:1px solid #eee;border-right:1px solid #eee;}
.nation_item_box .nation_list{float:left;width:33.33%;border-left:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;position:relative;overflow:hidden;box-sizing:border-box;text-align:center;}
.nation_item_box .nation_list a{display:block;color:#000;}
.nation_item_box .nation_list a h4{color:#000;font-family:'\5FAE\8F6F\96C5\9ED1';font-weight:500;font-size:0.9rem;}
.nation_item_box .nation_list a .txt{color:#bbb;}
.nation_item_box .nation_list img{display:inline-block;max-width:100%;border-radius:100%;}
.cn_nation_list{background-color:#f3f3f3;margin-top:0.5rem;}
.cn_nation_list .cn_nation_head{width:96%;margin:0 auto;}
.cn_nation_list .cn_nation_head h4{font-size:1rem;color:#333;padding:0.8rem 0;}
.cn_nation_head ul li{display:inline-block;padding:0.8rem 0.8rem;height:auto;float:none;}
.cn_nation_head ul li.active{border-top:2px solid #ffaf00;background-color:#fff;padding:0.8rem 0.8rem;color:#ffaf00;}
.cd_detail.ctwh_cd_detail p{line-height:1.6rem;}
.ctwh_nation{background-color:#d00000;padding:0.5rem 0;}
.ctwh_nation ol li{float:left;width:25%;text-align:center;font-family:'\5FAE\8F6F\96C5\9ED1';}
.ctwh_nation ol li.active{background-color:#ffaf00;}
.ctwh_nation ol li a{color:#fff;padding:0.3rem 0;display:block;}
.nation_history_title{padding:1rem 0;background-color:#f3f3f3;text-indent:0.6rem;color:#3d3d3d;font-family:'\5FAE\8F6F\96C5\9ED1';font-size:1.1rem;}
.ctwh_news .news_txt h3{font-family:'\5FAE\8F6F\96C5\9ED1';}
/*@media (max-width:362px){
  .navbox.nav_ctwh ul li a{font-size:0.9rem;}
  .news_txt h3 {font-size:0.9rem;}
  .more a{font-size:0.9rem;}
  .ctwh_nation ol li{font-size:0.92rem;}
}*/
.cbg { background:#fff;}
.content_text,.related { float:left; width:96%; padding:2%; background:#fff;}
.renwuimg { float:left; width:100px; height:125px; overflow:hidden; margin-right:15px;}
.renwuimg img { float:left; width:100%; height:100%;}
.content_text h4 ,.content_text h2 { margin-bottom:7px;}
.content_text h4 span { color:#ec0000; padding:0px 5px;}
.sicibox { background:#fff; margin-bottom:10px; float:left; padding:96%; padding:2%;}
.sicibox rt { color:#aaa;}
.yiwenbox,.zhushibox{ background:#f8f8f8; margin:10px auto; padding:10px;}
.yiwenbox em { background:#ec0000; color:#fff; padding:1px 10px;}
.zhushibox em { background:#66bf68; color:#fff; padding:1px 10px;}
.yiwenbox div,.zhushibox div { padding-top:10px; font-size:13px;}
.yiwenbox rt,.zhushibox rt { display:none;}
.sicitext { font-size:20px; font-weight:bold;}
.dtext ruby { margin-bottom:15px; float:left;}
.dtext rt { display:none;}
.related { margin-bottom:10px; font-size:13px;}
.aclist li { border-bottom:1px solid #e8e8e8; padding:8px 0px;}