/*banner*/
.banner{ width: 100%;height: 446px; }

/*main*/
/*main  floor1*/
.floor1{height: 345px;padding-top: 50px;}
/*左侧小轮播 开始*/
.floor1 #slider{ width: 470px; height: 240px;overflow: hidden;}
/*左侧小轮播 样式见slideshow.css*/
#slider>p{height: 20px;text-align: right;margin-top: 8px;padding-right: 5px;}
#slider>p span{display: inline-block; width: 16px; height: 16px;line-height: 14px;text-align: center; border: 1px solid #d2d2d2;color: #d2d2d2;font-size: 12px;margin-left: 8px;}
#slider>p span.active{  border: 0; background: #5a7aea;color: #fff;}
/*左侧小轮播 结束*/
/*图书馆简介*/
.floor1 .jianjie{width:390px;height:242px;}
.floor1 .jianjie h1{font-size: 20px;color:#000;margin-bottom: 25px;}
.floor1 .jianjie p{color:#666;text-align: justify;text-indent: 2em;line-height: 24px;}
.floor1 .jianjie div{margin-top: 15px;}
.floor1 .jianjie div a{display: inline-block;width:100px;height:30px;text-align: center;line-height: 30px;background: #2373C8;color:#fff;border-radius: 3px;}
/*图书馆智能采访管理系统*/
.floor1 .zncf{width:320px;height:200px;margin-top: 40px;}
.floor1 .zncf ul li{float: left;width:100px;height:130px;text-align: center;font-size: 16px;margin-right: 10px;}
.floor1 .zncf ul li.gl{margin-right: 0;}
.floor1 .zncf ul li span{display: inline-block;width:90px;height:90px;}
.floor1 .zncf ul li.ry span{background: url("../images/zncfxt-ry1.png") center no-repeat;}
.floor1 .zncf ul li.zp span{background: url("../images/zncfxt-zp.png") center no-repeat;}
.floor1 .zncf ul li.gl span{background: url("../images/zncfxt-gl.png") center no-repeat;}
.floor1 .zncf ul li.ry.active span,.floor1 .zncf ul li.ry:hover span{background: url("../images/zncfxt-ry1.png") center no-repeat;}
.floor1 .zncf ul li.zp.active span,.floor1 .zncf ul li.zp:hover span{background: url("../images/zncfxt-zp01.png") center no-repeat;}
.floor1 .zncf ul li.gl.active span,.floor1 .zncf ul li.gl:hover span{background: url("../images/zncfxt-gl01.png") center no-repeat;}
.floor1 .zncf p{text-align: center;}

.floor1 .zncf ul li.active,.floor1 .zncf ul li:hover{color:#2373C8;}


/*floor2*/
.floor2{height:305px;background:#eee;padding-top: 40px;}
/*左侧 新闻*/
.floor2 .news{width:765px;height:225px;background: #fff;}

.floor2 .news .more{width:185px;height:225px;background: #2373C8;color:#fff;padding: 40px 30px;line-height: 24px;margin-right: 15px;}
.floor2 .news .more ul li a{font-size: 12px;color:#fff;}
.floor2 .news .more ul li.first{margin-bottom: 10px;}
.floor2 .news .more p{margin-top: 20px;}
.floor2 .news .more p a{display: inline-block;width:67px;height:27px;color: #fff;border:1px solid #fff;border-radius: 3px;line-height: 25px;text-align: center;}

.floor2 .news .newsTitle{padding-top:30px;text-align: center;}
.floor2 .news .newsTitle,.floor2 .news .newsTitle a{color:#666;}

.floor2 .news .newsTitle div.lf a{border:1px solid #dedede; display: block;padding:5px; width: 232px;}
.floor2 .news .newsTitle div.lf .pic span{ padding-top: 75.8%; }
.floor2 .news .newsTitle ul.rt{margin-left: 10px;}
.floor2 .news .newsTitle ul.rt li{height:28px;line-height: 28px;text-align: left;}
.floor2 .news .newsTitle ul.rt li span{display: inline-block;width:70px;height:28px;}

/*右侧，数据样本*/
.floor2 .shuju{width:410px;height:225px;background: #fff;padding: 20px 36px;}
.floor2 .shuju p{color:#666;margin-bottom: 15px;}
.floor2 .shuju p b{font-size: 18px;color:#2373C8;margin-right:5px;}
.floor2 .shuju ul li{/*float:left;margin:3px 6px;*/ margin:10px auto; }
.floor2 .shuju ul li a{display: block;font-size: 13px; float: left; width: calc(100% - 65px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.floor2 .shuju ul li span{ display: block; float: right; width: 65px; text-align: right; color: #999; }


/*floor3*/
.floor3{}
.floor3 .kgts{padding-top: 20px; overflow: hidden;}
.floor3 .kgts div.lf{width:220px;height:262px;background: #eee;padding:25px 10px;text-align: center; }
.floor3 .kgts div.lf p{color:#666;margin-bottom: 15px;}
.floor3 .kgts div.lf p b{font-size: 18px;color:#2373C8;margin-right:5px;}
.floor3 .kgts div.lf ul li{float:left;margin:3px 15px; }
.floor3 .kgts div.lf ul li a{display: inline-block;width:156px;height:40px;line-height:40px;border:1px solid #c9c9c9;border-radius: 3px;padding: 0 10px;font-size: 13px;}
.floor3 .kgts div.lf ul li.active a,.floor3 .kgts div.lf ul li:hover a{background: #2373C8;color:#fff;}

.floor3 .kgts div.rt{padding-top: 10px; float: none;}
.floor3 .kgts div.rt p{height: 50px;line-height: 50px;color:#666;margin-bottom: 10px;}
.floor3 .kgts div.rt p a{display: inline-block;width:100px;height:30px;line-height: 30px;text-align: center;background: #2373C8;color:#fff;}
.floor3 .kgts div.rt p b{font-size: 18px;color:#2373C8;margin-right:10px;}

.floor3 .kgts div.rt ul{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding: 10px 0 15px;line-height: 40px;}
.floor3 .kgts div.rt ul li{width:171px;float: left;}

/*优秀作品推荐*/
.floor3 .zptj{ margin:0 auto 30px auto;}
.floor3 .zptj p{height:50px;line-height: 50px;border-bottom: 1px solid #e8e8e8;}
.floor3 .zptj p a{display: inline-block;width:70px;height:25px;line-height: 25px;text-align: center;border:1px solid #c9c9c9;font-weight: bold;color:#2373C8;position: relative;top:10px;}
.floor3 .zptj p b{font-size: 20px;display: inline-block;border-bottom: 2px solid #2373C8;position: relative;top:-1px;}
.floor3 .zptj ul li{float: left;width:11.11%;text-align: center; margin:20px auto 0 auto; }
.floor3 .zptj ul li a{ display: block;   margin:auto; }
.floor3 .zptj ul li .img{border:#ccc 1px solid;  width: 80%; padding: 5px; margin:auto;}
.floor3 .zptj ul li .pic1 span{ padding-top: 133.3% }
/*.floor3 .zptj ul li img{width: 120px;height: 160px;
    border:1px solid #dedede;
    padding :5px;}
.floor3 .zptj ul li img:hover{border: 1px solid #2373C8}*/
.floor3 .zptj ul li  em{ margin:5px auto;  display: block;}
.floor3 .zptj ul li a:hover .img{border:1px solid #2373C8;}
/*友情链接*/
.floor4{height:150px;background: #eee;padding: 20px 0;}
.floor4 p{margin-bottom: 10px;}
.floor4 p b{font-size: 20px;display: inline-block;height:40px;border-bottom: 1px solid #cc0001;position: relative;top:-1px;}
.floor4 ul li{float: left;margin-left: 20px;}
.floor4 ul li.first{margin-left: 0;}

/*公司酒店*/
.floor5{height:420px;background: #dcdcdc;color:#2373C8;padding: 30px 0;}
.floor5 p b{font-size: 20px;display: inline-block;height:40px;border-bottom: 1px solid #2373C8;position: relative;top:-1px;}
/*酒店图片轮播*/
.demopage{width:1164px;margin:40px auto;position: relative;}
#marquee1{width:1164px;height:175px;overflow:hidden;}
#marquee1 ul li{float:left;width:388px;border:1px solid #fff;padding:5px;}
#marquee1 ul li .pic1 span{ padding-top: 66%; }
#marquee1 ul li img{display:block;}

.control a{position: absolute;top:80px;}
.control #goR{left:-30px;}
.control #goL{right:-30px;}

.floor5 p.more{text-align: center;}
.floor5 p.more a{display: inline-block;width:252px;height:50px;line-height: 50px;text-align: center;border:1px solid #fff;color:#2373C8;font-size: 18px;border-radius: 3px;}