@import url("iconfont/iconfont.css");

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{backgroundx:#fff;overflow-x: hidden;}
html {font: 14px/1.5em arial,PingFangSC-Regular,'Microsoft Yahei', '微软雅黑',sans-serif;}
h1,h2,h3,h4,h5,h6,big,small {font: 14px/1.5em arial,PingFangSC-Regular,'Microsoft Yahei', '微软雅黑',sans-serif;}
em,i{font-style:normal;}
ul,ol{list-style-type:none}
* {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
img{border:0;}
button{cursor:pointer;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border: 0; outline: none;}
input[type="text"],input[type="password"] {outline:none;font-size:14px; border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
textarea {outline:none;font-size:14px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
label {cursor: pointer;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#0567c8;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.main { width:1200px; margin:0 auto;  }
.h2 {height:40px;line-height: 40px;}
.content {font-size: 14px;line-height:1.5em;}
.content img {max-width: 100%;}

.topbar {height:112px; border-bottom: 2px solid #03457f;box-shadow:0px 5px 15px #ddd; min-width: 1200px; }
.topbar a#logo { display: block; float: left;width:264px;padding:17px 0;}
.topbar a#logo img{ display: block; height:75px;}

.topbar ul#nav { float:left; padding-top:64px;margin-left:100px;}
.topbar ul#nav li{ width:105px;float: left;text-align: center;}
.topbar ul#nav li+li {margin-left: 36px;}
.topbar ul#nav li a {transition:all 0.3s; display: block; -moz-border-radius:18px;-webkit-border-radius:18px; border-radius:18px;height:36px;line-height: 36px;font-size: 16px; }
.topbar ul#nav li a:hover {background: #0567c8;color:#fff; }
.topbar ul#nav li.on a {background: #0567c8;color:#fff; }

.banner {min-width: 1200px;}
.banner img {width: 100%;display: block;}
.swiper-pagination .swiper-pagination-bullet { border:1px solid #fff; background:#fff; width:12px; height:12px; }
.swiper-pagination .swiper-pagination-bullet-active {background: #0567c8;border:1px solid #0567c8; }

.indexlogin {padding:10px 0;}
.indexlogin h2 {display: block;height:37px;background: #fafafa;border-bottom: 1px solid #ddd;line-height: 36px;border-left: 5px solid #0567C8; }
.indexlogin h2 em {display: block;float: left;width:40px;text-align: center;color: #0567C8;}
.indexlogin h2 strong {display: block;float: left; }
.indexlogin h2 a {display: block;float:right;color: #0567C8;margin-right: 10px;}

.index-news {float: left; width:60%;}
.index-login {float: right;width:39%;}
.index-news ul {padding:10px 0;}
.index-news ul li { height:40px;line-height: 40px;}
.index-news ul li em {display: block;float: left;width:20px;text-align: center;}
.index-news ul li strong { display: block;float: left; width:calc(100% - 120px); overflow: hidden; height:40px; font-weight: 100;}
.index-news ul li span {display: block;float:right;width:90px;overflow: hidden;color:#999;}

.index-login  ul {padding:10px 10px;}
.index-login  ul li.tit {height:30px;line-height:30px;font-weight: 700;}
.index-login  ul li.input {height:50px;padding:5px 0;}
.index-login  ul li input {width:100%;height:40px;line-height:40px;border:1px solid #ddd;padding:0 10px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.index-login  ul li.button {height:50px;padding:5px 0;}
.index-login  ul li button {width:100%;height:40px;line-height: 40px;border:0;background: #0567C8; color:#fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.index-login  ul li button:hover {background: #000;}
.index-login  ul li.reg { padding:8px 0;text-align: center;}
.index-login  ul li.reg a {color: #f30;font-weight: 700;}
.index-login  ul li.reg a:hover {color: #f00;}

.reg  ul {padding:10px 10px;width:600px;margin:0 auto;}
.reg  ul li.tit {height:30px;line-height:30px;font-weight: 700;}
.reg  ul li.input {height:60px;padding:10px 0;}
.reg  ul li input {width:400px;height:40px;line-height:40px;border:1px solid #ddd;padding:0 10px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.reg  ul li.button {height:60px;padding:10px 0;}
.reg  ul li button {width:400px;height:40px;line-height: 40px;border:0;background: #0567C8; color:#fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.reg  ul li button:hover {background: #000;}
.reg  ul li.reg { padding:8px 0;text-align: center;padding-right:200px;}
.reg  ul li.reg a {color: #f30;font-weight: 700;}
.reg  ul li.reg a:hover {color: #f00;}





.indexnotice h2 {display: block;height:37px;background: #fafafa;border-bottom: 1px solid #ddd;line-height: 36px;border-left: 5px solid #0567C8; }
.indexnotice h2 em {display: block;float: left;width:40px;text-align: center;color: #0567C8;}
.indexnotice h2 strong {display: block;float: left; }
.indexnotice h2 a {display: block;float:right;color: #0567C8;margin-right: 10px;}
.indexnotice ul {padding:10px 0;}
.indexnotice ul li { height:36px;line-height: 36px;}
.indexnotice ul li em {display: block;float: left;width:20px;text-align: center;}
.indexnotice ul li strong { display: block;float: left; width:calc(100% - 120px); overflow: hidden; height:36px; font-weight: 100;}
.indexnotice ul li span {display: block;float:right;width:90px;overflow: hidden;color:#999;}
.index-notice {padding:20px 0;font-size: 16px;line-height:2em;height:370px; overflow-y: scroll;}


.news {padding:20px 0;}
.news h1 { line-height:30px;font-size: 20px;color:#000; font-weight: 700;padding:20px 0;text-align: center;}
.news h2 { line-height:30px;text-align:right;border-top: 1px solid #ccc;color:#999; }

.newslist ul {padding:10px 0;}
.newslist ul li { height:36px;line-height: 36px;}
.newslist ul li em {display: block;float: left;width:20px;text-align: center;}
.newslist ul li strong { display: block;float: left; width:calc(100% - 120px); overflow: hidden; height:36px; font-weight: 100;}
.newslist ul li span {display: block;float:right;width:90px;overflow: hidden;color:#999;}

.list-menu {float: left;width:260px;min-height: 500px;}
.list-con {float: right;width:920px;}

.list-menu h3 {background: #efefef;border-bottom: 1px solid #ddd;height:33px;line-height: 32px;padding: 0 10px;cursor: pointer;font-weight: 700;color: #000;}
.list-menu h3.on {color:#f00;}
.list-menu h3 em {margin-right:5px;}
.list-menu h3 em::before {content: '\e71f';}
.list-menu h3.on em::before {content: '\e702';}
.list-menu .sort {display: none;}
.list-menu .nsort {display: none;padding-left:51px;}
.list-menu h4 { border-bottom: 1px solid #eee;height:33px;line-height: 32px;padding: 0 10px;cursor: pointer; color: #000;padding-left:30px;}
.list-menu h4.on {color:#f00;}
.list-menu h4 em {margin-right:5px;}
.list-menu h4 em::before {content: '\e71f';}
.list-menu h4.on em::before {content: '\e702';}
.list-menu ul {padding:10px 0;}
.list-menu ul li {padding:2px 0;line-height: 20px;}
.list-menu ul li.on a{color:#f00;}

.list-con h1 {background: #efefef;border-bottom: 1px solid #ddd;height:33px;line-height: 32px;padding: 0 10px; font-weight: 700;color: #000;}
.list-notice {padding:10px 0;}
.list-notice li { height:36px;line-height: 36px;}
.list-notice li em {display: block;float: left;width:20px;text-align: center;}
.list-notice li strong { display: block;float: left; width:calc(100% - 120px); overflow: hidden; height:36px; font-weight: 100;}
.list-notice li span {display: block;float:right;width:90px;overflow: hidden;color:#999;}

.table {border:0px solid #000;margin:20px 0;}
.table td{padding:5px 5px;}
.table thead td { font-weight: 700;border-bottom:2px solid #999;color:#000;}
.table tbody td { border-bottom:1px solid #eee;}
.table button {background: #0567C8 ;color: #fff;padding:5px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.table button:hover {background: #f30;}

.baodaoform { position: absolute; width: 300px;height:200px;background: #000; color:#fff;right:0;top:30px;z-index:2;display: none;padding:20px;text-align: center; }
.baodaoform h3 {font-size:16px;line-height: 42px; font-weight: 700;height:60px; }
.baodaoform h4 a{display: inline-block;width:60px;height:40px;background: #03457F;color: #fff;line-height: 40px;}


.notice {padding:20px 0;}
.agree {padding:20px 0;text-align: center;}
.agree a {display: block;padding:8px 0;background: #03457F; width:450px; color:#fff;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }
.agree a:hover { background: #000;}
.copy { padding:20px 0; border-top: 2px solid #efefef; margin-top:20px;text-align: center; line-height:30px; background: #efefef;color:#000;min-width: 1200px; }
.copy a {color:#000; }

#unav {height:40px;border-bottom: 2px solid #ddd;margin-top:20px;}
#unav>li {height:38px;float: left;width:120px;text-align: center;line-height: 38px;background: #999;color:#fff;cursor: pointer;}
#unav>li.on {height:40px;font-weight: 700;background: #fff;color: #f00;border:2px solid #ddd;border-bottom: 0;line-height: 36px;}
#unav>li+li {margin-left:10px;} 

#ulist {padding:20px;border:2px solid #ddd;border-top: 0;}
#ulist>li {display: none;}
#ulist>li.on {display:block;}

.uinfo li {height:40px;line-height: 40px;}
.uinfo li label {float:left; width:50%;height:40px; }
.uinfo li input[type='text'] {height:28px;line-height: 28px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;border:1px solid #ccc;padding:0 5px; }
.uinfo li select {height:28px;line-height: 28px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;border:1px solid #ccc;}
.uinfo li em {color:#f00;margin-left:3px;}
.uinfo li.upfile {height:160px;text-align: center;line-height:22px;}
.uinfo li.upfile img {height:100px;}
.uinfo li.btn {height:60px;text-align: center;}
.uinfo li button {height:40px;width:120px;text-align: center;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;background: #000;color:#fff;}
.uinfo li button:hover {background: #f30;}
.uinfo4 li:first-child span {display: inline-block;width:182px;font-weight: 700;}


.pdiv { cursor:pointer; height:160px;overflow:hidden;text-align: center;width:160px;margin:0 auto;}
.pdiv img {display:block;height:100%;margin:0 auto;}
.pdiv iframe {cursor:pointer;padding:0; border:0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0; position: absolute;display:block;width:142px;height:142px;}

.pdiv1 { cursor:pointer; height:200px;overflow:hidden;text-align: center;width:400px;margin:0 auto;}
.pdiv1 img {display:block;height:100%;margin:0 auto;}
.pdiv1 iframe {cursor:pointer;padding:0; border:0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0; position: absolute;display:block;width:400px;height:200px;}

.user-menu {float: left;width:260px;min-height: 500px;}
.user-con {float: right;width:920px;}

.user-menu h3 {background: #0567C8;border-bottom: 1px solid #03457F;height:33px;line-height: 32px;padding: 0 10px; font-weight: 700;color: #fff;}
.user-menu ul {padding:0px 0;}
.user-menu li {height:40px;line-height: 40px;}
.user-menu li a {padding: 0 10px;display: block;border-bottom: 1px solid #eee;}
.user-menu li a:hover,.user-menu li.on a {background: #efefef;color:#f00; }

.usercount {border:1px solid #ddd;height:102px;}
.usercount li {float:left;width:33%;text-align: center;height:100px;padding-top: 15px;}
.usercount li+li {border-left:1px dotted #ddd;}
.usercount li strong {display: block;text-align: center;font-size: 24px;font-weight: 100;color:#f00;line-height: 40px;}
.usercount li strong a {color:#f00;}

.userinfo { padding:20px 20px;margin-top:20px; background: #f9f9f9;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}
.userinfo li {height:43px;padding:0 10px; line-height: 42px;border-bottom: 1px dotted #ddd;}
.userinfo li span {display: block;float: left;margin-right:10px; }
.userinfo li strong {color:#999;font-weight: 100;}
.userinfo li a {color:#03457F;text-decoration: underline;}

.userpass { padding:20px 20px; background: #f9f9f9;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}
.userpass li {height:73px;padding:15px 10px; line-height: 42px;border-bottom: 1px dotted #ddd;}
.userpass li>span {display: block;float: left;margin-right:10px;width:100px;height:42px; }
.userpass input {width:400px;height:40px;line-height:40px;border:1px solid #ddd;padding:0 10px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.userpass button {width:400px;height:40px;line-height: 40px;border:0;background: #0567C8; color:#fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.userpass button:hover {background: #000;}

.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}