html,body{ height:100%; margin:0; padding:0; font-family:"Microsoft Yahei","Arial"; font-size:12px;}
p,span,a,h1,h2,h3,h4,h5,h6,ul,ol,li,input,img,table,tr,th,td,dl,dd,dt{ margin:0; padding:0;}
a{ text-decoration:none; color:#57585b;}
a:hover{ color:#313131;}
img{ border:0;}
li{ list-style:none;}
.clear{ clear:both}

.software_Institute{ width:100%; margin:0 auto;}
/********** head **********/
.header{ height:130px; position:relative; padding: 0 50px; border-bottom: 1px solid #978a69;}
.header .head_ent{ float: left; width:100%; margin:0 auto;}
.header .head_ent .sof_logo{ float:left; margin-top:55px;}
.header .head_ent .sof_logo a{ display: block; float:left; padding-right: 35px;}
.header .head_ent .sof_logo a img{}
.header .head_ent .sof_logo span{ float:left; margin: 5px 0 0 20px;}
.video_header{ background: #fbf8f2;}

/********** nav_css **********/
.nav{ height:75px; line-height:34px; float: right; margin-top: 55px;}
.nav li{ display: block; float: left; width: 110px; height: 75px; text-align: center;}
.nav li a{ color: #005bac; display:block; padding:0 10px; height: 75px; font-size:18px; text-align: center; background:url(../images/nav_bg.jpg) no-repeat right top;}
.nav > li:hover > a{ background: #928b7f; color: #fff; z-index: 5;}
.nav > li:hover > a span{ color: #fff;}
.nav li a span{ display: block; font-size: 12px; font-weight: 100; line-height: 14px; color: #928b7f;}
.nav li .second-nav{ width: 100%; display: none; position: relative; z-index: 99; -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.nav li .second-nav li{ position: relative; width: 110%; background: #005bac; height: 40px; line-height: 40px; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease;transition:height .2s ease;}
.nav li .second-nav li a{ height: 39px; line-height: 39px; font-size: 14px; color: #ffffff; background: none; font-family:"Microsoft YaHei"; border-bottom: 1px solid #2e4985;}
.nav li .second-nav li a:hover{ background:#2e4985; color:#fff;}
.nav li .second-nav li:last-child a{ border-bottom: 0px;}

/********** banner **********/
.banner{ border-bottom: 6px solid #005bac;}
.focuss{ float:left; position:relative; width:100%; background:#000;}
.focuss .fPic{ left:0px; top:0px; }
.focuss .fPic .fcon{ position:relative; width:100%; float:left; display:none;}
.focuss .fPic .fcon a img{ display:block; width: 100%;}
.focuss .fbg{ width:1200px; bottom:0px; left:50%; margin-left:-600px; position:absolute; height:20px; text-align:right; z-index:200;}
.focuss .fbg .D1fBt{ display: none; width:auto; float: right; text-align:right; overflow:hidden; zoom:1; z-index:10;}
.focuss .fbg .D1fBt:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focuss .fbg .D1fBt a{ position:relative; display:inline; height:20px; line-height:20px; padding:0 40px; text-decoration:none; text-align:center; outline:0; float:left; border-right:1px solid #fff; color:#fff;}
.focuss .fbg .D1fBt a:last-child{ border-right:0rem;}
.focuss .fbg .D1fBt img{display:none}
.focuss .fbg .D1fBt i{ font-style:normal;}
.focuss .fbg .D1fBt .current{ background:#0f0150; color:#fad15f;}
.focuss .prev,.focuss .next{ position:absolute; width:40px; height:74px; background:url(../images/focus_btn.png) no-repeat;}
.focuss .prev{ top:50%; margin-top:-37px; left:0; background-position:0 -74px; cursor:pointer;}
.focuss .next{ top:50%; margin-top:-37px; right:0; background-position:-40px -74px; cursor:pointer;}
.focuss .prev:hover{ background-position:0 0;}
.focuss .next:hover{ background-position:-40px 0;}

/********** functional_partition_功能分区 **********/
.functional_partition{ width: 1200px; margin: 20px auto 0;}
.functional_partition_top{ height: 35px; line-height: 35px;}
.functional_partition_top span{ float: left; font-size: 20px; color: #005bac;}
.functional_partition_top a{ float: right; font-size: 12px; color: #005bac;}
.functional_partition_box{ width: 1200px; height: 600px; padding-top: 10px; overflow: hidden; position: relative;}

/*功能分区弹出层公共样式*/
.public_style{ float: left; width: 290px; height: 288px; margin: 0 13px 15px 0;}

/*功能分区模块放大*/
.enlarge{ transition:all 0.5s;}
.enlarge:hover{ transform: scale(1.04);}

/*notice_公告*/
.notice{ background: #8d795f;}
.notice_box{ margin: 20px; color: #fff;}
.notice_box h3{ font-size: 21px; height: 25px; line-height: 25px;}
.notice_box h3 img{ width: 25px; height: 25px; float: left; margin-right: 5px;}
.notice_box span{ display: block; line-height: 30px; margin-top: 10px; font-size: 16px;}
.notice_box p{ line-height: 30px; font-size: 16px;}
.notice_box a{ display: block; line-height: 35px; color: #fff; font-size: 16px;}

/*vr_exhibition_VR展厅*/
.vr_exhibition{ background: #8d795f; position: relative; overflow: hidden;}
.vr_exhibition .vr_exhibition_title{ display: block; width: 100px; height: 24px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon7.png) no-repeat left 3px; background-size: 29%; text-shadow: 1px 1px 2px #474747;}
.vr_exhibition img{ width: 290px;}
.vr_exhibition_popup{ /* display: block; */ left: -303px; top: 0px;}
#vr_img{ width: 815px; height: 465px;}

/*activity_活动*/
.activity{ width: 594px; margin: 0 0 15px 0; position: relative;}
.activity .activity_title{ display: block; width: 60px; height: 25px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon2.png) no-repeat left center; background-size: 35%; text-shadow: 1px 1px 2px #474747;}
.activity img{ width: 594px;}
.activity_popup{ right: -2px; top: 0px;}/*活动弹出层*/

/*media_媒体关注*/
.media{ position: relative;}
.media .media_title{ display: block; width: 110px; height: 25px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon3.png) no-repeat left center; background-size: 28%; text-shadow: 1px 1px 2px #474747;}
.media img{ width: 290px;}
.media_popup{ left: 0px; bottom: 0px;}

/*video_视频*/
.video{ position: relative;}
.video .video_title{ display: block; width: 60px; height: 25px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon4.png) no-repeat left center; background-size: 35%; text-shadow: 1px 1px 2px #474747;}
.video img{ width: 290px; }
.video_popup{ left: -303px; bottom: 0px;}
.video_popup .popup_list_L p{ color: #b9d3f4;}

/*micro_film_微电影*/
.micro_film{ margin: 0 0 0 0; position: relative;}
.micro_film .micro_title{ display: block; width: 88px; height: 25px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon5.png) no-repeat left center; background-size: 30%; text-shadow: 1px 1px 2px #474747;}
.micro_film img{ width: 290px;}
.micro_film_popup{ right: -304px; bottom: 0px;}

/*cultural_creation_文创*/
.cultural_creation{ float: right; margin: 0 0 0 0; position: relative;}
.cultural_creation .cultural_title{ display: block; width: 60px; height: 25px; color: #fff; position: absolute; right: 20px; bottom: 20px; font-size: 18px; text-align: right; background: url(../images/function_icon6.png) no-repeat left center; background-size: 35%; text-shadow: 1px 1px 2px #474747;}
.cultural_creation img{ width: 290px;}
.cultural_creation_popup{ right: 0; bottom: 0;}


/********** typical_collection_典型藏品 **********/
.typical_collection{ width: 1200px; height:315px; margin:20px auto 0; position: relative;}
.typical_collection_top{ width: 1200px; height: 35px; line-height: 35px; position: absolute; left: 0; top: 0;}
.typical_collection_top span{ float: left; font-size: 20px; color: #005bac;}
.typical_collection_top a{ float: right; font-size: 12px; color: #005bac;}
.typical_collection_box{}

/* 效果CSS开始 */
#zsgun{ position:relative; height:269px; width:1200px; margin:auto;}
#gundiv{ width:1200px; position:relative; padding-top:45px; float:left; display:inline; height:269px; overflow:hidden;}
#gundiv ul{ height:269px; position:absolute; width:10000px;}
#gundiv li{ width:229px; height:269px;overflow:hidden;float:left;margin-right:14px;position:relative;}
#gundiv li a img{ display: block; width: 229px; height: 227px;}
#gundiv li p{ height:40px;line-height:40px;text-align:center;overflow:hidden;background: #e9e9e9;}
#gundiv li p a:link,#gundiv li p a:visited{ color:#005bac;font-size:14px;}
#gundiv li.zslion p{ display:block;}
a.hScrollPane_leftarrow{ top:125px;cursor:pointer;display:block;width:25px;height:58px;background:url(../images/zsleftbar.png) no-repeat left top; left:0px; position:absolute;}
a.hScrollPane_leftarrow:hover{ background:url(../images/zsleftbar.png) no-repeat left -58px;}
a.hScrollPane_rightarrow{ top:125px;cursor:pointer;display:block;width:25px;height:58px;background:url(../images/zsrightbar.png) no-repeat left top;right:0px;position:absolute;}
a.hScrollPane_rightarrow:hover{ background:url(../images/zsrightbar.png) no-repeat left -58px;}
.hScrollPane_dragbar{ width:1015px; position:absolute; border-bottom:#e2e2e2 5px solid; top:16px; left:115px; z-index:1;}
.hScrollPane_draghandle{ position:absolute; width:50%; height:5px; overflow:hidden; background:#559fe2; bottom:-5px;cursor:pointer; left:0;}

/*************************************** list_page二级页 ****************************************/
.assessment{ width:1200px; margin:20px auto 10px;}
.assessment:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*inthepage_left*/
.inthepage_left{ width:200px; float:left;}
.programs{ margin-top: 38px; padding-bottom:5px;}
.pageleft_top{ height:60px; line-height:60px; padding: 0 20px 0; background: #005bac;}
.pageleft_top span{ display:block; float:left; font-size:20px; color:#fff;}
.list{ width:200px;}
.list .yiji_select{ background: url(../images/triangle1.jpg) no-repeat 180px center #333333;}
.list .yiji_select a{ color: #fff;}
.list ul li{ background:#333333;}
.list ul li:hover{ background: url(../images/triangle1.jpg) no-repeat 180px center #333333;}
.list ul li:hover a{ color: #fff;}
.list ul li a{ display: block; height:45px; line-height:45px; padding: 0 20px 0; color:#9d9c9b; font-size:16px; border-bottom:solid 1px #0f0f0f; position:relative;}
.list ul li:last-child a{ border-bottom:0rem;}

.fp_list_left{ width:225px; float:left; margin-top: 36px;}

/*inthepage_right*/
.inthepage_right{ width:955px; float:right;}
.inthepage_right_list{ width: 1200px;}
.prog_top{ height:37px; line-height:37px; padding: 0 15px; border-bottom: 1px dashed #c5d9eb;}
.prog_top span{ float: left; font-size:18px; color:#005bac;}
.prog_top span a{ font-size:18px; color:#005bac;}
.prog_top p{ float: right;}
.page_rightlist{ display:block; padding:10px 15px; border-bottom: 1px dashed #c5d9eb;}
.page_rightlist li{ display:block; line-height:30px;-webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
.page_rightlist li span{ float:right;}
.page_rightlist li a{ font-size:14px; color:#0f0f0f;}
.page_rightlist li a:hover{ font-weight: bold;}

/********** 媒体关注list--面包屑 **********/
.fp_list_top{ height:37px; line-height:37px; padding: 0 15px; border-bottom: 1px dashed #c5d9eb;}
.fp_list_top div{ float: left; margin: 0 10px; font-size: 18px; color:#80170e;}
.fp_list_top a{ float: left; font-size:18px; color:#80170e;}
.fp_list_top span{ float: left; font-size:18px; color:#80170e;}
.fp_list_top span img{ display: block; float: left; width: 29px; margin: 3px 10px 0 0;}


/********** details三级页详情页 **********/
.details_text{ padding: 10px 15px;}
.details_text h3{ font-size: 30px; line-height: 50px; text-align: center; margin: 30px 0;}
.details_text p{ text-indent: 30px; font-size: 16px; line-height: 30px; color: #0f0f0f; text-align: justify;}
.details_text img{ display: block; margin: 20px auto;}

/********** microfilm-微电影 **********/
.video_top{ height: 55px; line-height: 55px; margin-bottom: 15px;}
.video_top span{ width: 148px; margin-right: 142px; float: left; font-size: 34px; color: #80170e;}
.video_top span img{ float: right; margin-top: 9px;}
.video_top p{ float: left; font-size: 18px; color: #005bac;}
.video_top p a{  color: #005bac;}
.microfilm_top{ height: 55px; line-height: 55px; margin-bottom: 15px;}
.microfilm_top span{ width: 120px; margin-right: 170px; float: left; font-size: 34px; color: #80170e;}
.microfilm_top span img{ float: right; margin-top: 9px;}
.microfilm_top p{ float: left; font-size: 18px; color: #005bac;}
.microfilm_top p a{  color: #005bac;}
.video_content{ width: 1200px; height: 550px; background: #000;}
.video_l_list{ width: 285px; height: 540px; margin: 5px; float: left; background: #222222; overflow: hidden;}
.video_l_list ul li{ display: block; line-height: 45px;}
.video_l_list ul li a{ display: block; font-size: 16px; padding-left: 30px; color: #9d9c9b; background: #333333; border-bottom: 1px solid #000;}
.video_l_list ul li a:hover{ color: #fff;}
.video_l_list ul li .video_select{ color: #fff;}
.video_l_list ul li:last-child a{ border-bottom: 0px;}
.video_r_cont{ width: 900px; height: 540px; float: right;}
#video{ width:900px; height:540px; margin:5px 5px 0 0; position:relative}
#video video{ width:100%; height:100%; object-fit:fill}
.VideoBtn{ position:absolute; left:50%; top:50%; display:block; width:70px; height:70px; margin-left:-35px;margin-top:-35px;cursor:pointer;z-index:10}
.hotspot{ width: 1200px; margin-top: 30px; border-top: 1px solid #b3b3b3;}
.hotspot .hotspot_top{ height: 45px; line-height: 45px; font-size: 24px; color: #636363;}
.hotspot_text p{ line-height: 24px; text-indent: 24px; font-size: 14px; text-align: justify;}
.hotspot_text span{ display: block; line-height: 30px; margin-top: 15px; font-size: 16px;}
/*** video_content视频页 ***/
.microfilm_hotlist{ display: block; width: 1200px; height:147px; margin:10px 0 0 0; overflow: hidden;}
.microfilm_hotlist li{ display: block; width: 230px; float: left; margin-right: 12px;}
.microfilm_hotlist li:last-child{ margin-right:0px;}
.microfilm_hotlist li img{ width: 230px;}



/********** public_service-互动体验 **********/
.public_service{ padding: 10px 15px;}
.public_service_list{}
.public_service_list ul{ display: block; overflow: hidden;}
.public_service_list ul li{ display: block; width: 300px; margin: 0 11px 11px 0; float: left; overflow: hidden;}
.public_service_list ul li:nth-child(3n){ margin-right: 0px;}
.public_service_list ul li img{ display: block; width: 100%;}
.public_service_list ul li p{ display: block; width: 300px; height: 50px; line-height: 50px; background: #ffffff; color: #000000; text-align: center; font-size: 16px;}
.public_service_list ul li p:hover{ color: #004d91; font-weight: bold;}

/********** social_donation **********/
.social_donation{ padding: 10px 15px;}
.social_donation_title{ line-height: 35px; font-size: 18px;}
.social_donation_table{ }
.social_donation_table tr th{ height: 38px; background:#e9faff !important; font-size: 14px; font-weight: 400;}
.social_donation_table tr td{ height: 35px; background: #ffffff; padding: 0 10px;}

/********** 公共服务-科普教育--瀑布流 **********/
.popularization{ padding: 20px 5px;}
@keyframes octocat-wave{
	0%,100%{transform: rotate(0);}
	20%,60%{transform: rotate(-25deg);}
	40%,80%{transform: rotate(10deg);}
}
@media (max-width:500px){
	.github-corner:hover .octo-arm{ animation: none;}
	.github-corner .octo-arm{ animation: octocat-wave 560ms ease-in-out;}
}
.grid{ position: relative;z-index: 2;display: block;margin: 0 auto;}
.grid_sizer{ margin-bottom: 0 !important;}
/* 科普教育 */
.grid_item .grid_img{ display: block;}
.grid_item .grid_img img{ width: 100%; display: block;}
/* 文创产品 */
.grid_item a{ display: block;}
.grid_item a img{ width: 100%; display: block;}
.grid .grid_item,.grid .grid_sizer{ width: calc(50% - 20px); margin: 0 10px 20px;}
.grid_title{ margin-top: 10px; font-size: 14px;}
.grid_title a{ font-size: 14px;}

@media screen and (min-width: 60em){
	.grid .grid_item,.grid .grid_sizer{ width: calc((100% / 3) - 20px); margin: 0 5px 20px;}
}
@media screen and (min-width: 70em){
	.grid .grid_item,.grid .grid_sizer{ width: calc(26% - 30px); margin: 0 10px 20px;}/* Grid types */
}
@media screen and ( max-width: 50em){
	main{display: block;}
}
/*paging分页*/
.paging{ width: 100%; height: 30px; line-height: 30px; margin: 20px 0 0 0; text-align: center;}
.paging a{ margin: 0 5px; padding: 7px 11px; background: #e8e8e8; border-radius: 100px; -moz-border-radius:100px;}
.paging a:hover{ background: #005bac; color:#ffffff;}
.paging .paging_select{ background: #005bac; color:#ffffff;}
.paging span{}

/********** vr_exhibition VR展厅 **********/
.vr_exhibition_top{ height: 50px; line-height: 50px; margin-bottom: 15px;}
.vr_exhibition_top span{ width: 170px; margin-right: 129px; float: left; font-size: 34px; color: #80170e;}
.vr_exhibition_top span img{ float: right; margin-top: 9px;}
.vr_exhibition_top p{ float: left; font-size: 18px; color: #005bac;}
.vr_exhibition_top p a{  color: #005bac;}
.vr_l_list{ width: 285px; height: 540px; margin: 5px; float: left; background: #222222; overflow: hidden;}
.vr_l_list ul li{ display: block; line-height: 45px;}
.vr_l_list ul li a{ display: block; font-size: 20px; padding-left: 30px; color: #ffffff; background: #333333; border-bottom: 1px solid #000;}
.vr_l_list ul span{ display: block; padding: 10px 30px; font-size: 16px; color: #ffffff; background: #333333;}
.vr_l_list ul p{ text-align: justify; line-height: 22px; padding: 10px 30px 15px; font-size: 14px; color: #ffffff; background: #333333;}
.vr_exhibition_cont{ width: 900px; height: 550px; float: right;}


/********** footer **********/
.footer{ width:100%; height:212px; overflow:hidden; color:#fff; background:url(../images/footer_bg.jpg) repeat-x center center;}
.footer .footer_ent{ width:1200px; margin:30px auto 0; position:relative;}
.footer .footer_ent:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer .footer_ent p{ margin-top:25px; float:left; line-height:20px;}
.footer .footer_ent p img{ display: block; width: 280px; margin-bottom:20px;}
.footer .footer_ent .floor_img{ float:left; text-align:center; margin-left:100px;}
.footer .footer_ent .floor_img span{ display:block;}
.footer .footer_ent .Links{ width:130px; float:left; margin-left:100px; margin-top:15px;}
.footer .footer_ent .Links h3{ font-size:18px; font-weight: 300;}
.footer .footer_ent .Links p{ margin-top:10px;}
.footer .footer_ent .Links a{ color:#62c1b8;}
.footer .footer_ent .Links a:hover{ color:#7dd8cf;}
.footer .footer_ent .erweima{ display:block; width:135px; height:96px; float:right; margin-top:7px; text-align:center;}
.footer .footer_ent .erweima:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer .footer_ent .erweima img{ height:96px; margin:0 10px;}
.footer .footer_ent .erweima p{ float: none; display:block; margin-top:5px;}