@charset "utf-8";
* { margin:0; padding:0; border:0; font-family:微软雅黑; /* font-size:13px; */}
body { background:url(../images/index_header_bg.jpg) no-repeat top center #f1e4c1; position: relative;}
a { text-decoration:none;color:#535047;}
a:hover { color:#982b26;}
li { list-style:none;}
/* 头部动画start */
.banner { position: relative; width:1104px; height:520px; margin:0 auto;}
.first,.second,.thirdly,.fourth {position: absolute; display: none;}
.first {margin-left:70px; margin-top:100px;}
.second {margin-left:275px; margin-top:160px;}
.thirdly {bottom: 125px; right: 160px;}
.fourth {bottom: 80px; right: 110px;}
@-webkit-keyframes 'one' {
  from{ opacity: .0 ; margin-left:20px; margin-top:100px; }
  to{ opacity: 1; margin-left:70px; margin-top:100px;  }
}
@-webkit-keyframes 'two' {
  from{ opacity: .0 ;  margin-left:330px;  margin-top:160px; }
  to{ opacity: 1; margin-left:275px; margin-top:160px; }
}
@-webkit-keyframes 'three' {
  from{  opacity: .0 ; bottom: 155px;  right: 160px; }
  to{ opacity: 1; bottom: 125px; right: 160px; }
}
@-webkit-keyframes 'four' {
  from{  opacity: .0 ; bottom: 40px;  right: 110px; }
  to{ opacity: 1;  bottom: 80px; right: 110px; }
}
.one_run {
    -webkit-animation-name:'one';/*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 2s;/*动画持续时间*/
    -webkit-animation-timing-function: ease-out; /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0;/*动画延迟时间,开始时间*/
    -webkit-animation-iteration-count: 1;/*定义循环次数，infinite为无限次*/
    -webkit-animation-direction: normal;/*定义动画方式*/
    -webkit-animation-fill-mode:forwards;
}
.two_run {
    -webkit-animation-name:'two';
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.three_run {
    -webkit-animation-name:'three';
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.four_run {
    -webkit-animation-name:'four';
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
/* 返回顶部 start */
#backtotopbtn { position: absolute; display: block; width: 40px; height: 40px; overflow: hidden; background: url(../images/icon_v1.png) no-repeat 0 -680px; }
#backtotop a:hover {background: url(../images/icon_v1.png) no-repeat 0 -726px;}
#backtotop { position: fixed; right: 10px; bottom: 10px; display: none; width: 40px; height: 85px; z-index: 1000; }
/* 返回顶部 end */

/*导航 start*/
.header{width:1104px; height:144px; margin:0 auto;}
.header .msg { border-radius: 10px 10px 0 0; height:47px; line-height: 47px; font-size:12px; padding-left:17px; background:rgba(255, 255, 255, 0.61);}
.header .msg span {margin-right:27px;}

.nav {height: 107px;}
.nav .img_icon {
    text-align: center;
}
.nav .img_icon img { margin-top:17px; height:28px;width:auto; }
.nav_font { font-size:15px; height:41px; vertical-align:top; text-align:center; color:#fff;}
.nav li a{display: flex;height: 97px;flex-direction: column;} 
.nav li {cursor:pointer;float:left;display:inline-block;box-sizing: border-box;width: 138px;background:#a66f36;border-left:#b2834d 1px solid;border-right: #80542d 1px solid;position:relative;border-bottom: 10px solid #8a5e2d;}
.nav li:hover { background:#a64e36; border-bottom:rgb(138,62,46) solid 10px; }
.nav li:first-child{border-bottom-left-radius: 10px;border-left:0;}
.nav li:last-child{border-bottom-right-radius: 10px;border-right:0;}
.nav li.act {
  background:#a64e36; border-bottom:rgb(138,62,46) solid 10px; 
}
/*导航 end*/

/*动态 start*/
.hall { width:1104px; height:350px; margin: 40px auto 0 auto; position:relative }
.hall .hall_view { width:620px; height:350px; position:absolute; background:#ddd; left:0; background:url(../images/hall_view_bg.jpg) repeat-x;}
.hall .hall_view .hall_view_out { height:332px; position:relative;margin:9px; width:602px; overflow:hidden;}
.hall .hall_view .hall_view_out .img_list { height: 332px; width: 100000px; position:absolute;}
.hall .hall_view .hall_view_out .img_list li { float:left;position: relative; height:332px;}
.hall .hall_view .hall_view_out .img_list li img{height:332px;width:602px;object-fit: cover;}
.hall .hall_view .hall_view_out .img_list li .shadow { height:44px; width:602px; position:absolute; left:0; bottom:0; background:rgba(23, 23, 23, 0.59); text-align:center; line-height:44px; color:#fff; font-size:15px;}
.hall .hall_view .hall_view_out i { display:none;height:332px; width:50px; position:absolute;  top:0; background:rgba(255, 255, 255, 0.23);}
.hall .hall_view .hall_view_out .prev { cursor: url("../images/arr_left.cur"), auto; left:0; background:url(../images/pre.png) no-repeat; background-position-y:155px;background-position-x:17px;}
.hall .hall_view .hall_view_out .next { cursor: url("../images/arr_right.cur"), auto; right:0; background:url(../images/next.png) no-repeat; background-position-y:155px;background-position-x:17px;}
.hall .hall_news {height:350px; width:450px; position:absolute; right:0;}
.hall .hall_news .hall_news_title { height:70px; background:url(../images/hall_title_img.png) no-repeat; position:relative;}
.hall .hall_news .hall_news_title .news_more {width:103px; height:35px; position:absolute; top:0; right:0; background:url(../images/news_more.png) no-repeat;     margin-top: 30px;}
.hall .hall_news .hall_news_list {margin-top:20px;height:260px;}
.hall .hall_news .hall_news_list li {padding:14px 0 13px 0; border-bottom:1px #d2c5a3 solid; font-size:14px;line-height: 14px; position:relative;}
.hall .hall_news .hall_news_list li .new {background:url(../images/dot.jpg) no-repeat;background-position-y: 9px;background-position-x:6px;padding-left:16px;width: 350px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hall .hall_news .hall_news_list li .new_time { position:absolute;right:0; color:#9f9b9a; font-size:9px;}
/*动态 end*/

/*展览 start*/
.exhibiton_out { height:295px;}
.exhibiton { height:295px; width:550px; position:absolute; left:0; background:rgba(204, 204, 204, 0.21);}
.exhibiton .zhan { height:295px; background:url(../images/zhan.jpg) no-repeat; width:100px; float:left;}
.exhibiton .lan { height:295px; background:url(../images/lan.jpg) no-repeat; width:100px; float:left;}
.exhibiton .exhibiton_content { width:350px; float:left;}
.exhibiton .exhibiton_content img {height:295px;width:100%;/* object-fit: cover; */}
.everyday_wisdom { height:295px; width:220px; position:absolute; left:580px; background:#ccc; background:url(../images/everyday_wisdom_img.png) no-repeat;}
.everyday_wisdom .everyday_wisdom_img { height:185px; margin-top:77px;text-align: center;}
.everyday_wisdom .everyday_wisdom_img img {height:185px; /* width:100%; */}
.everyday_wisdom .everyday_wisdom_fotter { margin-top:1px; height:32px; background:#8b7053; line-height:32px; font-size:15px; color:#fff; text-align:center;}
.exhibiton_out .about_us { height:295px; width:270px; position:absolute; right:0; }
.exhibiton_out .about_us .title { height:37px; background:url(../images/about_us.jpg) no-repeat; line-height:37px; color:#fff; font-size:16px;padding-left:18px;}
.exhibiton_out .about_us .content { line-height:20px; padding:20px 10px; color:#56513b; font-size:13px; height:180px; background:#f3ecd2; border:1px #ded3bf solid; border-top:0; border-bottom:0;}
.exhibiton_out .about_us .about_us_footer { height:38px; border:1px #ded3bf solid; border-right:0; /*background:#b77f72;*/}
.exhibiton_out .about_us .about_us_footer .footer_link { text-align:center; color:#9c390f; font-size:13px; line-height:38px; border:1px #ded3bf solid; border-top:0;border-bottom:0; border-left:0; height:38px; width:89px; display:inline-block; float:left;}
.exhibiton_out .about_us .about_us_footer .footer_link:hover { background:#b47f71; color:#fff; cursor:pointer;}
.exhibiton_out .about_us .about_us_footer .footer_link_center {border:1px #ded3bf solid; border-top:0;border-bottom:0; border-left:0; height:38px; width:88px; display:inline-block; float:left;};
.exhibiton_out .about_us .about_us_footer .footer_link span { display:inline-block;}
.exhibiton_out .about_us .about_us_footer .footer_link i { display:inline-block; height:7px; width:4px; margin-left:10px; background:url(../images/enter.png) no-repeat;}
/*展览 start*/

/*名人模块start*/
.celebrity { height:328px;}
.celebrity .all_title{ position:absolute; left:0; height:328px; width:200px;}
.celebrity .all_title .title_top { height:123px; background:url(../images/title_top.jpg) no-repeat;}
.celebrity .all_title .titles {height:201px;padding-top:4px; background:url(../images/titles_bg.jpg) no-repeat;}
.celebrity .all_title .titles li { float:left; margin-left:10px; margin-top:15px; border:1px #dbd7cc solid; line-height:28px; text-align:center; color:#65625b; height:28px; width:82px; display:inline-block;}
.celebrity .all_title .titles li a:hover {color:#fff;}
.celebrity .all_title .titles li:hover { cursor:pointer; background:#ce9687;}
.celebrity .celebrity_detail { position:absolute; left:220px; height:328px; width:580px; font-size: 13px; color: #474d4d;}
.celebrity .celebrity_detail li { margin-bottom:10px; height: 13px; line-height: 13px; background:url(../images/dot2.jpg) no-repeat; background-position-x:15px; background-position-y:9px; padding-left:22px;}
.celebrity .celebrity_detail li a.ar{ display: inline-block; width: 152px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.celebrity .celebrity_detail li a.ar2{ display: inline-block; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.celebrity .celebrity_detail .top { margin-bottom:30px; height:130px;}
.celebrity .celebrity_detail .celebrity_news { width:280px; float:left;}
.celebrity .celebrity_detail .celebrity_news .celebrity_news_content .celebrity_news_img {width:118px; height:88px;}
.celebrity .celebrity_detail .celebrity_news .celebrity_news_content .celebrity_news_img img {width:100%;height:100%;object-fit: cover;}
.celebrity .celebrity_detail .celebrity_news .celebrity_news_li { position:absolute; top:0; left:118px;}
.celebrity .celebrity_detail .celebrity_news .celebrity_news_content { position:relative;}
.celebrity .celebrity_detail .left { margin-right:20px;}
.celebrity .celebrity_detail .celebrity_news_title {height:45px; position:relative;}
.celebrity .celebrity_detail .celebrity_news_title .new_title { margin-top:5px; font-size:22px; color:#474d4d;}
.celebrity .celebrity_detail .celebrity_news_title .new_more { position:absolute; right:0; top:5px;font-size:13px; color:#70716c;}
.celebrity .celebrity_detail .bottom { border-top:1px #d1c4a2 solid; position:relative; height:168px;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_title { position:absolute; top:30px;; left:0; width:580px; z-index: 20;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_title .famous_book_title {font-size:22px; color:#474d4d; line-height:22px;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_title .famous_book_more {font-size:13px; color:#70716c; float:right;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_content { position:relative;height: 169px;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_content .celebrity_famous_book_img { position:absolute; height:88px; width:118px; bottom:0; left:0;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_content .celebrity_famous_book_img img {width:100%; height:100%;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_content .celebrity_famous_book_li { position:absolute; height:88px; width:230px; bottom:0; left:118px;}
.celebrity .celebrity_detail .bottom .celebrity_famous_book_content .celebrity_famous_book_li2 { position:absolute; height:88px; width:230px; bottom:0; right:0;}

.celebrity .celebrity_detail2 { position:absolute; right:0; height:328px; width:270px; font-size: 13px; color: #474d4d;}
.celebrity .celebrity_detail2 li { margin-bottom:10px; height: 13px; line-height: 13px; background:url(../images/dot2.jpg) no-repeat; background-position-x:15px; background-position-y:9px; padding-left:22px;}
.celebrity .celebrity_detail2 li a.ar{ display: inline-block; width: 152px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.celebrity .celebrity_detail2 .top { margin-bottom:30px; height:130px;}
.celebrity .celebrity_detail2 .top .celebrity_things_title { height:45px; position:relative;}
.celebrity .celebrity_detail2 .top .celebrity_things_title .things_title { margin-top:5px; font-size:22px; color:#474d4d;}
.celebrity .celebrity_detail2 .top .celebrity_things_title .things_more { position:absolute; right:0; top:5px;font-size:13px; color:#70716c;}
.celebrity .celebrity_detail2 .top .celebrity_things_content { position:relative;}
.celebrity .celebrity_detail2 .top .celebrity_things_content .celebrity_things_img { width:118px; height:88px;}
.celebrity .celebrity_detail2 .top .celebrity_things_content .celebrity_things_img img{width:100%;height:100%;object-fit: cover;}
.celebrity .celebrity_detail2 .top .celebrity_things_content .celebrity_things_li { position:absolute; top:0; left:118px;}

.celebrity .celebrity_detail2 .bottom { border-top:1px #d1c4a2 solid; position:relative; height:168px;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_title { position:absolute; top:30px; left:0; width:270px; z-index: 20;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_title .things_title { font-size:22px; color: #474d4d; line-height:22px;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_title .things_more { font-size:13px; color:#70716c; float:right;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_content { position:relative; height:169px;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_content .celebrity_things_img { position:absolute; height:88px; width:118px; bottom:0; left:0;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_content .celebrity_things_img img{width:100%;height:100%;object-fit: cover;}
.celebrity .celebrity_detail2 .bottom .celebrity_things_content .celebrity_things_li { position:absolute; height:88px; width:195px; bottom:0; left:118px;}
/*名人模块end*/

/*著书立说 start*/
.msg { height:350px;}
.msg .author {width:800px; height: 340px;  position: absolute; left: 0;}
.msg .author .author_title {height: 70px;  background: url(../images/author.jpg) no-repeat; background-position-y: 0; position: relative;}
.msg .author .author_title .more{position: absolute; right: 0; height: 70px; width:268px; background: url(../images/author_more.png) no-repeat;}
.msg .author .content {width: 800px; height:270px;}
.msg .author .content li {float: left;position: relative; margin-top:14px; width: 182px; margin-right:23px;}
.msg .author .content li .outer {position: absolute; background:#e1d3b6; left:3px;top:3px; height:253px;width:178px; }
.msg .author .content li .author_img {position: absolute; background: #f1e4c1; left:0; top:0; height:249px;width:174px; border:2px #c5ba9a solid;}

.msg .author .content li .author_img .img{height: 170px;margin-top: 15px;margin-left: 27px;}
.msg .author .content li .author_img .bookname{ line-height: 14px; margin-top: 14px; font-size: 14px;color:#3b3328;text-align: center;}
.msg .author .content li .author_img .author_{ line-height: 14px;  margin-top: 10px; font-size: 13px;color:#876e50; text-align: center;}

.msg .msg_new{height:350px; width:270px; position:absolute; right:0;}
.msg .msg_new .msg_title{ height:37px; background:url(../images/msg.jpg) no-repeat; line-height:37px; color:#fff; font-size:16px;padding-left:18px;}
.msg .msg_new .msg_list{height:294px; border:1px #e0d3c0 solid; border-top:0; position:relative; padding-top:8px; background: #fbf5df;}
.msg .msg_new .msg_list li{background: url(../images/dot2.jpg) no-repeat;background-position-y:23px;  background-position-x:10px;  padding:17px 0 0 0; font-size:13px;line-height: 13px; position:relative;}
.msg .msg_new .msg_list li .msg_text {margin-left: 17px;display: inline-block;width: 166px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.msg .msg_new .msg_list li .msg_text_time {position:absolute;right:0; color:#9f9b9a; font-size:9px;margin-right:10px;}
/*著书立说end*/

/*footer*/
.footer { height:165px; padding-bottom:50px; z-index: 100;}
.footer .footer_dl {height: 47px; padding-top: 1px; background: url(../images/link.jpg) no-repeat;}
.footer .footer_dl li{float: left;font-size:12px; line-height: 12px; padding:0 10px; border-right: 1px #31322a solid;}
.footer .footer_dl li a {color:#31322a;}
.footer .footer_dl div { height: 12px; margin-top:18px; margin-left: 167px;}
.footer .contact{ border-top:2px #99907e solid; margin-top:22px; padding-top:30px; }
.footer .contact li {color:#31322a; font-size:12px; text-align:center; margin-bottom: 12px; line-height: 12px;}
/*footer*/
.footer_bg { height: 250px;width: 1920px;opacity: .5;bottom: 0;position: absolute;background: url(../images/index_footer_bg.jpg) no-repeat top center rgb(241, 228, 193);}

.met_section aside .met_aside dl dt{
  position: relative;
}
.met_section aside .met_aside dl:hover dt{
  background-color: #e7cf8f;
}
.met_section aside .met_aside dl:hover dt a{
  color:#fff;
}
.met_section aside .met_aside dl:hover dt::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:4px;
  background-color: #e9280c;
}

.met_section aside .met_aside dl.act dt{
  background-color: #e7cf8f;
}
.met_section aside .met_aside dl.act dt a{
  color:#fff;
}
.met_section aside .met_aside dl.act dt::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:4px;
  background-color: #e9280c;
}