@charset "utf-8";
body{ margin:0; padding:0;  font-size:12px; font-family:"微软雅黑",Microsoft Yahei,Hiragino Sans GB;  color:#202020; background:#f8f8f8; }
div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,a,img,p,table,tr,td{margin:0; padding:0; border:0; text-decoration:none;}
input[type=submit],input[type=reset],input[type=button],input[type=text],input[type=password],select,textarea{-webkit-appearance: none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.hidden{ display:none;}
.strong{ font-weight:bold;}
.black{ color:#3b3b3b;}
.left{float:left;}
.right{float:right;}
.t_left{ text-align:left;}
.t_right{ text-align:right;}
.t_center{ text-align:center;}

a:link{color:#888;} 
a:visited{color:#888;} 
a:hover{color:#888;}
a:active{color:#888;}



.head{ width:92%; height:44px;  font-size:16px; color:#1f1f1f; background:#0068b0;  padding:0 4%; position:fixed;}
.head_search{ width:84%; height:44px; float:left; overflow:hidden;}
.head_ipt{ height:30px; margin:6px 0 6px; line-height:30px; width:86%; padding-left:14%; border-radius:0; font-size:16px; background:url(../images/icon_search02.png) 10px center no-repeat #fff; background-size:auto 70% ;  border:0; outline:none;}
.head_login{ width:16%; height:44px; float:right; text-align:right;}
.head_login a{ height:32px; width:32px; display:inline-block; margin-top:6px;}
.head_login a img{ height:32px; width:32px;}



.center{ width:100%; margin:5px 0; text-align:center; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.center h2{ width:89%; padding:0 5% 0 7%; height:44px; line-height:44px; border-bottom:1px solid #e8e8e8; font-size:18px; font-weight:normal; text-align:left; color:#282828; background:url(../images/icon001.jpg) 16px center no-repeat; background-size:auto 50% ;}
.center h2 span{ float:right;}
.center h2 span a{ font-size:14px; color:#6c6c6c;}

/* \\\\\\\\\\\\\\\\\   轮播滚动图  ///////////////////////////////// */
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    /* 缩放网页，文字大小不变 */
    -webkit-text-size-adjust:none;
}
.inner{ overflow:hidden;}
.slide{
    position: relative;
    max-width:640px;
	height:190px;
    overflow: hidden;
    margin: 0px auto 0;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 解决js阻塞页面显示首屏 */
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: -5%;
    width: 100%;
    height: 110%;
    border: none;
}
.slide .dot{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
.slide .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.slide .dot .cur{
    background-color: #fff;
}
/* 测试横竖屏 */
#slide1{
    width: 320px;
}

.menu{width:100%; height:auto;}
.menu ul li{ width:25%; height:100px; float:left; list-style:none;}
.menu ul .menu_hide{ display:none;}
.menu ul li a{border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;width:100%; height:100px; overflow:hidden; display:block; text-align:center; font-size:16px; color:#282828;}
.menu ul li a span{ width:54px; height:54px; border-radius:54px; background:#038bcf; display:block; margin:10px auto 6px;}
.menu ul li a span.m01{ background:url(../images/ind_icon01.png) center center #038bcf no-repeat; background-size:60% auto;}
.menu ul li a span.m02{ background:url(../images/ind_icon02.png) center center #84c025 no-repeat; background-size:auto 60%;}
.menu ul li a span.m03{ background:url(../images/ind_icon03.png) center center #fc7e56 no-repeat; background-size:60% auto;}
.menu ul li a span.m04{ background:url(../images/ind_icon04.png) center center #cf80ff no-repeat; background-size: auto 60%;}
.menu ul li a span.m05{ background:url(../images/ind_icon05.png) center center #ffc000 no-repeat; background-size:60% auto;}
.menu ul li a span.m06{ background:url(../images/ind_icon06.png) center center #5abbff no-repeat; background-size:auto 60%;}
.menu ul li a span.m07{ background:url(../images/ind_icon07.png) center center #0cc219 no-repeat; background-size:60% auto;}
.menu ul li a span.m08{ background:url(../images/ind_icon08.png) center center #19d4d2 no-repeat; background-size:60% auto;}
.menu ul li a span.m09{ background:url(../images/ind_icon09.png) center center #5abbff no-repeat; background-size:60% auto;}
.menu ul li a span.m10{ background:url(../images/ind_icon10.png) center center #ffc000 no-repeat; background-size:60% auto;}
.menu ul li a span.m11{ background:url(../images/ind_icon11.png) center center #cf80ff no-repeat; background-size:auto 60%;}
.menu ul li a span.m12{ background:url(../images/ind_icon12.png) center center #0cc219 no-repeat; background-size: auto 60%;}

.menu ul li a span.m13{ background:url(../images/ind_icon13.png) center center #19d4d2 no-repeat; background-size: auto 60%;}
.menu ul li a span.m14{ background:url(../images/ind_icon14.png) center center #0cc219 no-repeat; background-size:70% auto;}
.menu ul li a span.m15{ background:url(../images/ind_icon15.png) center center #038bcf no-repeat; background-size:60% auto;}
.menu ul li a span.m16{ background:url(../images/ind_icon16.png) center center #fff no-repeat; border:1px solid #ebebeb; background-size: 70% auto;}
.menu ul li a span.m_more{ background:url(../images/ind_icon_more.png) center center #fff no-repeat; background-size:60% auto;}

.newbook{ width:100%;}
.newbook ul{ width:99%; padding:10px 0 0 1%;}
.newbook ul li{ width:27%; float:left; margin:12px 3%; list-style:none;height:178px; overflow:hidden;}
.newbook ul li a{width:100%; height:178px; display:inline-block;overflow:hidden;}
.newbook ul li a img{ width:100%; height:138px;}
.newbook ul li a p{width:100%; height:30px; color:#525252; text-align:left; font-size:14px; line-height:18px;}
.newbook ul li a p span{width:100%; display:block; font-size:12px; color:#6c6c6c;}
.nbk_more{ width:100%; height:40px; margin:0px 0 22px; text-align:center;}
.nbk_more a{ height:38px; width:140px; margin:0 auto; font-size:16px; color:#0068b0; line-height:38px; border:1px solid #0068b0; border-radius:6px; display:block;}

.searchdate{ width:100%; height:auto; margin:0px auto 0px; background:#fff; overflow:hidden;  }
.searchdate ul {width:100%; padding:8px 0;}
.searchdate ul li{width:96%; padding:10px 2%; height:auto; display:block; border-bottom:1px solid #ebebeb; list-style:none;}
.bookinfo{ width:66%; height:auto; padding-top:6px; float:right;}
.bookinfo a{  font-size:16px; line-height:22px; text-decoration:none; color:#525252;}
.booktag{width:100%; margin:0px 0 0;}
.booktag ul li{ font-size:14px; height:22px; line-height:22px; border-radius:24px; width:auto; padding:0 8px; text-align:center; border:1px solid #0068b0; color:#0068b0; float:left; display:block; margin-right:5px;}
.nobktag{border:1px solid #cbcbcb !important; color:#cbcbcb !important;}
.listimg{ width:32%; min-height:142px; float:left; text-align:center;}
.listimg img{ width:90%; height:auto;}



.newsdate{ width:100%; height:auto; margin:0px auto 0px; background:#fff; overflow:hidden;  }
.newsdate ul { padding:0;}
.newsdate ul li{ padding:12px 6px; height:144px; border-bottom:1px solid #dbdbdb; list-style:none;}
.ex_info{ float:right; width:68%; height:144px; text-align:left;}
.ex_info a{ color:#4c4c4c !important; font-size:18px !important; line-height:28px  !important;}
.listimg03{ width:32%; height:144px; overflow:hidden; float:left; text-align:center;}
.listimg03 img{ width:88%; height:144px; margin-top:0px;}
.ex_time{ width:100%; height:auto; line-height:20px; color:#666; margin-top:30px;font-size:14px;}

.news_title{width:92%; padding:22px 4% 0px; color:#444; background:#f8f8f8; }
.news_title h2{ font-size:24px; line-height:30px; font-weight:600; text-align:justify;}
.news_title h4{ font-size:14px; line-height:28px; font-weight:normal; color:#aeaeae;}
.news_title h4 span{ float:right;}

.news_center{ background:#f8f8f8; width:90%; padding:0px 5% 20px;  overflow:hidden;}
.news_center p{width:100%; text-align:justify; margin:28px 0;  font-size:18px; line-height:28px; color:#4a4a4a;}
.news_center p img{width:100%; text-align:center;}

.newsdate02{ width:100%; height:auto; margin:0px auto 0px; background:#fff; overflow:hidden;  }
.newsdate ul { padding:0;}
.newsdate02 ul li{ padding:10px 10px 0; height:auto; border-bottom:1px solid #dbdbdb; list-style:none; clear:both;}
.vd_title{color:#444; font-size:18px; line-height:28px; margin:0 0 6px; width:100%; height:auto;}
/*  书刊续借CSS */

.subtn2{ width:50%; margin:10px auto 40px; height:42px; line-height:42px; text-align:center; font-size:18px; border-radius:4px; color:#fff; display:block; cursor:pointer; border:none; background:#0068b0; }

.subtn3{ width:50px; height:26px; line-height:26px;  display:block; text-align:center; border:none; 
 font-size:14px; background:#0068b0; padding:0; color:#fff; border-radius:4px; }
.subtn4{ width:50px; height:26px; line-height:26px;  display:block; text-align:center; border:none; 
 font-size:14px; background:#dbdbdb; padding:0; color:#6c6c6c; }

.skxj{ width:91%; height:auto;margin:5px auto 30px; background:#fff; overflow:hidden; padding-bottom:20px; border:1px solid #dbdbdb; border-radius:6px; font-size:16px; line-height:22px;}
.skxj table{  width:94%; margin:5px 3% 0px; }
.skxj table tr{}
.skxj table tr td{border-bottom:1px solid #d7d7d7; height:122px; vertical-align:top; padding:12px 0 12px; text-align:left; color:#999;}
.skxj table tr td img{ width:94px; height:122px; overflow:hidden;}
.skxj table tr td span{ margin:2px 0 6px; display:inline-block; line-height:24px; font-size:18px; color:#333;}
.skxj table tr td a.bk_state_jy{ color:#0068b0;}
.skxj table tr td a.bk_state_yq{ color:#ff000c;}
.skxj table tr td a.bk_state_gh{ color:#999;}

.content{ text-align:center;}
.content h2 { line-height:40px; padding-top:10px; font-size:20px;}
.yyqt{ width:40%; height:38px; margin:0 30% 30px; line-height:38px; border:1px solid  #0068b0; border-radius:6px; text-align:center;}
.yyqt a{ color:#0068b0; font-size:16px;}

.jy_tab{ width:92%; margin:16px 4% 14px;}
.jy_tab ul{ height:40px; line-height:40px; width:100%;}
.jy_tab ul li{ float:left; text-align:center; font-size:18px; width:33.3%; border-left:1px solid #0068b0; border-top:1px solid #0068b0; border-bottom:1px solid #0068b0; list-style:none;}
.jy_tab ul li a{ color:#0068b0;}

.login{ width:100%; height:96px; margin:50px 0 10px; text-align:center;}
.login img{ height:90%; width:auto;}
.login_box{width:90%; height:auto; padding:0 5%; text-align:center;}
.login_box ul li{ list-style:none; height:50px; line-height:50px; margin-top:10px;}
.login_box ul li .login_name{ border:1px solid #d4d4d4; height:50px; line-height:50px; padding:0 5%; width:89%;
background:url(../images/login_user.png) 94% center no-repeat #fff; background-size:auto 50%; border-radius:8px; font-size:14px;  font-family:"微软雅黑",Microsoft Yahei,Hiragino Sans GB; outline:none;}
.login_box ul li .login_pwd{ border:1px solid #d4d4d4; height:50px; line-height:50px; padding:0 5%; width:89%;
background:url(../images/login_pwd.png) 94% center no-repeat #fff; background-size:auto 50%; border-radius:8px; font-size:14px;  font-family:"微软雅黑",Microsoft Yahei,Hiragino Sans GB; outline:none;}

.login_box ul li .login_btn{height:50px; line-height:50px; text-align:center; width:100%;
background:#0068b0;  border-radius:8px; font-size:22px; color:#fff;  font-family:"微软雅黑",Microsoft Yahei,Hiragino Sans GB; outline:none; border:none; margin:10px 0 0; }
.login_box .fgt_pwd{ width:98%; padding:20px 1%; text-align:right;}
.login_box .fgt_pwd span{ float:left; color:#7c7c7c}
.reg_rule{ width:86%; margin:0 auto; height:38px; line-height:38px; text-align:left; color:#7c7c7c}
.reg_rule a{color:#7c7c7c}
.search_radio{width:90%; padding:25px 5% 10px; font-size:14px; color:#666; height:20px;  text-align:center; float:left}
.search_radio input{ -webkit-appearance:radio; margin-left:16px; }

.search .search_box{ width:90%; }
.search_btn{ width:100%; height:66px;}
.search_btn .login_btn{height:48px; line-height:48px; text-align:center; width:96%;
background:#0068b0 !important;  border-radius:8px !important; font-size:22px; color:#fff;  font-family:"微软雅黑",Microsoft Yahei,Hiragino Sans GB; outline:none; border:none;}

.reg_title{ font-size:16px; text-align:left; margin:8px 0 0; width:90%; padding:0 5%; height:40px; line-height:40px;}
.reg_title h4{ font-size:22px; font-weight:normal; display:block; width:100%; text-align:center;}

.foot{ width:96%; height:auto; padding:0px 2% 10px; font-size:11px; line-height:18px; text-align:center; background:#f8f8f8; }