body{padding:0; margin:0; background: #3385ff url(/Public/img/home/images/bodyBj.jpg); -moz-user-select:none;}
.fl {float: left; display: inline-block;}
.fr {float: right; display: inline-block;}
.mr20 {margin-right: 20px;}
html { overflow: hidden;}
section { display:none; opacity: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; margin:0; color: white; font-family:"Microsoft Yahei"; -moz-user-select: none;}
.container { padding:0; font-size:30px; height: 100%; margin: 0; display: block; overflow: hidden;}
.active { color: white; font-family:"Microsoft Yahei"; font-size: 40px;}
/*section-public*/
#s1_wrapper, #s2_wrapper, #s3_wrapper, #s4_wrapper, #s5_wrapper, #s6_wrapper, #s7_wrapper, #s8_wrapper,#s9_wrapper,#s10_wrapper{ width: 1070px; height: 468px;display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);  }
#s6_wrapper{width: 1100px;}
.rollText,.rollImg ,.roll{ position: relative; float: left; z-index: 9999; }
.roll { width: 86px; position: absolute; margin: 0 50%; left:-43px; bottom: 80px;}
.rollImg { top: 25px; left: 10px; position: absolute; cursor: pointer;}
.rollText {font-size: 12px; left: 5px; color: #333;}
/*useSprite*/
.pic {background-image: url(/Public/img/home/images/btn_all.png); display: block;}
.pic_9 {background-position: -352px -164px; width: 26px; height: 27px; }
.pic_3 {background-position: -404px -104px; width: 62px; height: 84px; }
.pic_15 {background-position: -0px -228px; width: 287px; height: 174px; }
.pic_12 {background-position: -296px -232px; width: 4px; height: 129px; display:inline-block;}
.pic_1 {background-position: -312px -236px; width: 4px; height: 129px; display:inline-block; }
.pic_10 {background-position: -0px -122px; width: 60px; height: 30px; }
.pic_11 {background-position: -288px -104px; width: 58px; height: 58px; }
.pic_6 {background-position: -0px -176px; width: 345px; height: 49px; }
.pic_16 {background-position: -0px -0px; width: 287px; height: 174px; }
.pic_4 {background-position: -288px -52px; width: 214px; height: 49px; }
.pic_5 {background-position: -288px -0px; width: 214px; height: 49px; }
body{-moz-user-select: -moz-none;-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;}
/*搜索页面开始*/
#s1_wrapper {top: 50%;margin-top: -13px;}
#s1_title,#s1_ani { position: relative;}
.logo_ht {width: 505px; height: 154px; margin: 0 auto; background: url(/Public/img/home/images/log.png) no-repeat center center;background-size: 505px;}
#s1_subtitle { margin-top: 62px; font-size: 18px; line-height:32px;}
.search#s1_ani{width: 1070px;background: rgba(225,225,225,0.6);font-size: 12px;padding: 10px 50px;box-sizing: border-box;border-bottom: 1px dashed #b9b8b8;margin-top: 25px;}
.searchList li{padding: 5px 15px;background-color: #ca9a5e;margin-right: 10px;color: #fff;cursor: pointer;letter-spacing: 3px}
.searchList li.ac{ background: #b92e32;}
.searchForm{margin-top: 15px;width: 970px;height: 50px;background: #b92e32;font-size: 16px;}
.searchForm .drop_down{width: 130px;height: 50px; float: left;background: #fff;}
.searchForm #term{display: block;border: none;outline: none;color: #666;margin-top: 5px;height: 40px;width: 100px;background: url(/Public/img/home/images/xiala.png) no-repeat right center;background-size: 12px;font-size: 14px;padding-left: 15px;}
.searchForm .drop_down1{width: 130px;height: 50px;background: #fff;}
.searchForm #subst0,.searchForm #subst1{display: block;border: none;outline: none;color: #666;margin-top: 5px;height: 40px;width: 100px;background: url(/Public/img/home/images/xiala.png) no-repeat right center;background-size: 12px;font-size: 14px;padding-left: 20px;}
.searchForm .drop_input{width: 590px;height: 50px;background: #fff;}
.searchForm .drop_input #sw{height: 40px;line-height: 40px;background:none;width: 550px;margin-top: 5px;font-size: 14px;padding: 0 10px;box-sizing: border-box;}
.searchForm .drop_botton{height: 50px;}
.searchForm .drop_botton input{margin-left:16px;border:0px;outline:none;color:#4b4a47;font-size:16px;width:100px;height:40px;text-align:center;line-height:40px;cursor:pointer;background: none;margin-top: 5px;}
.bulletin{width: 970px;height: 26px;background: url(/Public/img/home/images/speaker.gif) no-repeat left -2px;margin-top: 10px;overflow: hidden;background-size: 20px 21px;}
.bulletin .noticTipTxt{height: 22px;line-height: 22px;overflow: hidden;margin-left: 30px;}
.noticTipTxt li{height: 22px;line-height: 22px;}
.noticTipTxt a{color: #333;font-size: 12px;}
.noticTipTxt a:hover{color:#ff7300;text-decoration:underline;}
.source{width: 1070px;background: rgba(225,225,225,0.6);font-size: 12px;padding: 2px 30px;box-sizing: border-box;}
.sourceList{padding: 5px 10px;}
.sourceList li{padding: 2px 8px;line-height: 20px;}
.sourceList li a{color: #333;}
.sourceList li a:hover{color:#ff7300;text-decoration:underline;}
/*搜索页面结束*/
/*新闻中心开始*/
.newsWrap,.readers_guide,.service{height: 468px;background: #fff;padding: 10px 0px;box-sizing: border-box;}
.public_gy_title{padding: 10px 20px;border-bottom: 1px solid #cccccc;margin-bottom: 15px;}
.public_gy_title span{color: #333;font-size: 16px;padding-left: 15px;border-left: 3px solid #b92e32;float: left;}
.public_gy_title a{font-weight: normal;font-size: 14px;color: #666666;float: right;}
.newsWrap .cont{height: 378px;overflow: hidden;padding: 0 20px;}
.newsNoun{height: 378px;width: 500px;position: relative;overflow: hidden;float: left;}
.newsNoun li{position: absolute;left: 0;top: 0;}
.newsNoun li img{width: 500px;height: 378px;}
.newsNoun li p{;background: #666;width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 12px;position: absolute;left: 0;bottom: 0;}
/*右侧动态*/
.navInfo{width: 500px;margin-left: 30px;float: right;}
.navList{margin-bottom: 11px;}
.navList li{cursor: pointer;height: 35px;line-height: 35px;text-align: center; width: 20%;border-bottom: 3px solid #cccccc;color: #808080;font-size: 16px;}
.navList li.ac{border-bottom: 3px solid #b92e32;color: #b92e32;}
.navInfo .container{height: 330px;overflow: hidden;position: relative;}
.navInfo .bookList{position: absolute;left: 0;top: 0;}
.navInfo .container li{border-bottom: 1px dashed #ffffff;padding: 10px 0px;font-size: 12px;width: 500px;}
.navInfo .container li a{line-height: 25px;color: #808080;width: 420px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;display: block;float: left;}
.navInfo .container li span{float:right;font-size:12px;color:#666666;line-height: 25px;}
/*新闻中心结束*/
/*馆情介绍开始*/
.guide_cont{height: 385px;padding: 0 20px;}
.guide_cont .guide_about{width: 468px;float: left;height: 385px;position:relative;}
.guide_cont .guide_about .info{height: 362px;overflow: hidden;padding: 0 2px;}
.guide_cont .guide_about .info *{line-height: 25px !important;color: #353535 !important;font-size: 12px !important;}
.guide_cont .guide_about a{font-size: 14px;color: #b92e32;position: absolute;left: 20px;bottom: 0;}
.guide_nav{float: right;width: 540px;height: 385px;}
/*馆情介绍结束*/
/*读者服务开始*/
.serRight{width: 540px;float: right;}
.serRight li{width: 160px;height: 180px;margin: 0px 0px 9px 20px;}
.serRight li img{width: 160px;height: 180px;transition: all 0.5s ease-in-out;}
.serRight li:hover img{transform: scale(1.08);opacity: 0.8;}

/*读者服务结束*/
 /*千载诗书城开始*/
.poetryList{width: 380px;}
.poetryList li{width: 160px;height: 180px;margin: 0px 0px 9px 20px;}
.poetryList li img{width: 160px;height: 180px;}
.poetryimg{width: 650px;height: 380px;transition: all 0.5s ease-in-out;float: right;}
.poetryList li:hover img{transform: scale(1.08);opacity: 0.8;}
 /*千载诗书城结束*/
 /* 眉图动态开始 */
 .trends li{width: 170px;height: 189px;margin: 0 18px;text-align: center;}
 .trends li a{display: block;width: 170px;height: 130px;background: url(/Public/img/home/images/trendsimg01.png) no-repeat;background-size: cover;transition: all 0.5s ease-in-out;}
 .trends li p{width: 170px;height: 40px;line-height: 40px;overflow:hidden;font-size: 12px;color: #808080;}
.trends li:hover a{transform: scale(1.08);opacity: 0.8;}
 /* 眉图动态结束 */
 /* 上架新书开始 */
.second_plates{height: 468px;}
.newBook{width: 600px;height: 468px;background: #fff;margin-right: 10px;padding: 10px 0px;box-sizing: border-box;overflow: hidden;}
.newBookList li{width: 166px;height: 180px;margin: 0px 10px 9px;position: relative;transition: all 0.5s ease-in-out;}
.newBookList li img{width: 166px;height: 180px;}
.newBookList li span{width: 166px;height: 25px;line-height: 25px;font-size: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;position: absolute;bottom: 0;}
.review{width: 490px;height: 468px;background: #fff;padding: 10px 0px;box-sizing: border-box;overflow: hidden;}
.reviewList{height: 380px;overflow: hidden;}
.reviewList li{border-bottom: 1px dashed #ccc;height: 37px;}
.reviewList a{float: left;display: block;width: 300px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 37px;line-height: 37px;font-size: 12px;color: #333;}
.reviewList span{float: right;display: block;height: 37px;line-height: 37px;font-size: 12px;color: #666;}
.newBookList li:hover{transform: scale(1.08);opacity: 0.8;}
.newBookList,.reviewList{padding: 0 20px;}
 /* 上架新书结束 */
 /*热点专题*/
.plumeList{width: 500px;margin-left: 30px;height: 330px;overflow:hidden;float: right;}
.plumeList li a{display: block;width: 420px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;float: left;height: 46px;line-height: 46px;font-size: 12px;color: #333;}
.plumeList li span{float: right;display:block;height: 46px;line-height: 46px;font-size: 12px;color: #666;}
.sliderwap{width: 500px;float: left;height: 330px;}
.new_icon{width: 500px;margin-left: 30px;height: 330px;}
.new_icon li{width: 223px; height: 130px;border: 1px solid #d4d4d4;margin-right: 10px;margin-top: 10px;}
.new_icon li img{display: block; margin: auto;margin-top: 20px;}
.new_icon li p{text-align: center;font-size: 12px;line-height: 25px;color: #808080;}
 /*右边栏开始*/
.side_container { position: absolute; right: 0px; width: 60px; height: 100%;}
#side_btn_ul { list-style: none; padding: 0; position: absolute; float: right; right: 100px; top: 50%; margin-top: -350px;}
#side_btn_ul li { background-position: 0 -60px; width: 60px; height: 60px; margin-bottom: 5px; opacity: 0.8; }/*use sprite, pic pic_8*/
#side_btn_ul li:hover { opacity:1; cursor: pointer; }
#side_btn_ul .active {background:url(/Public/img/home/images/a11.png); width: 60px; height: 60px; opacity: 1; }/*use sprite, pic pic_7*/
 /*右边栏结束*/
/*底部导航*/
.fotter{position: absolute;left: 0;bottom: 0;height: 40px;background: rgba(19, 17, 17, 0.55);width: 100%;}
.fotterCont{width:height: 40px;margin: 0 auto;position: relative;left: 23%;}
.fotterCont p{line-height: 40px;color: #fff;float: left;font-size: 12px;}
.fotterCont .btnMenu{float: left;width: 140px;height: 20px;margin-top:11px;margin-left: 15px;background: #fff url(/Public/img/home/images/xiala.png)no-repeat 125px center;background-size: 13px;line-height: 20px;position: relative;}
.fotterCont .menu{margin-left: 5px;font-size: 12px;}
.fotterCont  .menuList{position: absolute;bottom:45px;left: 0;background: #fff;width: 100%;text-align: center;z-index: 100;}
.fotterCont  .menuList li{border-top: 1px solid #f2f2f2;}
.fotterCont  .menuList li:first-child{border-top:none;}
.fotterCont  .menuList li a{height: 30px;line-height: 30px;display: block;color: #333;font-size: 12px;}
.fotterCont  .menuList:after{content: "";width: 0px;height: 0px; position: absolute; left: 50%;margin-left: -10px;bottom: -9px;border-top: 10px solid #EEEEEE;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.mailbox a{height: 40px;color: #fff;line-height: 40px;float: left;margin-left: 20px;font-size: 12px;}
.institution a{float: left;width: 28px;height: 30px;margin-left: 20px;}
.institution a img{width: 28px;margin-top: 3px;}
@media screen and (max-width: 1600px){
	.fotterCont{left: 10%;}
}
@media screen and (max-width:1440px){
	.fotterCont{left: 5%;}
	.fotterCont .btnMenu{margin-left: 5px;}
	.mailbox a{margin-left: 5px;}
}
@media screen and (max-width:1280px){
	#side_btn_ul{right: 0px;}
	.fotterCont{left: 10px;}
	.fotterCont .btnMenu{margin-left: 5px;}
	.mailbox a{margin-left: 5px;}
}
@media screen and (max-height: 900px){
	#side_btn_ul{margin-top: -320px;}
}
@media screen and (max-height: 768px){
	#side_btn_ul{right: 0px;}
}
#demo{position:absolute;left: 0;top: 0;}