*,html, body, h1, h2, h3, h4, h5, h6, ul, li, img, p, div, input, textarea, select, dl, dt, dd, ol { padding: 0; margin: 0; font-style: normal; font-family: -apple-system,BlinkMacSystemFont,OPPO Sans,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,Helvetica Neue,sans-serif;}

body, html {display: block; width: 100%; height: 100%; background: #FFF; -webkit-text-size-adjust:none;}
a, a:hover, input, input:hover, select, select:hover, textarea:hover {
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
a:hover{color: #0B9FE8;}
li { list-style: none;}
img { border: none; display: block;}
button, input { border: none; outline: none; background-color: transparent; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	box-shadow:0 0 0 0px #FFF inset;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #333;
	background:transparent;
}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; outline: none; }
article, aside, details, figcaption, figure,dialog, footer, header, hgroup, menu, nav, section {display: block;}
.video embed, .video object,.video iframe{width: 100%; height:auto;}
.wrap {width:1200px; margin: 0 auto;}
.fl { float: left; }
.fr { float: right; }
.none { display:none; }
.clear { display: block; clear: both;}
.clearfix:after {font-size: 0px; content: ""; display: block; clear: both; height: 0; zoom: 1;}

.topLabel{
	width:100%;
	display:block;
	background:#FFF;
}
.topLabel .p{
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #444;
}
.timeTxt{
	float: right;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #444;
}
.topBanner{
	width: 100%;
	min-height: 300px;
	display: block;
	background:#0B9FE8 url(../images/banner.jpg) no-repeat center bottom;
	background-size: 100% auto;
}
.nav .wrap{
	display: block;
	position: relative;
}
.nav{
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.45);
}
.nav .logo{
	display: inline-block;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0;
}

.nav .logo a,.nav .logo img{
	display: block;
}
.nav .logo a{
	padding-top: 12px;
}
.nav .logo img{
	width: auto;
	height: 55px;
}
.nav .loginBox{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0;
}
.nav .navMain{
	width:58%;
	display: block;
	float: right;
	text-align: center;
}
.nav .navMain .navUL{
	float: left;
}
.nav .navMain .navUL li{
	display: inline-block;
	position: relative;
}
.nav .navMain .navUL li .link{
	display: block;
	padding: 0 20px;
	line-height: 80px;
	font-size: 16px;
	color: #FFF;
}
.nav .navMain .navUL li .link i{
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #FFF;
}

.nav .navMain .navUL li .link:hover{
	background: rgba(255,255,255,0.15);
}
.nav .navMain .navUL li.on .link{
	background: #FF6600;
    background-image: -webkit-linear-gradient(top, #FF6600, #FCB788);
    background-image: -moz-linear-gradient(top, #FF6600, #FCB788);
    background-image: -ms-linear-gradient(top, #FF6600, #FCB788);
    background-image: -o-linear-gradient(top, #FF6600, #FCB788);
    background-image: linear-gradient(to bottom, #FF6600, #FCB788);
}
.menu-cont{
	width: 130%;
	position:absolute;
	top:80px;
	left:0px;
	display:none;
	background: rgba(255,255,255,0.55);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	box-sizing: content-box;
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.menu-cont:before{
	position: absolute;
	z-index: 0;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	display: block;
	content:"";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom: 6px solid rgba(255,255,255,0.55);
}
.menu-cont dd{
	display: block;
}
.menu-cont dd:first-child a{
	-webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.menu-cont dd:last-of-type a{
	-webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.menu-cont dd a{
	display: block;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #222;
}
.menu-cont dd a:hover{
	background: #FF6600;
	color: #FFF;
}
.nav .navMain .loginBox{
	float: right;
	padding-top: 20px;
}
.nav .navMain .loginBox .search{
	width: 190px;
	display: inline-block;
	margin-left: 20px;
	height: 40px;
	padding: 0 10px;
	background: #FFF;
	overflow: hidden;
	position: relative;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}
.nav .navMain .loginBox .search .ico{
	width: 16px;
	height: 16px;
	display:block;
	position: absolute;
	z-index: 0;
	right: 10px;
	top: 12px;
}
.nav .navMain .loginBox .search .searchTxt{
	display:block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #0B9FE8;
	position: absolute;
	z-index: 0;
	left: 10px;
	top: 0;
}
.nav .navMain .loginBox .search .searchBut{
	display:block;
	width: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #0B9FE8;
	cursor: pointer;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
}
.nav .navMain .loginBox .loginLink{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 16px;
	color: #0B9FE8;
	background: #FFF;
	overflow: hidden;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}
.topBannerTxt{
	width: 96%;
	max-width: 800px;
	padding: 50px 0;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.topBannerTxt .item{
	display: inline-block;
	width: 33.3%;
	float: left;
	text-align: center;
}
.topBannerTxt .item h4{
	display: block;
	line-height:150%;
	font-size: 45px;
	color: #FFF;
	text-align: center;
}
.topBannerTxt .item p{
	display: block;
	line-height:130%;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	color: rgba(255,255,255,0.55);
}

.contentBox{
	display: block;
	padding: 25px 0;
}
.contentBox .annL,.contentBox .annR{
	width: 49%;
}
.contentBox .annL .item{
	height: 440px;
}
.contentBox .annR .item{
	height: 284px;
}
.contentBox .item{
	display: block;
	margin-bottom: 25px;
	border: 1px solid #F5F5F5;
	background: #FFF;
	overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px rgba(100,100,100,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(100,100,100,0.1);
	-ms-box-shadow: 0px 0px 15px rgba(100,100,100,0.1);
	-o-box-shadow: 0px 0px 15px rgba(100,100,100,0.1);
	box-shadow: 0px 0px 15px rgba(100,100,100,0.1);
}
.contentBox .item .itemPadding{
	padding:20px;
}
.contentBox .item .itemPadding2{
	padding:2px;
}
.contentBox .itemTit{
	display: block;
	height: 35px;
}
.contentBox .itemTit h4{
	display: block;
	line-height:24px;
	font-size: 24px;
	text-align: left;
	color: #222;
}
.contentBox .itemTit h4 .ico{
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	font-size: 0px;
}
.contentBox .itemTit a{
	float: right;
	line-height:24px;
	font-size: 14px;
	text-align: right;
	color: #FF6600;
}

.contentBox .itemTit2{
	display: block;
	height: 35px;
}
.contentBox .itemTit2 h4{
	display: block;
	line-height:24px;
	font-size: 24px;
	text-align: left;
	color: #222;
}
.contentBox .itemTit2 h4 .ico{
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	font-size: 0px;
}

.contentBox .item .newsList{
	border-top: 1px solid #EEE;
}
.contentBox .item .newsList li{
	display: block;
	font-size: 0;
}
.contentBox .item .newsList li a{
	display: block;
	line-height:45px;
	font-size: 16px;
	text-align: left;
	color: #333;
	max-width: 80%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contentBox .item .newsList li a:hover{
	color: #0B9FE8;
}
.contentBox .item .newsList li a:before{
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	font-size: 0;
	background: #0B9FE8;
	vertical-align: middle;
	margin-right: 5px;
	overflow: hidden;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}
.contentBox .item .newsList li span{
	float: right;
	display: block;
	line-height:45px;
	font-size: 13px;
	text-align: left;
	color: #CCC;
}

.contentBox .announcement{
	display: block;
}
.contentBox .announcement dt{
	display: block;
	width: 100%;
	min-height: 90px;
	margin-bottom: 20px;
	background: #F5F5F5;
	border-left: 2px solid #0B9FE8;
}
.contentBox .announcement dd{
	display: block;
	width: 49%;
	min-height: 90px;
	background: #F5F5F5;
	border-left: 2px solid #0B9FE8;
}
.contentBox .announcement dx{
	display: block;
	width: 100%;
	min-height: 30px;
	margin-bottom: 20px;
	background: #F5F5F5;
	border-left: 2px solid #0B9FE8;
}
.contentBox .announcement .box{
	padding: 15px;
}
.contentBox .announcement h4{
	display: block;
	line-height:30px;
	font-size: 16px;
	text-align: left;
	color: #333;
}
.contentBox .announcement h4 a{
	color: #333;
}
.contentBox .announcement h4 a:hover{
	color: #0B9FE8;
}
.contentBox .announcement p{
	display: block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #666;
}

.aboutBox{
	display: block;
	background: #F3F9FF;
	padding: 50px 0;
}
.aboutBox .titH4{
	display: block;
	position: relative;
}
.aboutBox .titH4 h4{
	position: relative;
	z-index: 1;
	display: block;
	font-size: 26px;
	text-align: left;
	color: #333;
}
.aboutBox .titH4 p{
	position: absolute;
	left: 0;
	bottom: 15px;
	display: block;
	font-size: 36px;
	text-align: left;
	color: #C4E7FA;
}
.aboutBox .aboutCon{
	position: relative;
}
.aboutBox .aboutCon dt{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.aboutBox .aboutCon dt img{
	display: block;
	width: 400px;
	height: 250px;
}
.aboutBox .aboutCon dd{
	display: block;
	padding-left: 450px;
}
.aboutBox .aboutCon dd h4{
	display: block;
	line-height:30px;
	font-size: 20px;
	text-align: left;
	color: #333;
}
.aboutBox .aboutCon dd p{
	display: block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #666;
	margin-top: 10px;
}
.aboutBox .aboutCon dd p .ico{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.footer{
	background:#0B9FE8;
	padding: 30px 0;
}
.footerTxt{
	display: block;
}
.footerTxt .item{
	width: 27%;
	float: left;
}
.footerTxt .item.itemCenter{
	width: 45%;
}
.footerTxt .item h4{
	display: block;
	line-height:30px;
	font-size: 16px;
	text-align: left;
	color: #FFF;
}
.footerTxt .item p{
	display: block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #FFF;
}
.footerTxt .item p a{
	display: inline-block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #FFF;
	color: rgba(255,255,255,0.6);
	margin-right: 10px;
}
.footerTxt .item p a:hover{
	color: #FFF;
}
.footerTxt .item p .ico{
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}

.topicobut {
	display: block;
    font-size: 13px;
    box-sizing: border-box;
    padding: 5px;
	width: 55px;
	height: 55px;
	text-align: center;
    cursor: pointer;
    position: fixed;
    background: rgba(255,255,255,0.9);
    color: #666;
	right: 20px;
	bottom:35px;
    z-index: 888;
	overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 10px 20px rgba(100,100,100,0.1);
    -moz-box-shadow: 0px 10px 20px rgba(100, 100, 100, 0.1);
    -ms-box-shadow: 0px 10px 20px rgba(100, 100, 100, 0.1);
    -o-box-shadow: 0px 10px 20px rgba(100, 100, 100, 0.1);
    box-shadow: 0px 10px 20px rgba(100,100,100,0.1);
}
.topicobut .img{
	display: block;
	padding: 5px;
	margin: 0 auto;
}
.topicobut .img img{
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
.position{
	display: block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #666;
	border-bottom: 1px solid #F5F5F5;
}
.position a{
	display: inline-block;
	line-height:30px;
	font-size: 14px;
	text-align: left;
	color: #444;
}
.position a:hover{color:#0B9FE8;}

.listContent{
	display: block;
	margin-top: 20px;
}
.listContent .listConL{
	float: left;
	width: 260px;
}
.listContent .listConR{
	float: right;
	width: 910px;
}
.event{
	display: block;	
}
.event li{
	margin-bottom: 15px;
}
.event li a{
	display: block;
	background: #387bab;
	line-height:50px;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.event li a:hover{
	background: #0B9FE8;
}
.event li.current a{
	background: #FF6600;
    background-image: -webkit-linear-gradient(right, #FF6600, #ff934a);
    background-image: -moz-linear-gradient(right, #FF6600, #ff934a);
    background-image: -ms-linear-gradient(right, #FF6600, #ff934a);
    background-image: -o-linear-gradient(right, #FF6600, #ff934a);
    background-image: linear-gradient(to left, #FF6600, #ff934a);
}
.tableBox{
	display: block;
	border: 1px solid #EEE;
}
.tableBox .tit{
	display: block;
	background: #F8F8F8;
	height:50px;
}
.tableBox .txt{
	display: block;
	background: #FFF;
}
.tableBox .serialNumber{
	width: 12%;
	float: left;
	line-height:50px;
	font-size: 16px;
	text-align: center;
	color: #444;
}
.tableBox .name{
	width: 69%;
	float: left;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	line-height:50px;
	font-size: 16px;
	text-align: left;
	color: #444;
}
.tableBox .tit .name span{
	display: inline-block;
	padding-left: 10px;
}
.tableBox .time{
	width: 18%;
	float: right;
	line-height:50px;
	font-size: 16px;
	text-align: center;
	color: #444;
}
.tableBox .tit .name,.tableBox .tit .serialNumber,.tableBox .tit .time{
	font-size: 22px;
	color: #5b738e;
	font-weight: bold;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tableBox .txt .serialNumber{
	color: #ff6600;
}
.tableBox .txt .time{
	color: #999;
}
.tableBox .txt .li{
	display: block;
	border-top: 1px solid #EEE;
}
.tableBox .txt .li:after {font-size: 0px; content: ""; display: block; clear: both; height: 0; zoom: 1;}
.tableBox .txt .li:hover{
	background: #DDE5FF;
}
.tableBox .txt .name a{
	display: block;
	color: #444;
	padding-left: 10px;
	max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tableBox .txt .name a:hover{
	color: #0B9FE8;
}
.met_pager{
	display: block;
	margin-top: 20px;
}
.met_pager .pagerform{
	display: block;
	text-align: center;
	margin: 0 auto;
}
.met_pager .pagerform a{
	display: inline-block;
	border: 1px solid #EEE;
	min-width: 45px;
	line-height:45px;
	font-size: 14px;
	text-align: center;
	color: #444;
	margin: 0 5px;
	overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
	vertical-align: middle;
}
.met_pager .pagerform a:hover{
	border: 1px solid #ff934a;
	background: #ff934a;
	color: #FFF;
}
.met_pager .pagerform a.ahover{
	color: #FFF;
	background: #FF6600;
	border: 1px solid #FF6600;
    background-image: -webkit-linear-gradient(bottom, #FF6600, #ff934a);
    background-image: -moz-linear-gradient(bottom, #FF6600, #ff934a);
    background-image: -ms-linear-gradient(bottom, #FF6600, #ff934a);
    background-image: -o-linear-gradient(bottom, #FF6600, #ff934a);
    background-image: linear-gradient(to top, #FF6600, #ff934a);
}
.met_pager .pagerform span{
	display: inline-block;
	margin: 0 5px;
	line-height:45px;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
	color: #444;
}
.met_pager .pagerform .pageinput{
	display: inline-block;
	border: 1px solid #EEE;
	width: 45px;
	line-height:45px;
	font-size: 14px;
	text-align: center;
	color: #444;
	margin: 0 5px;
	overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
	vertical-align: middle;
}
.met_pager .pagerform .pageinput:hover{
	border: 1px solid #FF6600;
	color: #FF6600;
}

.detailsBox{
	display: block;
	background: #FFF;
	padding: 30px;
	border: 1px solid #DDD;
	margin-top: 10px;
}
.newsTitle{
	display: block;
	border-bottom: 3px solid #E90E11;
}
.newsTitle h1{
	display: block;
	line-height:160%;
	font-size: 26px;
	text-align: center;
	color: #E90E11;
}
.newsTitle p{
	display: block;
	text-align: right;
	padding: 15px 0;
}
.newsTitle p span{
	line-height:120%;
	font-size: 13px;
	text-align: right;
	color: #E90E11;
}
.detailsTxt{
	display: block;
	line-height:180%;
	font-size: 16px;
}
.detailsTxt p{
	line-height:180%;
}