/* 公共属性 */
:root{
	--theme: #00a0e9;  /* 主题 */
	--footerBg: #115187;  /* 主题 */
	--cWidth: 1590px;  /* 中间页宽度 */
	--outColor: #f3f3f3; /* 留白颜色 */
	--bgColor: #fff; /* 背景颜色 */
	--color: #fff; /* 颜色 */
	--navSize: 16px; /* nav字体大小 */
	--fontSize: 16px; /* 正文字体大小 */
	--hrefSize: 14px; /* 链接字体大小 */
	--titleSize: 20px; /* 标题字体大小 */
	--titleColor: #333333; /* 标题颜色 */
	--fontFamily: '微软雅黑'; /* 内容页字体 */
}
*{padding: 0;margin: 0;box-sizing: border-box;}
p{margin: 0;}
input,button,textarea{outline: none;resize: none;border: 0;background: none;}
li{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none !important;color: inherit !important;display: inline-block;}
table {border-collapse: collapse;table-layout: fixed;}
html,body{min-height: 100%;background-color: #f3f3f3;background-color: var(--outColor);}
body{min-width: 1300px;}

.layui-laypage.layui-box a:hover{color: #00a0e9;color: var(--theme);}

/* 溢出隐藏 */
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 中间部分 */
.center{width: 1590px;margin: 0 auto;}
@media screen and (max-width: 1600px) {
	.center{width: 1390px;}
}
@media screen and (max-width: 1400px) {
	.center{width: 1200px;}
}
/* 标题样式 */
.cTitle{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #cccccc;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	align-items: center;
}
.cTitle>img{
	height: 21px;
	margin-right: 8px;
}
.cTitle>span{
	display: inline-block;
	height: 100%;
	line-height: 40px;
	color: #333;
	color: var(--titleColor);
	font-size: 18px;
	font-weight: bold;
}
.cTitle>.moreInfo{
	color: #00a0e9;
	font-size: 14px;
	font-size: var(--hrefSize);
	cursor: pointer;
	user-select: none;
}
.btn-item{
	/* width: 67px; */
	height: 32px;
	line-height: 32px;
	color: #333;
	cursor: pointer;
	font-size: 14px;
	font-size: var(--hrefSize);
	padding: 0 15px;
	border-radius: 5px;
	letter-spacing: 1px;
	background-color: #fff;
	border:1px solid #ccc;
}
.btn-item:hover{background-color: #00a0e9;background-color: var(--theme);color: #fff;border:0}

/* Header头部 START */
.header{
	width: 100%;
	/*height: 184px;*/
	background-color: #fff;
	background-color: var(--bgColor);
}
.header .center{height: 100%;}
.header .head-top{
	width: 100%;
	height: auto;
	padding: 36px 0 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.head-top .logo{height: 95px;}
.head-top .right-head{flex: 1;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-end}
.head-top .right-head .form-head{display: flex;flex-wrap: wrap;align-items: center;}
.head-top .right-head .status{display: flex;flex-wrap: wrap;align-items: center;}
.head-top .right-head .separator{display: inline-block;margin: 0 10px;width: 1px;height: 18px;background-color: #808080;}
.head-top .right-head span:not(.separator){
	line-height: 1;
	color: #333;
	font-size: 16px;
	font-size: var(--fontSize);
	cursor: pointer;
}
.head-top .right-head span.active{color: #00a0e9;color: var(--theme);}
.head-top .right-head .search-box{
	width: 328px;
	height: 40px;
	margin-left: 40px;
	margin-right: 28px;
	background-color: #f7f7f7;
	padding-left: 26px;
	
	border-radius: 5px;
}
.head-top .right-head .search-box>input{width: 100%;height: 100%;font-size: 16px;font-size: var(--navSize);}
.head-top .right-head button{
	width: 67px;
	height: 40px;
	line-height: 40px;
	background-color: #00a0e9;
	background-color: var(--theme);
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	font-size: 16px;
	font-size: var(--navSize);
	letter-spacing: 2px;
}


.header .nav-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	/*height: 74px;*/
	padding-top: 15px;
}
.nav-list .nav-item{
	width: auto;
	height: 37px;
	line-height: 37px;
	border-radius: 23px;
	font-size: 20px;
	font-size: var(--titleSize);
	cursor: pointer;
	text-align: center;
	padding: 0 10px;
}
.nav-list .nav-item a{width: 100%;height: 100%;}
.nav-list .nav-item+.nav-item{margin-left: 22px;}
.nav-list .nav-item.active{
	background: #00a0e9;
	background: var(--theme);
	color: #fff;
}
/* Header头部 END */

/* Footer尾部 START */
.footer{
	width: 100%;
	height: 128px;
	background-color: #115187;
	background-color: var(--footerBg);
}
.footer.unIndex{background-color: #00a0e9;background-color: var(--theme);}
.footer .center{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.footer .center>div{
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	font-size: var(--hrefSize);
	user-select: none;
	align-items: center;
}
.footer .center>div+div{
	margin-top: 10px;
}
.footer .center>div>span+span{
	margin-left: 16px;
}
.footer .center>div img{margin-left: 16px;margin-right: 7px;}
/* Footer尾部 END */

.pro-center{
	width: 100%;
	height: auto;
	padding: 28px 0;
}
.pro-center .center{
	display: flex;
	flex-wrap: wrap;
}
.pro-center .center .right-cont{
	flex: 1;
	width: calc(100% - 284px);
	height: auto;
}
.pro-center .center .right-cont>div{
	width: 100%;
}
/* Left左侧 START */
.pro-center .center .left-menu{
	width: 256px;
	min-height: 937px;
	margin-right: 28px;
	background-color: #fff;
	background-color: var(--bgColor);
	padding: 24px 0;
}
.left-menu .left-list{
	width: 100%;
	height: 100%;
	padding: 0 12px;
	overflow: hidden auto;
}
.left-menu .left-list dd{
	width: 100%;
	height: 54px;
	border-radius: 5px;
	color: #333333;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 52px;
	font-size: 16px;
	font-size: var(--navSize);
	user-select: none;
}
/*.left-menu .left-list dd:before{*/
/*	content: "";*/
/*	display: inline-block;*/
/*	width: 6px;*/
/*	height: 6px;*/
/*	border-radius: 50%;*/
/*	margin-right: 18px;*/
/*	background: #00a0e9;*/
/*	background: var(--theme);*/
/*}*/
.left-menu .left-list dd.active{
	color: #fff;
	background-color: #00a0e9;
	background-color: var(--theme);
}
.left-menu .left-list dd.active:before{
	background: #fff;
}
.left-menu .left-list dd+dd{margin-top: 12px;}
/* Left左侧 END */

/* Bottom底部 START */
.pro-center .center .bottom-href{
	width: 100%;
	height: 100px;
	margin-top: 22px;
	background-color: #fff;
	background-color: var(--bgColor);
	padding: 0 32px;
}
.bottom-href .href-list{margin-top: 25px;line-height: 1;display: flex;flex-wrap: wrap;align-items: center;}
.bottom-href .href-list li{line-height: 1;padding-right: 27px;}
.bottom-href .href-list li>span{cursor: pointer;color: #6e6e6e;font-size: 14px;font-size: var(--hrefSize);user-select: none;}
.bottom-href .href-list li>span:hover,.bottom-href .href-list li.active span{color: #00a0e9;color: var(--theme);}
.bottom-href .href-list li+li{padding-left: 28px;border-left: 1px solid #808080;}
/* Bottom底部 END */