/*馆藏检索  APP下载*/
.seapp{ width:1200px; height:238px; margin:20px 0 0px;}
.search{ width:860px; height:238px; background:url(../images/search_bg.jpg) left top no-repeat; float:left;}
.app_download{ width:338px; height:236px; background:#f4f4f4; border:1px solid #e6e6e6; float:right;}
.searmore{ height:36px; line-height:36px;}
.searmore a{color:#fff; padding-left:6px;}
.searmore a:hover{ color:#f2f2f2;}

/* 检索 tab css */
.slideTxtBox{ width:780px; padding-left:80px; text-align:left;  }
.slideTxtBox .hd{ height:34px; line-height:34px; padding:0px 10px 0 20px;   position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:60px; height:34px;   }
.slideTxtBox .hd ul li{ float:left; width:92px; background:#fff; border-radius:6px; color:#4a69bf; font-size:14px; height:34px; line-height:34px; margin:0 15px 0 0; cursor:pointer; text-align:center;  }
.slideTxtBox .hd ul li.on{ height:34px; color:#fff; line-height:34px;  background:#5e83e9; }
.slideTxtBox .bd ul{ padding:80px 15px 0 15px;  zoom:1;  }
.searchbox{ width:500px; height:50px;  border:2px solid #5e83e9; border-radius:8px 0px 0px 8px; 
background: #fff;  color:#ccc; 
font-size:18px; font-family:"微软雅黑",Microsoft YaHei; line-height:50px; 
padding-left:10px; outline:none;}
.btn_search{display:inline-block; margin-left:-6px;  }
.btn{width:120px; height:56px; background:url(../images/icon_search_w.png) 16px center no-repeat #5e83e9; border-radius:0px 8px 8px 0px; font-family:"微软雅黑",Microsoft YaHei; font-size:20px; text-align:left; padding-left:50px; color:#fff; line-height:46px; margin-left:0px; cursor:pointer; border:none;  }


/*.Topapps{ background-color: #fafafa;  float:left;  height:236px; width:338px; vertical-align:top;}
.Topapps .topModule{ padding:16px 0; height: 46px;}
.Topapps .bg{background-color: #f4f4f4;}
.Topapps .topModule .appbox{ padding-left: 90px; height: 46px;}
.Topapps .topModule .appbox .appimg{ height: 46px; width: 46px; overflow: hidden; position: absolute; top: 0; left:-60px;}
.Topapps .topModule .appbox .downLink{ color: #757575; height: 20px; line-height: 20px;}
.Topapps .topModule .appbox h2{ color: #111; margin-bottom: 5px; font-size:14px;}
.Topapps .topModule .appbox h2 a{ color:#111;}
.Topapps .topModule .appbox h2 a:hover,.Topapps .topModule .appbox .downLink a:hover,.Topapps .bottomModule .app a:hover,.Topapps .blank_t a:hover{color:#000;}
.Topapps .topModule .appbox .downLink a{ color: #111;}
.Topapps .topModule .appbox .downLink span{ margin: 0 5px;}
.Topapps .er_img{ display: inline-block; background: url(../images/er_code_img.png) no-repeat; height: 15px; width: 15px; position: absolute; top: 17px; right: 20px; vertical-align: top;}
.Topapps .qr_pop{ background: #fff; border: 1px solid #d4d4d4; height: 78px; width: 78px; position: absolute;}
.Topapps .qr_pop i,.Topapps .qr_pop em{ display:inline-block; border-style:solid; font-size:0; height:0; width:0; border-color:transparent #d4d4d4 transparent transparent; position:absolute; top:10%; _line-height:0;}
.Topapps .qr_pop i{ border-width:10px; margin-top:-10px; left:-20px;}
.Topapps .qr_pop em{ border-width:8px; border-color:transparent #fff  transparent transparent; margin-top:-8px; left:-6px;  z-index:3;}


.Topapps .bottomModule{ height: 80px;}
.Topapps .bottomModule .app{ display: inline; float: left; margin:10px 10px 0 14px; color: #010101; height: 88px; width:86px; text-align: center; font-size: 14px; font-weight:bold;}
.Topapps .bottomModule .app .name{ height: 30px; color:#111; line-height: 30px; width: 86px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/

.Topapps {
    background-color: #f4f4f4;
    float: left;
    height: 236px;
    width: 338px;
    vertical-align: top;
}

    .Topapps .topModule {
        padding: 10px 0;
        height: 58px;
        background: #e2f2fe;
    }

    .Topapps .bg {
        background-color: #fafafa;
    }

    .Topapps .topModule .appbox {
        padding-left: 90px;
        height: 46px;
    }

        .Topapps .topModule .appbox .appimg {
            height: 46px;
            width: 46px;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: -60px;
        }

        .Topapps .topModule .appbox .downLink {
            color: #757575;
            height: 20px;
            line-height: 20px;
        }

        .Topapps .topModule .appbox h2 {
            color: #111;
            margin-bottom: 5px;
            font-size: 14px;
        }

            .Topapps .topModule .appbox h2 a {
                color: #111;
            }

                .Topapps .topModule .appbox h2 a:hover, .Topapps .topModule .appbox .downLink a:hover, .Topapps .bottomModule .app a:hover, .Topapps .blank_t a:hover {
                    color: #000;
                }

        .Topapps .topModule .appbox .downLink a {
            color: #111;
        }

        .Topapps .topModule .appbox .downLink span {
            margin: 0 5px;
        }

    .Topapps .er_img {
        display: inline-block;
        background: url(../images/er_code_img.png) no-repeat;
        height: 15px;
        width: 15px;
        position: absolute;
        top: 17px;
        right: 20px;
        vertical-align: top;
    }

    .Topapps .qr_pop {
        background: #fff;
        border: 1px solid #d4d4d4;
        height: 78px;
        width: 78px;
        position: absolute;
    }

        .Topapps .qr_pop i, .Topapps .qr_pop em {
            display: inline-block;
            border-style: solid;
            font-size: 0;
            height: 0;
            width: 0;
            border-color: transparent #d4d4d4 transparent transparent;
            position: absolute;
            top: 10%;
            _line-height: 0;
        }

        .Topapps .qr_pop i {
            border-width: 10px;
            margin-top: -10px;
            left: -20px;
        }

        .Topapps .qr_pop em {
            border-width: 8px;
            border-color: transparent #fff transparent transparent;
            margin-top: -8px;
            left: -6px;
            z-index: 3;
        }


    .Topapps .bottomModule {
        height: 80px;
    }

        .Topapps .bottomModule .app {
            display: inline;
            float: left;
            margin: 10px 10px 0 14px;
            color: #010101;
            height: 68px;
            width: 86px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }

            .Topapps .bottomModule .app .name {
                height: 28px;
                color: #111;
                line-height: 28px;
                width: 86px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }




.center_left{ width:840px; height:362px; float:left; border:1px solid #e2e2e2; border-top:2px solid #5b77c5;background:#fff;}
.center_right{ width:338px; height:362px; float:right; border:1px solid #e2e2e2; border-top:2px solid #5b77c5; background:#fff;}

.title{ width:90%; padding:0 5%; height:50px; line-height:50px; border-bottom:1px solid #e2e2e2; background:#f8f8f8;}
.title h2{ width:50%; float:left}
.title h2 a{ font-size:18px; color:#4a69bf; font-weight:normal;}
.title h2 a:hover{ color:#304ea0;}
.title span a{ float:right; color:#4a69bf; font-size:16px;}
.title span a:hover{ color:#304ea0;}

/* 活动公告 css */
.sideMenu{ width:90%; margin:0 5%; padding-top:8px; }
.sideMenu h3{ height:48px; line-height:48px; padding-left:28px;  cursor:pointer; font:normal 16px/48px "Microsoft YaHei"; overflow:hidden;
}
.sideMenu h3 a{ color:#383838;}
.sideMenu h3 a:hover{ color:#000;}
.sideMenu ul{ padding:0px 0px 12px;  border-bottom:1px solid #f2f2f2; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul p{ text-indent:28px; font-size:14px; line-height:20px;}
.sideMenu ul p a{ color:#a8a8a8;}
.sideMenu ul p a:hover{ color:#a8a8a8;}
.sideMenu00{ background:url(../images/icon02.jpg) left center no-repeat; border-bottom:1px solid #f2f2f2; padding-left:12px !important; }
.sideMenu01{ background:url(../images/list01.jpg) left center no-repeat; border-bottom:1px solid #f2f2f2; }
.sideMenu02{ background:url(../images/list02.jpg) left center no-repeat; border-bottom:1px solid #f2f2f2;}
.sideMenu03{ background:url(../images/list03.jpg) left center no-repeat; border-bottom:1px solid #f2f2f2;}
.sideMenu04{ background:url(../images/list04.jpg) left center no-repeat; border-bottom:1px solid #f2f2f2;}
.sideMenu05{ background:url(../images/list05.jpg) left center no-repeat; }
.on{ border:none;}

/* .baodao{ width:90%; margin:0 5%; padding-top:5px; }
.baodao ul li{ height:46px; padding:8px 0 4px; width:100%; line-height:20px; border-bottom:1px solid #f2f2f2; background:url(../images/icon02.jpg) left 15px no-repeat;}
.baodao ul li a{ color:#333; padding-left:12px; font-size:15px;}
.baodao ul li a:hover{ color:#000;} */
/* focus css */
.focusBox { position: relative; width:430px; height:290px; float:left; padding:52px 0 0 20px;  }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:430px; height:290px; display: block; }
.focusBox .hd { width:100%; position: absolute; top: 24px; text-align:left; font-size:0; z-index:1; }
.focusBox .hd li{margin:0px; background: url(../images/dot.png) no-repeat 0 -12px; height: 12px; overflow: hidden; width: 12px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.focusBox .focustext{ position:absolute; background:#333; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;     height:36px; line-height:36px; color:#fff; width:94%; padding:0 3%; bottom:0; overflow:hidden;}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -30px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 20px; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }
	
.userhelp{ width:336px; float:right; margin:0 20px 0 0;}
.userhelp ul{ padding-top:14px;}
.userhelp ul li{ float:left; background:url(../images/icon02.jpg) left center no-repeat; height:32px; line-height:32px; padding-left:12px;  *height:20px; *line-height:20px; width:156px;}	
.userhelp ul li a{ font-size:16px; color:#a58ed0;}
.userhelp ul li a:hover{color:#304ea0;}
.userhelp_img{ width:336px; height:72px; padding-top:12px; clear:both}


/* switchload 图片延迟加载插件css */
.switchLoad{ width:1198px; border:1px solid #e2e2e2; text-align:left; background:#fff;   }
.switchLoad .hd{ height:50px; line-height:50px; background:#f8f8f8; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.switchLoad .hd ul{ float:left; position:absolute; left:30px; top:0px; height:48px;   }
.switchLoad .hd ul h2{ float:left; color:#4a69bf; font-size:18px; border-bottom:2px solid #4a69bf; width:100px; text-align:center; font-weight:normal; margin-right:20px;}
.switchLoad .hd ul li{ float:left; padding:0 10px; margin:16px 0px 0 10px; height:22px; line-height:22px; width:auto; background:#95c6ea; color:#fff; display:block; border-radius:12px; cursor:pointer;  }
.switchLoad .hd ul li.on{height:22px; line-height:22px; background:#26cb6f;}
.switchLoad .bd { padding-bottom:10px;}
.switchLoad .bd ul{ padding:30px 20px 16px 30px; zoom:1; position:relative;  }
.switchLoad .bd li{ width:114px; margin: 0 14px 10px 14px; float:left; display:inline; text-align:center;  }
.switchLoad .bd li img{ width:114px; height:160px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.switchLoad .bd li h6{ font-size:12px; font-style:normal; font-weight:normal; padding-top:5px;  }
.switchLoad .bd li p{ color:#666;  }

.switchLoad02 .bd { padding-bottom:10px;}
.switchLoad02 .bd ul{ padding:30px 0px 16px 24px; zoom:1; position:relative;  }
.switchLoad02 .bd li{ width:114px; margin: 0 9px 10px 9px; float:left; display:inline; text-align:center;  }
.switchLoad02 .bd li img{ width:114px; height:160px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.switchLoad02 .bd li h6{ font-size:12px; font-style:normal; font-weight:normal; padding-top:5px;  }
.switchLoad02 .bd li p{ color:#666;  }
.bd_more{ position:absolute; right:20px; top:-36px;}
.bd_more a{color:#4a69bf; font-size:16px; cursor:pointer;}

/* 电子资源 tab css */
.switchLoad02{ width:1198px; border:1px solid #e2e2e2; text-align:left; background:#fff;   }
.switchLoad02 .hd02{ height:50px; line-height:50px; background:#f8f8f8; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.switchLoad02 .hd02 .more{ float:right;}
.switchLoad02 .hd02 .more a{ color:#4a69bf; font-size:16px; cursor:pointer;}
.switchLoad02 .hd02 ul{ float:left; position:absolute; left:30px; top:0px; height:48px;   }
.switchLoad02 .hd02 ul li{ float:left; padding:0 10px; margin:0px 16px 0 0px; height:50px; line-height:50px; width:auto;  cursor:pointer; font-size:18px;  }
.switchLoad02 .hd02 ul li.on{ height:48px; line-height:48px; border-bottom:2px solid #4a69bf; color:#4a69bf;}
.switchLoad02 .bd02 { padding-bottom:0px;}
.switchLoad02 .bd02 ul{ padding:30px 20px 12px 30px; zoom:1; position:relative;  }
.switchLoad02 .bd02 li{ width:114px; margin: 0 14px 10px 14px; float:left; display:inline; text-align:center;  }
.switchLoad02 .bd02 li img{ width:114px; height:160px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.switchLoad02 .bd02 li h6{ font-size:12px; font-style:normal; font-weight:normal; padding-top:5px;  }
.switchLoad02 .bd02 li p{ color:#666;  }
/* 电子资源滚动css */
.scrollBox{ width:1140px; padding:0px; border:0px solid #333; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{ position:relative;width:1140px;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:120px;background:#fff;border:1px solid #e2e2e2;margin:0 10px;padding:0px; height:120px;}
.scrollBox .piclist li img{ height:120px; width:120px;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .pageBtn{ height:40px; line-height:40px;}
.scrollBox .pageBtn .list02{height:10px; padding-top:20px; overflow:hidden;zoom:1;margin:0px 0 0 520px; }
.scrollBox .pageBtn .list02 li{ background:url(../images/icon09.png) center center no-repeat; float:left; display:inline; width:10px;height:10px; cursor:pointer; margin:0px 5px 0 0;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list02 li.on{background:url(../images/icon08.png) center center no-repeat; }

/* 中外文新书tab */
.switchLoad03{ width:1198px; border:1px solid #e2e2e2; text-align:left; background:#fff;   }
.switchLoad03 .hd03{ height:50px; line-height:50px; background:#f8f8f8; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.switchLoad03 .hd03 .more{ float:right;}
.switchLoad03 .hd03 .more a{ color:#4a69bf; font-size:16px; cursor:pointer;}
.switchLoad03 .hd03 ul{ float:left; position:absolute; left:30px; top:0px; height:48px;   }
.switchLoad03 .hd03 ul li{ float:left; padding:0 10px; margin:0px 16px 0 0px; height:50px; line-height:50px; width:auto;  cursor:pointer; font-size:18px;  }
.switchLoad03 .hd03 ul li.on{ height:48px; line-height:48px; border-bottom:2px solid #4a69bf; color:#4a69bf;}
.switchLoad03 .bd03 { padding-bottom:10px;}
.switchLoad03 .bd03 ul{ padding:35px 0px 16px 24px; zoom:1; position:relative;  }
.switchLoad03 .bd03 li{ width:132px; height:210px; overflow:hidden; display:block; margin: 0 0px 10px 0px; float:left; display:inline; text-align:center;  }
/* edit by niamo */
.switchLoad03 .bd03 li img{ width:122px; max-height:150px; display:block; background:url(../images/loading.gif) center center no-repeat; border:1px solid #ddd}
.switchLoad03 .bd03 li h6{ font-size:12px; line-height:26px; font-style:normal; font-weight:normal; padding-top:5px;  }
.switchLoad03 .bd03 li p{ color:#666;  }


	
.typelist{ width:840px; height:236px;}	
.typelist ul li{ width:270px; height:236px; float:left;}
.typelist ul li h3{ width:240px; padding:0 15px; height:46px; background:#5e83e9; color:#fff; font-size:18px; line-height:46px; font-weight:normal;}
.typelist ul li h3 span{ float:right;}
.typelist ul li h3 span a{ color:#fff; font-size:16px;}
.shipin{ width:270px; height:190px; background:#000; overflow:hidden}

.zhuanti{width:270px;height:190px;position:relative;overflow:hidden;cursor:pointer;}
.zhuanti a{ color:#fff;}
.zhuanti .imgtxt{width:270px;height:42px; background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.zhuanti .imgtxt h4{font-size:16px;font-weight:100;height:42px; padding:0 15px; line-height:40px;}
.zhuanti .imgtxt p{font-size:14px;text-align:left; padding:0 15px;}

/* index AD css */
.adBox { position: relative; width:840px; margin-top:20px; height:100px; overflow: hidden; }
.adBox .adpic li{width:840px; height:100px;}
.adBox .adpic img { width:840px; height:100px; display: block; }
.adBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.adBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:18px; height:4px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.adBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.tuijie{ width:86%; margin:0 7%; padding-top:10px; }
.tuijie ul li{ height:23px; padding:0; width:100%; line-height:23px; background:url(../images/icon10.png) left center no-repeat;}
.tuijie ul li a{ color:#333; padding-left:20px; font-size:14px;}
.tuijie ul li a:hover{ color:#000;}

/*图片翻转*/
.kjdh{ width:1200px; height:226px; padding-bottom:20px; text-align:center; *padding-bottom:0; overflow:hidden; }
.brand{ height:122px; padding:60px 0 0px 25px; height:auto;  text-align:center; overflow:hidden;}
.brand a{
	display: block;
	float: left;
	margin:0px 5px 0px;
	width: 220px;
	height: 122px;
	text-align: center;
	position: relative;
	overflow:hidden;
}
.brand img{
	width: 220px;
	height: 122px;
}
.brand .info{
	display: none;
	height:122px;
	width:220px;
	text-align:left;
	background-color: #5fafeb;
	color: #fff;
}
.brand .info p{ padding:20px 15px 0;}
.vertical .info{
	width: 0;
	height: 240px;
	margin: 0 auto;
}
/* 底部浮窗css */
.index_pop{ width:100%; height:auto; background:#4a69bf;  position:fixed; bottom:0; }
.inpop_close{ position:absolute; height:24px; width:40px; line-height:30px; right:0; top:8px; cursor:pointer; opacity:0.6;}
.inpop_close:hover{opacity:1;}
.index_popc{ width:1200px; height:auto; line-height:40px; margin:0 auto;}
.BreakingNewsController {
    width: 100%;
    overflow: hidden;
    background:#4a69bf !important;
    height: auto;
    position: relative;
}
    .BreakingNewsController .bn-title {
        display: inline-block;
        float: left;
        padding: 0px 20px;
        line-height: 40px;
        background: #2c4ca2 !important;
        color: #FFF;
    }
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px;}
.BreakingNewsController ul li{list-style:none; padding:0px 20px; color:#fff;  height:40px; line-height:40px; overflow:hidden;}
.BreakingNewsController ul li a{text-decoration:none; color:#fff; height:auto; line-height:40px; padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.5;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

/* 图省事弹框2023.8.8 */
.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 1001;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.Dialog_content {
    display: none;
    position: absolute;
    top: 30%;
    left: 40%;
    width:480px;
    height: 258px;
    padding: 0px;
    border-radius: 8px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align:center;
}