@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站内页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-05-26 10:36)
 */

/*common*/
.is-header{height: 454px;width: 100%;background: url(../images/page/header-bg.png) no-repeat center center / cover;border-bottom: 4px solid #a40000;}
.nav-box{height: 130px;line-height: 130px;background-color: rgba(204,26,16,0.6);}
.nav-box .logo{margin-left: 12px; margin-top: 51px;}
.nav .title{font-size: 24px; color: #fff; font-weight: bold; margin-right: 30px;margin-right: 20px;}
.nav .title:last-child{margin-right: 0;}
.nav .title:hover{text-shadow: 0 0 10px #fff;}

.com-footer{background-color: #cc1a10;color: #fff;border-top: none;}
.com-footer a{color: #fff;}
/* location */
.com-location{height: 76px;line-height: 76px;font-size: 18px;background: #fff;overflow: hidden;}
.home-icon{display: inline-block; width: 76px; height: 76px; margin-right: 20px; background: #a40000 url(../images/page/home-icon.png) no-repeat center center;}
.arrow-icon{display: inline-block; width: 5px; height: 9px; margin: 33px 20px 0 20px; background: url(../images/page/location-icon.png) no-repeat center center;}
.com-location a.f-fr{padding: 0 20px;position: relative;}
.com-location a.f-fr::after{content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;background-color: #a40000;}

/* 导览地图内容 */
.com-content{min-height: 446px;background: url(../images/page/content-bg.png) no-repeat center top / cover;padding-bottom: 53px;}
.m-box{width: 100%;padding: 5px 46px;margin-top: 40px; background-color: #fff;}
.content-group{margin-top: 50px;font-size: 18px;line-height: 36px;}
.content-group h3{color: #a40000; line-height: 36px;}
.td-map{width: 991px;height: 516px;margin: 60px auto 132px;}

/* 引导页 */
.guide-wrap{position:relative;width:100%;min-width:1400px;height:100vh;overflow:hidden;}
.guide-page{position:absolute;width:100%;height:100vh;background-color:#fff;z-index:101;overflow:hidden;}
.guide-content{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.scene1{position:absolute;width:100%;height:100%;z-index:1;transition:all 3s ease-in-out;}
.scene1 img{width:100%;height:100%;object-fit:cover;}
.scene1-forward{transform:scale(1.5) translateZ(0);}
.header{position:fixed;top:0;left:0;right:0;height:130px;background-color:rgba(204,26,16,0.66);z-index:100;}
.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px;max-width:1200px;margin:0 auto;}
.search-icon img{width:45px;height:45px;background-color:transparent;cursor:pointer;}
.main-content,.move-bg{position:relative;width:100%;height:100vh;}
.move-bg img{width:auto;height:100%;position:absolute;top:0;}
.zhezhao{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;}
.lb-sect{width:1394px;height:165px;position:absolute;}
.pos1{top:50%;left:50%;transform:translate(-50%,-50%);}
.slideBox{width:100%;height:100%;position:relative;}
.slideBox .bd ul{list-style:none;width:100%;height:100%;}
.slideBox .bd li{width:108px;height:165px;float:left;margin-right: 106px;position:relative;top:-200px;opacity:0;cursor:pointer;transition:all 0.5s ease-in-out;}
.slideBox .bd li:last-child{margin-right: 0;}
.slideBox .bd li.active{top:0px;opacity:1;}
.slideBox .bd li:hover{top:-20px;}
.slideBox .bd img{width:100%;height:100%;object-fit:cover;}
.guide-footer{position:fixed;bottom:0;left:0;right:0;height:77px;color:#fff;z-index:100;background-color:rgba(204,26,16,0.66);border-top:0px;}
.guide-footer a{color: #fff;}

/* 红色文物列表 */
.red-box {padding: 36px 5px 6px;}
.relic-item{width: 33.3333%;margin-bottom: 19px;padding:0 23px;}
.relic-img{width: 100%;height: 272px;overflow: hidden;}
.relic-img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.3s ease-in-out;}
.relic-img:hover img{transform: scale(1.1);}
.relic-item p{font-size: 18px;line-height: 58px;text-align: center;}

/* 红色影音 */
.move-box{margin-top: 68px;}
.move-item{width: calc(50% - 24px);height: 416px;margin-bottom: 34px;padding: 13px 11px;margin-right: 48px;background:#fff;}
.move-item:nth-child(2n){margin-right: 0px;}
.move-img{position: relative;width: 100%;height: 326px;overflow: hidden;}
.move-img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.3s ease-in-out;}
.move-img:hover img{transform: scale(1.1);}
.move-img i{display: block;position: absolute; bottom: 25px; right: 28px; width: 33px;height: 33px;background: url(../images/page/play-icon1.png) no-repeat center center;}
.move-info{height: 77px; line-height: 77px;padding: 0 15px 0 7px;}
.move-info i{display: block;margin-right: 13px;margin-top:25px;height: 27px;width: 27px;background: url(../images/page/play-icon2.png) no-repeat center center;}
.move-info>p{color: #333;font-size: 18px;}
.move-info>a{color: #e80000;font-size: 16px;}

/* 红色文物/影音详情 */
.m-content{background:white;padding:20px 10px;margin-top:20px;}
.m-con-title{margin-bottom: 30px;}
.m-con-title h2{font-size: 24px;color: #333;margin-top: 49px;line-height: 40px;text-align: center;}
.m-con-title p{font-size: 14px;color: #797979;line-height: 24px;text-align: center;}
.m-content>p{text-align: center; font-size: 16px;line-height: 36px;margin-top: 15px;}

/* 基地VR内容 */
.jdvr-content{padding-bottom: 20px;}
.jdvr-box1{height: 858px;}
.jdvr-box1 h2{font-size: 24px;color: #cc1a10;margin-top: 49px; margin-bottom: 18px;line-height: 36px;text-align: center;}
.jdvr-box1 .img-responsive{width: 1050px;height: 608px;object-fit: cover;margin: 0 auto;}
.jdvr-box2{width: 100%; height: 573px;background-color: white;padding-top: 24px;margin-top: 4px;}
.jdvr-box2 h3{font-size: 24px;color: #cc1a10;line-height: 36px;margin-left: 43px;margin-bottom: 22px;}
.form-horizontal .is-required:before{content:"*";color:#ff0000;margin-right:4px;}
.form-horizontal .control-label{width: 9.66666%;text-align:right;padding-right: 0; font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;color:#333333;line-height: 1.5;}
.form-horizontal .form-group{margin-left:0;margin-right:0}
.form-control{font-size:16px}
.jdvr-box2 .form-control{box-shadow: none;height: 54px;line-height: 54px;border-radius:0px;border-color:#ddd}
.jdvr-box2 textarea.form-control{height: auto;}
.jdvr-box2 .form-control::-webkit-input-placeholder{color: #666;}
.btn-cont{margin: 30px auto 0;width:max-content;}
.btn-submit{display:inline-block;width: 145px;height: 54px;line-height:54px;text-align: center;border: none;border-radius:6px;margin-right:45px;font-size:20px}
.btn-submit:hover{color:#fff}
.red-btn{background-color: #d9001c;color: #fff}
.grey-btn{background-color: #dcdcdc;color: #333333}

/* 基地简介 */
.jdjj{padding:5px 0 50px;}
.jdjj h2{font-size:32px;line-height:112px;text-align:center;}
.jdjj-box{width: 50%;height: 405px;overflow: hidden;}
.jdjj-box img{width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.3s ease-in-out;}
/* .jdjj-box:hover img{transform: scale(1.1);} */
.jdjj-box.right{background-color: #f4eadd;padding: 0px 20px 0 20px;}
.jdjj-box.right p{text-indent: 2em;margin-top: 25px;color: #333333;font-size: 18px;line-height: 36px;}

/* 教学活动 */
.jxhd-content{padding: 18px 0 36px;}
.jxhd-item{margin-top: 40px;}
.jxhd-title{position: relative;cursor: pointer;width: 100%;height:65px;line-height: 65px;background-color:#fdf7f3;overflow: hidden;}
.jxhd-title::before{content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 28px; background-color: #a91111;}
.jxhd-title h3{font-size:24px;color:#333333;margin-left:37px;line-height:65px;max-width:calc(100% - 240px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jxhd-title .date{vertical-align: text-bottom;margin-right: 30px;}
.jxhd-title .icon{display: inline-block;width: 65px;height: 65px;background: #a91111 url(../images/page/zk-icon.png) no-repeat center center;}
.jxhd-title.active .icon{background:#a91111 url(../images/page/ss-icon.png) no-repeat center center;}
.jxhd-box{width: 100%;background: #fff;height: 0;overflow: hidden;padding: 0;transition: height 0.5s ease-in-out;}
.jxhd-box>div{width: 100%;height: 100%;padding: 73px 35px 10px;}
.jxhd-box img{display: block;width: 600px;height: 400px;margin: 0 auto;object-fit: contain;overflow: hidden;margin-bottom: 66px;}
.jxhd-box p{font-size: 18px;line-height: 36px;}
.jxhd-title.active + .jxhd-box{min-height: 868px;height: auto;}

/*list*/
.g-listlf{min-height: 813px; background: #f5f5f5;}
.m-listlf .u-tit{padding: 25px 0; text-align: center; font-size: 28px; font-weight: bold; color: #fff; background: #ba082e;}
.m-listlf .u-tit span{display: inline-block; margin: -5px 20px 0 0; width: 28px; height: 24px; vertical-align: middle; background: url(../images/page/icon-tit.png) no-repeat;}

.g-listlf li a{display: block; padding: 25px 20px 25px 30px; font-size: 20px; border-bottom: 1px solid #fff;}
.g-listlf li a:hover,.g-listlf li.u-active a{background: url(../images/page/bg-shlf-h.png) 90% center no-repeat; color: #ba082e;font-weight:bold}

.m-cglist{margin-bottom: 20px;}
.m-cglist li{padding: 0 8px; height: 42px; line-height: 42px;}
.m-cglist li a{padding-left: 14px;}
.m-cglist li.f-line{margin-bottom: 10px; padding-bottom: 10px; height: 52px; border-bottom: 1px dashed #ddd;}

/*listOne*/
.m-onelist{line-height: 188%; padding: 15px 10px; text-align: justify;}
.m-onelist table{border-collapse: collapse;border:1px solid #333;}
.m-onelist table td,.m-onelist table th{border: 1px solid #333;}
.m-onelist img{max-width: 100%;}

.m-pgpdbox1 .m-listtop{border: 1px solid #e5e5e5;border-radius: 5px;min-height: 813px;padding:10px 20px}
.m-listtop .m-list-type{height: 40px;line-height: 40px;font-size: 24px;color: #ba082e;text-indent: 15px;background: url(../images/page/t-bj.png) 0 center no-repeat;}
.m-listtop .m-list-title{height: 60px;line-height: 60px;text-align: center;font-size: 34px;font-weight: 500;overflow: hidden;}
.m-listtop .m-from-cont{border-top:1px solid #ddd;padding-top:10px;text-align: left;color:#999;font-size:15px;margin-bottom: 20px}
.m-listtop .m-onelist{padding:0}

/*listPicture*/
.m-listpicture{padding-top: 15px;}
.m-listpicture li{margin-bottom: 15px; text-align: center;}
.m-listpicture li img{display: block; width: 100%; height: 176px;}
.m-listpicture li p{padding: 7px 5px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*detail*/
.m-detailbox{padding: 10px 30px 20px;}
.u-lgtit{padding: 10px 10px 0; font-weight: bold; font-size: 30px; line-height: 1.5; color: #ba082e;}
.u-sttit{font-size: 26px;}
.m-dtfuns{background-color: #f7f7f7;padding: 15px 10px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.m-dtfuns,.m-dtfuns a,.u-wzinfo{ color: #666;}
.u-wzinfo span{margin-right: 20px;}
.u-fontsize{margin:0 29px;line-height: 28px}
.u-fontsize a{padding: 0 6px;border:1px solid #ddd;display: inline-block;height:28px;background: #fff;float: left;}
.u-fontsize a.active{color:#0262d6}
.u-fontsize a.j-fontNormal{border-left:none;border-right:none}
.m-dtfonts{padding: 20px 30px;}
.m-dttexts{min-height: 164px; font-size: 16px; line-height: 188%; overflow-x: auto; overflow-y: hidden;}
.m-dttexts p{margin-top: 15px;}
.m-dttexts table{border-collapse: collapse;border:1px solid #333;}
.m-dttexts table td,.m-dttexts table th{border: 1px solid #333;}
.m-dttexts img{max-width: 100%;}
.m-dtdownload{padding: 0 0 0 22px; background: url(../images/page/icon-detail.png) 0 -258px no-repeat;}
.m-dtdownload li{padding: 4px 0;}
.m-dtcode p{font-size: 12px; color: #999; text-align: center;}
.m-dtcode img{margin: 4px auto; display: block; width: 130px; height: 130px; padding: 4px; border: 1px solid #ddd;}
.m-btfuns{padding: 10px 0; border-bottom: 1px dashed #ddd;}
.m-btfuns li{float: left; margin: 0 15px 0 0; line-height: 28px;}
.m-btfuns li a{display: block; font-size: 13px; padding-left: 17px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat;}
.m-btfuns li.u-comment a{background-position: 0 -28px;}
.m-btfuns li.u-error a{background-position: 0 -56px;}
.m-btfuns li.u-print a{background-position: 0 -84px;}
.m-btfuns li.u-close a{background-position: 0 -112px;}
.m-btfuns li.u-collect a{background-position: 0 -140px;}
.m-dtsxqh{padding: 0 0 15px;}
.m-dtsxqh li{max-width: 50%; line-height: 30px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-dtsxqh li a{font-size: 16px;}
.m-dtsxqh .u-dtprev{padding-left: 30px; background-position: left -168px;}
.m-dtsxqh .u-dtnext{padding-right: 30px; background-position: right -198px;}
.u-fontsize .fontactive{color:#ba082e}

/*detailVideo*/
.m-dtvideo{width: 700px; height: 400px;}

/*search*/
.m-searchtop{padding: 11px 0; background:#f5f5f5;padding-left:15px}
.m-searchtop li{float: left;margin-right:20px}
.m-searchtop li a{display: block; padding: 0 15px;height: 30px;line-height:30px;}
.m-searchtop li.u-active a{border-radius: 15px;background-color: #fff;color: #ba082e;}
.m-jgpx{float:left;font-size:18px;color:#333;font-weight:bold;line-height:30px;}
.u-searchkey{line-height: 50px;font-size:14px;color:#999}
.u-searchkey span{color: #ed0000;}

.g-searchlf{padding: 15px 0; background: #f5f5f5;}
.m-shfw ul,.m-shtims ul{padding: 4px 40px 0 22px;}
.m-shfw li,.m-shtims li{line-height: 42px;}
.m-shfw li a,.m-shtims li a{display: block;}
.m-shfw li span{float: right; color: #ed0000;}
.m-shfw li.u-active a{color: #ba082e;}
.m-shtims li a{background-position: right center; background-repeat: no-repeat; background-image: url(../images/page/bg-shlf.png);}
.m-shtims li.u-active a{color: #ba082e; background-image: url(../images/page/bg-shlf-h.png);}
.m-searchlists{border-right:1px solid #ddd;padding-right:15px}
.m-searchlists li{padding: 20px 0;border-bottom:1px solid #f0f0f0}
.m-searchlists .u-tit{line-height: 30px; font-size: 18px;margin-bottom:10px}
.m-searchlists .u-tit strong{color: #ed0000;}
.m-searchlists .u-infos{padding: 10px 0 0 0; font-size: 14px; color: #b2b2b2;}
.m-searchlists .u-infos span{margin-right: 36px;}
.m-searchlists .u-desc{margin: 4px 0; font-size: 16px; line-height:26px}
.m-searchlists .u-url a{display: block; font-size: 14px; color: #4ea63d; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
/*siteMap*/


/*siteMap*/
.g-sitemap li{line-height: 48px;}
.g-sitemap li a{display: block; padding-left: 13px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}




/*media query*/
/*large pcScreen*/
@media (min-width:1240px) {
	.m-listlf{width: 280px; padding-left: 0;}
	.m-listrg{width: 1000px; padding-right: 0;}
	   
}
/*big pcScreen*/
@media screen and (max-width:1239px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .u-lgtit{padding: 15px 0 0; font-size: 24px;}
    .u-sttit{font-size: 20px;}
    .u-wzinfo span{margin-right: 25px;}

    .m-dtvideo{width: 100%;}

    .g-sitemap li{line-height: 40px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.g-listlf{min-height: auto;}
	.m-listlf .u-tit{padding: 13px 0; font-size: 18px;}
	.g-listlf ul{padding:0 10px;}
	.g-listlf li a{padding: 8px 20px 8px 10px; font-size: 16px;}

	.m-cglist li{height: 36px; line-height: 36px;}
	.m-cglist li.f-line{margin-bottom: 5px; padding-bottom: 5px; height: 35px;}
    .m-onelist{padding: 10px;}
    .m-detailbox{padding: 0;}
	.u-lgtit{padding: 0; font-size: 20px;}
	.u-sttit{font-size: 16px;}
	.u-wzinfo span{margin-right: 10px;}
	.m-dtfonts{padding: 10px 0;}
	.m-dttexts{font-size: 14px;}
	.m-dttexts p{margin: 0 0 10px;}
	.m-dtsxqh{padding: 0;}
	.m-dtsxqh li a{font-size: 14px;}
	.m-dtsxqh li.u-dtprev,.m-dtsxqh li.u-dtnext{max-width: 100%; float: none; padding: 0; background: none;}

	.m-searchtop{padding: 0 0 6px;}

	.g-searchlf{margin-top: 10px;}
	.m-shfw ul,.m-shtims ul{padding: 4px 10px 0;}
	.m-shfw li,.m-shtims li{line-height: 30px;}
	.m-searchlists li{border-bottom: 1px dashed #ddd;}
	.m-searchlists .u-tit{font-size: 16px;}
	.m-searchlists .u-infos span{margin-right: 8px;}
	.m-searchlists .u-infos{padding: 5px 0;}
     
    .m-listtop .m-list-title{font-size:26px;}
    .g-listlf{position:relative;}
    .m-titstyle1 .u-tit,.m-listtop .m-list-type{font-size:18px}
    
    /*列表页菜单下拉*/
    .mobile-listnav{display: none;position: absolute;width:100%;background: #f9f9f9;z-index:10}
    .openslide{display:block}
    .mobile-listnav li:last-child a{border-bottom:none}
    .cuterow {display: inline-block;position: absolute; top: 50%;right: 10px;margin-top: -2px;width: 0;height: 0; 
    	margin-left: 2px;vertical-align: middle;border-top: 5px dashed;border-top: 5px solid\9;border-right: 5px solid transparent;border-left: 5px solid transparent;

    
    
	

}
/*phone sm*/
@media screen and (max-width: 767px) {
    
	.nav-box .logo{margin-top:10px;margin-left: 0;height: 30px;}
	.nav-box .logo img{width: 80%;}
	.nav-box .nav{position:relative;width:100%;height:86px;overflow-x:auto;overflow-y:hidden;}
	.nav-box .nav .flex{position: absolute;display: flex;}
	.nav .title{white-space: nowrap;line-height: 86px;}
	.m-dtfonts{padding: 10px;}
	.m-box{padding: 10px;margin-top: 10px;}
	.td-map{width: 100%;height: 300px;}
	.jdjj-box,.jdvr-box1,.jdvr-box2,.jdvr-box1 .img-responsive,.jxhd-box img{width: 100%;height: auto;}
	.jdvr-box2{padding-bottom: 20px;}
	.form-horizontal .control-label{width: 100%; text-align: left;}
	.com-location a.f-fr{display: none;}
	.btn-submit{width: 100px;height: 40px; line-height: 40px;}
	.move-item,.relic-item{width: 100%;}
	.jxhd-title .date{display: none;}
	.jxhd-title h3{max-width: calc(100% - 106px);}

}
/*small xs*/
@media screen and (max-width: 638px) {
    .m-listpicture li{margin-bottom: 10px;}
	.m-listpicture li img{height: auto;}


}
/*print*/
@media print {
    .is-header,.m-location,.is-footer,.u-fontsize,.share-main,.m-dtsxqh,.m-btfuns,.is-toolbar{display: none;}
    .m-pgpdbox1,.m-detailbox{padding: 0;}
    
}