body{ background: url(../img/boby_bg.png) repeat #555;}

.section_all{ min-width: 1170px; overflow: hidden;}
.section{ width: 100%; height: auto; position: relative;}
.section_main{ width: 1170px; height: auto; margin: 0 auto; padding-top: 50px; position: relative; background-color: rgba(255,255,255,0);}
.st_out_bg{ position: absolute; background-position: center top; background-size: 100% 100%; background-repeat: no-repeat;}
.st_out_bg.bg1{ width: 186px; height: 535px; top: 230px; right: 0; background-image: url(../img/st_out_bg1.png);}
.st_out_bg.bg2{ width: 255px; height: 435px; top: 425px; left: 0; background-image: url(../img/st_out_bg2.png);}
.st_out_bg.bg3{ width: 202px; height: 442px; top: 320px; right: 0; background-image: url(../img/st_out_bg3.png);}
.st_out_bg.bg4{ width: 270px; height: 414px; top: 400px; left: 0; background-image: url(../img/st_out_bg4.png);}


/*分区一*/
.section.st1{ background: url(../img/st1_img9.png) center 160px no-repeat;}
.st1 .section_main{ padding-top: 440px;}
.st1 .logo{ width: 170px; height: auto; position: absolute; top: 50px; left: 50px; z-index: 10;}
.st1 .top_img1{ width: 270px; height: auto; position: absolute; top: 100px; left: -10px;}
.st1 .top_img2{ width: 713px; height: auto; position: absolute; top: 115px; left: 60px;}
.st1 .top_img3{ width: 294px; height: auto; position: absolute; top: 330px; left: 287px;}
.st1 .top_img4{ width: 468px; height: auto; position: absolute; top: 310px; right: -135px; z-index: 11;}
.st1 .top_img5{ width: 1000px; height: auto; position: absolute; top: 205px; right: -430px;}
.st1 .top_title{ width: 485px; height: auto; margin: 10px 0 135px 185px;}
.st1 .top_title .r1{ font-size: 26px; line-height: 150%; text-align: center;}
.st1 .top_title .r2{ font-size: 26px; line-height: 150%; text-align: left;}

.st1 .top_nav_holder{ width: 1170px; height: 54px;}
.st1 .top_nav{ width: 1170px; height: 54px; padding: 4px 0; overflow: hidden; position: relative; top: 0; z-index: 12; background: url(../img/st1_img5.png) center center / 100% 100% no-repeat; text-align: center;}
.st1 .top_nav.fixtop{ position: fixed; top: 0;}
.st1 .top_nav li{ display: inline-block; width: auto; height: 46px; margin: 0 35px; padding: 0 10px; background-position: center bottom; background-repeat: no-repeat; font-size: 18px; line-height: 44px; transition: all .2s ease-out 0s; cursor: pointer;}
.st1 .top_nav li:hover,
.st1 .top_nav li.on{ font-size: 24px; background-image: url(../img/st1_img6.png);}



/*分区二*/
.st2_title{ width: 100%; height: 185px; padding: 50px 0 70px; background: url(../img/st2_tit_bg.png) center center no-repeat; text-align: center;}
.st2_main{ width: 100%; height: auto; padding: 100px 25px 170px 25px; position: relative;}
.st2_main .left{ width: 595px; height: auto; padding-left: 10px; position: relative;}
.st2_main .left:before{ display: block; content: " "; width: 80px; height: 60px; position: absolute; top: -70px; left: 10px; background: url(../img/st2_img1.png) center center no-repeat;}
.st2_main .left:after{ display: block; content: " "; width: 80px; height: 60px; position: absolute; bottom: -50px; right: 0; background: url(../img/st2_img2.png) center center no-repeat;}
.st2_main .left p{ margin-bottom: 20px; text-indent: 2em; font-size: 18px; line-height: 300%;}
.st2_main .right{ width: 703px; height: auto; position: absolute; top: -65px; right: -212px;}



/*分区三*/
.st3_title{ width: 100%; height: 185px; padding: 50px 0 70px; background: url(../img/st2_tit_bg.png) center center no-repeat; text-align: center;}
.st3_main{ width: 100%; height: auto;}
/*轮播图 mySwiper1*/
.mySwiper1{ width: 100%; height: 650px; overflow: hidden; position: relative;}
.mySwiper1 .swiper-slide{ width: 100%; height: 100%; color: #fff; text-align: center;}
.mySwiper1 .swiper-pagination-bullet,
.mySwiper1 .swiper-pagination-bullet-active{ width: 16px; height: 16px; background: #edd89a;}
.mySwiper1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 12px;}


/*分区四*/
.st4 .section_main{ padding-top: 130px;}
.st4_title{ width: 100%; height: 185px; padding: 50px 0 70px; background: url(../img/st2_tit_bg.png) center center no-repeat; text-align: center;}
.st4_main{ width: 100%; height: auto;}
/*视频预告*/
.st4_r1{ width: 100%; height: auto; padding: 0 25px; overflow: hidden;}
.st4_r1 .c1{ float: left; width: 485px; height: auto;}
.st4_r1 .c2{ float: right; width: 485px; height: auto;}
.st4_r1 .c1 .tit,
.st4_r1 .c2 .tit{ font-size: 22px; line-height: 60px; color: #e4cc87;}
.st4_r1 .c1 .img,
.st4_r1 .c2 .img{ margin-top: 20px;}
.st4_r1 .c1 .img a,
.st4_r1 .c2 .img a{ display: block; position: relative;}
.st4_r1 .c1 .img a:after,
.st4_r1 .c2 .img a:after{ display: block; content: " "; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; background: url(../img/ico_play.png) center center / 100% 100% no-repeat;}
.st4_r1 .c1 .img:hover,
.st4_r1 .c2 .img:hover{ border: 1px solid #fdefbf;}
/*视频分组*/
.st4_r2{ width: 100%; height: 44px; margin-top: 65px; padding: 0 25px;}
.st4_r2 .cell{ display: none; float: left; width: 171px; height: 44px; margin-right: 18px; background-position: center center; background-repeat: no-repeat; background-image: url(../img/st4_bg1.png); font-size: 18px; line-height: 44px; text-align: center; color: #fff; transition: all .2s ease-out 0s; cursor: pointer;}
.st4_r2 .cell.show{ display: block;}
.st4_r2 .cell:hover,
.st4_r2 .cell.on{ background-image: url(../img/st4_bg2.png); color: #323232;}
/*视频分组列表*/
.st4_r3{ width: 100%; height: auto; margin-top: 50px; padding: 0 20px 30px;}
/*轮播图 mySwiper2*/
.mySwiper2{ width: 100%; height: auto; overflow: hidden; position: relative;}
.mySwiper2 .swiper-slide{ width: 100%; height: auto; overflow: hidden; color: #fff;}
.video_cell_list{ width: 100%; height: auto; overflow: hidden;}
.video_cell_list .cell{ /*display: none;*/ float: left; width: 220px; height: auto; margin: 0 3px 30px; position: relative; cursor: pointer;}
.video_cell_list .cell.show{ display: block;}
.video_cell_list .cell .img{ width: 220px; height: 125px; position: relative;}
.video_cell_list .cell .img:after{ display: block; content: " "; width: 220px; height: 125px; position: absolute; top: 0; left: 0; background: url(../img/video_play_hover.png) center center / 100% 100% no-repeat;}
/*.video_cell_list .cell .img:hover{ border: 1px solid #fdefbf;}*/
.video_cell_list .cell .img img{ width: 100%; height: 100%;}
/*.video_cell_list .cell .tit{ height: 60px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; line-height: 60px; text-align: center; color: #eeda9d;}*/

.video_cell_list .cell .tit{ display: table; width: 220px; height: 125px; padding: 0 10px; overflow: hidden; position: absolute; top: 0; background-color: rgba(0,0,0,0.7); opacity: 0; text-align: center; transform: scale(0); transition: all .3s ease-out 0s;}
.video_cell_list .cell .tit span{ display: table-cell; vertical-align: middle; font-size: 18px; line-height: 150%; text-align: center; color: #eeda9d;}
.video_cell_list .cell:hover .tit{ opacity: 1; transform: scale(1);}



.video_btn_more{ display: none; width: 80px; height: 55px; margin: 20px auto; background: url(../img/st4_btn_more.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.video_btn_more.rot180{ background-image: url(../img/st4_btn_more2.png);}
.video_btn_more:hover{ transform: translateY(20%);}
.video_btn_more.rot180:hover{ transform: translateY(-20%);}






/*分区五*/
.st5 .section_main{ padding-top: 50px;}
.st5_title{ width: 100%; height: 185px; padding: 50px 0 70px; background: url(../img/st2_tit_bg.png) center center no-repeat; text-align: center;}
.st5_main{ width: 100%; height: auto;}
.st5_r1{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.st5_r1_cell{ float: left; width: 480px; height: auto; margin: 0 35px;}
.st5_r1_cell .img{ width: 480px; height: 308px; overflow: hidden;}
.st5_r1_cell .img:hover{ border: 1px solid #fdefbf;}
.st5_r1_cell a.tit{ font-size: 20px; line-height: 60px;}
.st5_r2{ width: 1030px; height: auto; margin: 0 auto;}
.st5_r2_title{ border-bottom: 1px dashed #8e8e91; font-size: 22px; line-height: 70px;}
.st5_r2_list{}
.st5_r2_list li{ overflow: hidden; border-bottom: 1px dashed #8e8e91;}
.st5_r2_list li a{ font-size: 18px; line-height: 55px;}
.st5_r2_list li span{ float: right; font-size: 18px; line-height: 55px;}
/*分页*/
.st5_r2_page{ display: none; width: 100%; height: auto; margin: 45px 0; text-align: center;}
.st5_r2_page a{ display: inline-block; width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; color: #eeda9d; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}

.st5_r2_page a.prev,
.st5_r2_page a.next{ margin: 0 25px; background-position: center center; background-repeat: no-repeat; background-size: 25px 25px;}
.st5_r2_page a.prev{ background-image: url(../img/btn_index_l.png);}
.st5_r2_page a.next{ background-image: url(../img/btn_index_r.png);}
.st5_r2_page a.prev:hover{ transform: translateX(-20%);}
.st5_r2_page a.next:hover{ transform: translateX(20%);}

.st5_r2_page .page{ display: inline-block;}
.st5_r2_page .page a{ margin: 0 5px;}
.st5_r2_page .page a:hover,
.st5_r2_page .page a.on{ background-color: #eeda9d; border-radius: 5px; font-weight: bold; color: #fff;}



/*分区六*/
.st6 .section_main{ padding-top: 100px;}
.st6_title{ width: 100%; height: 185px; padding: 50px 0 70px; background: url(../img/st2_tit_bg.png) center center no-repeat; text-align: center;}
.st6_main{ width: 1060px; height: auto; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #edd89a;}
.st6_iframe{ display: block; width:1000px; height: 860px; box-sizing: content-box; margin: 0 auto; background-color: #fff;}
/*底部*/
.footer{ width: 1060px; height: auto; margin: 0 auto; padding: 80px 50px 40px; position: relative;}
.footer_c1{ width: 100%; height: auto;}
.footer_c1 .tit{ font-size: 16px; line-height: 200%;}
.footer_c1 .list{ margin-top: 25px;}
.footer_c1 .list .cell{ width: 100%; text-align: center;}
.footer_c1 .list .cell img{ width: 150px;}
.footer_c2{ width: 100%; height: auto; margin-top: 25px; text-align: center;}
.footer_c2 a{ display: inline-block; width:46px; height: 46px; margin: 0 20px; position: relative; border-radius: 50%; border: 2px solid #fff; background-position: center center; background-size: 80% 80%; background-repeat: no-repeat;}
.footer_c2 a.wb{ background-image: url(../img/wb_logo.png);}
.footer_c2 a.wx{ background-image: url(../img/wx_logo.png);}
.footer_c2 a.wb:hover{ background-color: #f56467;}
.footer_c2 a.wx:hover{ background-color: #61cd72;}
.footer_c2 a.wx img{ display: none; width: 122px; max-width: none; height: auto; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
.footer_c2 a.wx:hover img{ display: block;}
.footer_c3{ width: 100%; height: auto; margin-top: 25px; font-size: 14px; line-height: 200%; text-align: center;}


/*
@media (max-width: 1340px) {
	.st1 .logo{ top: 20px; left: 0px;}
}
*/


/*弹出层*/
.layer{ display: none; width: 100%; height: auto; position: fixed; top: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.5);}
.layer *{ color: #000;}
.layer_main{ width: 1070px; height: auto; margin-left: -535px; padding: 55px; position: absolute; top: 50px; bottom: 20px; left: 50%; background-color: #fff;}
.layer_close{ width: 30px; height: 30px; position: absolute; top: 15px; right: 42px; z-index: 101; background: url(../img/layer_img5.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_close:hover{ background-image: url(../img/layer_img6.png);}


.layer_scroll{ width: 100%; height: auto; padding-right: 55px;}

/*视频信息*/
.layer_r1{ width: 920px; height: auto; overflow: hidden; position: relative;}
.layer_r1_left{ float: left; width: 400px; height: 280px;}
.layer_r1_left .img{ width: 400px; height: 224px;}
.layer_r1_left .img a{ display: block; width: 400px; height: 224px; position: relative;}
.layer_r1_left .img a:hover{ border: 1px solid #c68e3e;}
.layer_r1_left .img a:after{ display: block; content: " "; width: 400px; height: 224px; position: absolute; top: 0; left: 0; background: url(../img/video_play_hover.png) center center / 100% 100% no-repeat;}
.layer_r1_left .img img{ width: 100%; height: 100%;}
.layer_r1_left .tit a{ font-size: 18px; line-height: 50px;}
.layer_r1_right{ float: right; width: 440px; min-height: 280px;}
.layer_r1_right .title{ height: 50px; padding-left: 50px; background: url(../img/layer_img1.png) left center no-repeat; font-size: 18px; line-height: 50px; color: #d08c26;}
.layer_r1_right .list{ height: auto; min-height: 230px; overflow: hidden;}
.layer_r1_right .list_cell{ height: auto; overflow: hidden;}
.layer_r1_right .list_cell .name{ float: left; display: inline-block; font-size: 16px; line-height: 34px;}
.layer_r1_right .list_cell .from{ float: right; display: inline-block; font-size: 16px; line-height: 34px; color: #333;}


/*视频相关文物展示*/
.layer_r2{ display: none; width: 100%; height: auto;}
.layer_r2_head{ width: 100%; height: auto; padding: 10px 0 20px; text-align: center;}
.layer_r2_list{ width: 100%; height: auto;}

.layer_r2_cell{ width: 100%; height: auto; margin-top: 30px; padding-top: 450px; position: relative; border-bottom: 1px solid #bcbcbc;}
.layer_r2_cell .left{ width: 450px; height: 450px; position: absolute; top: 0; left: 0;}
.layer_r2_cell .left img{ width: 100%; height: 100%;}
.layer_r2_cell .left:hover{ border: 1px solid #c68e3e;}
.layer_r2_cell .right{ width: 370px; height: 450px; padding-top: 40px; position: absolute; top: 0; right: 0;}
.layer_r2_cell .right .r1{ font-size: 24px; line-height: 60px;}
.layer_r2_cell .right .r2{ font-size: 18px; line-height: 36px;}
.layer_r2_cell .right a.r3{ display: inline-block; height: 50px; padding-right: 45px; background: url(../img/layer_img3.png) right center no-repeat; font-size: 18px; line-height: 50px; color: #c68e3e;}
.layer_r2_cell .right a.r3:hover{ transform: scale(1.1);}

.layer_r2_cell .article{ width: 690px; height: auto; margin: 20px auto 0; padding-bottom: 30px;}
.art_title{ font-size: 20px; font-weight: bold; line-height: 50px; text-align: center; letter-spacing: 0.5px;}
.art_info{ text-align: center;}
.art_info .art_time{ font-size: 14px; line-height: 30px; letter-spacing: 0.5px;}
.art_info .art_author{ margin-left: 15px; margin-right: 15px; font-size: 14px; line-height: 30px; letter-spacing: 0.5px;}
.art_p{ max-height: 90px; margin-top: 10px; overflow: hidden; position: relative; padding-bottom: 20px;}
.art_p.show{ max-height: none;}
.art_p_more{ width: 100%; height: 80px; margin-top: -35px; padding-top: 40px; position: relative; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0.8)); text-align: center;}
.art_p_more a{ display: inline-block; height: 40px; padding-right: 40px; background: url(../img/layer_img4.png) right center no-repeat; font-size: 18px; line-height: 40px; color: #c68e3e; cursor: pointer;}
.art_p_more a:hover{ transform: translateY(15%);}
.art_p p{ text-indent: 2em; font-size: 18px; line-height: 30px; letter-spacing: 0.5px;}