/*
上海海事大学图书馆网站样式表(蓝色系）
创建日期：2019-04-26
最后修改：2023-11-21
*/

/*** 全站通用定义 ***/
html, body, h1, p, a, img, div, table, tbody{border:0px;padding:0px;vertical-align:baseline;}
html{font-size:100%;margin:0px;}
body{font-size:14px;font-family:微软雅黑,宋体;line-height:24px;margin:0px;background:#fff;color:#202020;background-color:#ffffff;}
img{margin:0;padding:0;}
p{font-size:100%;text-indent:20px;margin:0px 0px 15px;}
ul, li{list-style:none;}
a{font-size:100%;margin:0px;color:#009;text-decoration:underline;} 
a:unknown{color:#000;}
a:hover {color:#000;}
a.white{color:#fff;}
table{font-size:100%;border-collapse:collapse;margin:0px;}
tbody{font-size:100%;margin:0px;}	


/*** 自定义样式表 ***/
.button{padding:0 20px;border-top:0px;border-right:#333333 1px solid;border-bottom:#333333 1px solid;border-left:0px;background-color:#e8ebf5;font-size:14px;text-align:center;line-height:28px;height:28px;}
.button2{box-sizing:content-box;padding:0px 0px;border-top:0px;border-right:#333333 1px solid;border-bottom:#333333 1px solid;border-left:0px;background-color:#e8ebf5;font-size:16px;font-weight:bold;text-align:center;height:36px;}
.input{border:1px solid #8fa6bc;height:28px;line-height:28px;font-size:14px;}
.textarea{border:1px solid #8fa6bc;line-height:28px;}
.select{border:1px solid #8fa6bc;height:28px;line-height:28px;}	
.rand{cursor:pointer;}

	
/*** 网页头部定义 ***/
.header{background:#043771;padding:0;margin:0;width:100%;min-width:1200px;height:100px;line-height:120px;text-align:center;color:#ffffff;}
.header-div{width:1200px;height:100px;margin:0 auto;}
.header-logo{float:left;width:30%;line-height:100px;text-align:center;}
.header-logo img{margin-top:25px;}
.header-title{float:left;width:65%;line-height:100px;text-align:center;color:#ffffff;font-size:36px;font-weight:bold;}
.header_divider{font-size:0px;background:#d3d5ca;width:100%;min-width:1200px;height:6px;border-top:white 1px solid;}


/*** 网页底部定义 ***/
.footer{clear:both;width:100%;min-width:1200px;height:180px;background-color:#043771;color:#ffffff;text-align:left;}
.footer a{color:#ffffff;text-decoration:underline;margin-right:12px;}
.footer a:hover{color:#ff7f00;text-decoration:underline;}
.footer h2{font-size:20px;font-weight:normal;}
.footer p{text-indent:0px;font-size:13px;}
.footer-div{width:1200px;margin:0 auto;}
.footer-left{float:left;width:24%;height:180px;overflow:hidden;}
.footer-mid{float:left;width:36%;height:180px;overflow:hidden;}
.footer-right{float:right;width:39%;height:180px;background:url(../images/logo.png) right center no-repeat;overflow:hidden;}
.footer-img{float:left;width:33%;text-align:center;}
.footer-img img{width:70%;margin:5% 15%;}


/*** 首页中部切换图 ***/
.flexslider{position:relative;width:1200px;height:375px;overflow: hidden;margin:10px auto;padding:0;}
.slides{position:relative;z-index:100;margin:0;padding:0;}
.slides li{width:100%;height:100%;z-index:101;margin:0;padding:0;}
.slides li img{width:100%;}
.flex-control-nav{position: absolute;bottom: 10px;right:10px;z-index:102;width:40%;text-align:center;}
.flex-control-nav li{z-index:103;display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;z-index:104;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor: pointer;}
.flex-control-nav .flex-active{background-position:0 0;}


/*** 切换选项卡 ***/
#xkfwsbox{width:1200px;margin:0 auto;padding:0;background-color:#ffffff;}
#xkfwstabs{width:100%;background-color:#aab7df;border-bottom:1px solid #000e20;padding-top:20px;margin:0 auto;}
#xkfwstabs ul{padding:0;margin:0;text-align:center;}
#xkfwstabs li{width:11%;height:100px;display:inline-block;font-size:20px;line-height:30px;font-weight:bold;border-top:1px solid #aab7df;border-right:1px solid #aab7df;border-bottom:0;border-left:1px solid #aab7df;text-align:center;margin:0 0 -1px 0;padding:0;cursor:pointer;zoom:1;*display:inline;}
#xkfwstabs li.active{background-color:#ffffff;border-top:1px solid #3A5474;border-right:1px solid #3A5474;border-bottom:1px solid #ffffff;border-left:1px solid #3A5474;}
#xkfwstabs li:hover{background-color:#FFFFCC;border-top:1px solid #3A5474;border-right:1px solid #3A5474;border-bottom:1px solid #ffffff;border-left:1px solid #3A5474;}
#xkfwstabs li img{margin:5% 30% 0 30%;width:40%;}
#xkfwsbody{width:1200px;margin:0 auto;background-color:#ffffff;border-bottom:1px solid #3A5474;}
#xkfwsbody p{text-indent:32px;line-height:28px;}
#xkfwsbody hr{border-top:1px dashed #cccccc;}
#xkfwsbody div{padding:5px;}
#xkfwsbody img.showbig:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}
.xkfwtable{width:98%;margin:1%;font-size:16px;}
.xkfwtable td{border:1px dashed #cccccc;margin:0px;padding:5px;vertical-align:top;}
.xkfwtable th{background-color:#E9EEF4;border:1px dashed #cccccc;margin:0px;padding:10px;vertical-align:top;}
.xkfwtable li{text-indent:0px;list-style:disc;line-height:32px;}
.xkfwtable .tb-email{} /*表格邮箱列定义*/

/*** 主办刊物及网站推介 ***/
.xkfwsdiv{clear:both;margin:20px auto;width:1200px;}
.xkfwsdiv div{float:left;margin:0;width:100%;background-color:#e3e3e3;text-align:center;}
.xkfwsdiv div h2{clear:both;text-align:center;}
.xkfwsdiv div h2 a{display:inline-block;text-align:center;color:#666666;font-size:24px;font-weight:bold;height:40px;line-height:40px;text-decoration:none;}
.xkfwsdiv div h2 a:hover{color:#800000;text-decoration:underline;}
.xkfwsdiv ul{margin:0 auto;padding:0;}
.xkfwsdiv ul li{margin:1% 2%;padding:0;text-indent:0;float:left;width:15%;text-align:center;display:block;}
.xkfwsdiv ul li a{color:#666666;font-size:14px;line-height:30px;text-decoration:none;}
.xkfwsdiv ul li a:hover{color:#800000;text-decoration:underline;}
.xkfwsdiv ul li a img{width:96%;height:auto;border-top:1px solid #ccc;border-right:3px solid #999;border-bottom:3px solid #999;border-left:1px solid #ccc;}
.xkfwsdiv ul li a img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}


@media (min-width:1001px) and (max-width:1200px) {
	.header{min-width:100%;}
	.header-div{width:100%;}
	.header-title{font-size:32px;}
	.header_divider{min-width:100%;}
	.footer{min-width:100%}
	.footer-div{width:100%}
	.flexslider{width:98%;height:auto;}
	#xkfwsbox{width:100%;}
	#xkfwsbody{width:100%;}
	.xkfwsdiv{width:100%;}
}
@media (min-width:768px) and (max-width:1000px) {
	.header{min-width:100%;height:120px;}
	.header-div{width:100%;}
	.header-title{width:100%;line-height:36px;font-size:24px;}
	.header-logo{width:100%;}
	.header-logo img{width:320px;margin:15px auto;}
	.header_divider{min-width:100%;}
	.footer{min-width:100%}
	.footer-div{width:100%}
	.footer-left{width:49%;text-align:center;}
	.footer-mid{width:50%;}
	.footer-right{display:none;}
	.flexslider{width:98%;height:auto;}
	#xkfwsbox{width:100%;}
	#xkfwstabs li{height:80px;font-size:16px;}
	#xkfwsbody{width:100%;}
	.xkfwsdiv{width:100%;}
}
@media (max-width:767px) {
	.header{min-width:100%;height:120px;}
	.header-div{width:100%;}
	.header-title{width:100%;line-height:36px;font-size:24px;}
	.header-logo{width:100%;}
	.header-logo img{width:320px;margin:15px auto;}
	.header_divider{min-width:100%;}
	.footer{min-width:100%}
	.footer-div{width:100%}
	.footer-left{width:49%;text-align:center;}
	.footer-mid{width:50%;}
	.footer-right{display:none;}
	.footer p{text-align:center;font-size:16px;line-height:18px;}
	.footer p a{font-size:12px;}
	.flexslider{width:96%;height:auto;}
	#xkfwsbox{width:100%;}
	#xkfwstabs{padding-top:5px;padding-bottom:5px;}
	#xkfwstabs li{margin:0;width:23%;height:80px;font-size:16px;border-bottom:1px solid #aab7df;}
	#xkfwstabs li.active{border-bottom:1px solid #3A5474;}
	#xkfwstabs li:hover{border-bottom:1px solid #3A5474;}
	#xkfwstabs li img{margin:3% 35% 0 35%;width:30%;}
	#xkfwsbody{width:100%;}
	.xkfwsdiv{width:100%;}
	.xkfwsdiv div{width:100%;}
	.xkfwtable .tb-email{display:none;}
}
@media (max-width:480px) {
	.smucbox li{height:120px;margin:3% 0 0 3%;}
	.smucbox img{height:110px;}
	.footer-left{width:60%;}
	.footer-mid{width:38%;}
	.footer-right{display:none;}
	.footer-img{margin-left:5%;width:90%;display:none;}
	.footer-img:first-child{display:block;}
	#xkfwstabs li{margin:0;width:48%;}
	#xkfwstabs li img{margin:3% 40% 0 40%;width:20%;}
}