*{
	padding:0px;
	margin:0px;
}
html,
body {
	position: relative;
	height: 100%;
}

body {
	/*background: #eee;*/
	background: url("../img/pageBck.png");
	background-size:100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}


.header{
	position: relative;
}

.headBck{
	width:100%;
	z-index:10;
	min-width:1200px;
	height: 290px;
}
.smallWord{
	width:320px;
	/* 	width:20%; */
	position: absolute;
	top:30px;
	left:40px;
	z-index:20;
}
.bigWordDiv{
	position: relative;
	width:1200px;
	margin:0 auto;
}
.bigWord{
	width:40%;
	left:calc(50% - 600px);
	/* width:50%; */
	position: absolute;
	top:150px;
	z-index:20;
}
.menu{
	background:#409eff;
	height:50px;
	line-height:50px;
	width:100%;
	margin:-4px auto 0 auto;
	min-width:1200px;
}
.menu-ul{
	width:1200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.menu-li{
	color:#fff;
	font-size:16px;
	font-weight: bold;
	flex:1;
	text-align: center;
	text-decoration:none;
	cursor: pointer;
}
.menu-li span{
	border-bottom:2px solid #409eff;
	padding-bottom:14px;
}
.menu-li span.cur{
	border-bottom:2px solid #fff;
}

.content{
	width:1200px;
	margin:40px auto 0 auto;
}

.oneRow{
	display: flex;
	height:330px;
}

.twoRow{
	display: flex;
	height:200px;
	margin-top:40px;
}
.banner{
	width:588px;
	height:330px;
	margin-right:20px;
}
.news{
	flex: 1;
	height:330px;

}
.news-header{
	height:45px;
	display: flex;
}
.news-header-left{
	width:180px;
	height:42px;
	background:url(../img/menu.png);
	background-size:100%;
	font-size:18px;
	color:#fff;
	line-height:38px;
	font-weight: bold;

}
.news-header-left span{
	margin-left:64px;
}
.news-header-center{
	flex:1;
	opacity: 0.49;
	border: 0.5px dashed rgba(64, 158, 255, 1);
	height:0px;
	margin-top:18px;
	margin-left:10px;
	margin-right:10px;
}
.news-header-right{
	width: 50px;
	height: 27px;
	color: rgba(64, 158, 255, 1);
	font-size: 18px;
	text-align: left;
	font-family: SourceHanSansSC-regular;
	margin-top:-12px;
	display: inline-block;
	text-decoration:none;
	margin-top:-3px;
}
.news-center{
	margin-top:20px;
}
.news-center ul{
	margin-left:10px;
}
.news-center li{
	height:34px;
	line-height:34px;
	font-size:14px;
	color:#101010;
	/*display: flex;*/
}
.news-center li a{
	height:34px;
	line-height:34px;
	font-size:14px;
	color:#101010;
	display: flex;
	text-decoration: none;
}
.news-center li a:hover{
	color:#007aff;
}
.news-center li::marker{
	content:' ';
}
.news-center li a span:first-child{
	flex:1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-center li a span:first-child:before{
	content:'';
	display: block;
	width:4px;
	height:4px;
	background:#101010;
	border-radius: 50%;
	margin-right:6px;
	margin-top:13px;
	float: left;
}
.news-work{
	width:574px;
	margin-right:35px;
	flex:none;
}

.footer{
	background:url(../img/bottomBck.png) #409eff;
	padding-bottom:20px;
	margin-top:40px;
}
.footer-content{
	width:1200px;
	margin:0 auto;
	display: flex;
}
.footer-content-left{
	flex: 1;
}
.footer-content-right{
	width:320px;
	display: flex;
	align-items: center;
	text-align: center;
	margin-top:48px;
}
.footer-content-img
{
	width:140px;
	height:140px;
	border-radius: 50%;
}
.footer-content-txt{
	font-size:18px;
	color:#fff;
	height:18px;
	line-height:18px;
	margin-top:10px;
}
.bottomWord{
	width:370px;
	margin-top:47px;
}
.bottomOneRow{
	font-size:16px;
	color:#fff;
	height:30px;
	line-height:30px;
}.bottomTwoRow{
	 font-size:16px;
	 color:#fff;
	 height:30px;
	 line-height:30px;
 }
.bottomTwoRow a{
	display: inline-block;
	text-decoration:none;
	color:#fff;
	margin-right:10px;
}
.bottomTwoRow a:hover{
	color:#fff;
}

.bottomOneRow{
	font-size:16px;
	color:#fff;
	height:30px;
	line-height:30px;
}

.severWindow{
	margin-top:40px;
	position: relative;
}
.zixun{
	position: absolute;
	top:-15px;
	right:100px;
	height:87px;
	width:253px;
	z-index:10;
	cursor: pointer;
}
.windowList{
	margin-top:45px;
}
.windowLi{
	display: flex;
	margin-bottom:15px;
}
.liLeft{
	width:220px;
	height:65px;
	line-height:40px;
	font-weight:bold;
	text-align: center;
	font-size:18px;
	color:#fff;
	margin-right:15px;
	margin-top:8px;
}
.one{
	background:url("../img/one.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.two{
	background:url("../img/two.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.three{
	background:url("../img/three.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.four{
	background:url("../img/four.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.five{
	background:url("../img/five.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.six{
	background:url("../img/six.png");
	background-size:100%;
	background-repeat: no-repeat;
}
.liContent{
	width:calc(100% - 241px);
}
.liLi{
	width:calc(25% - 24px);
	float:left;
	margin-right:20px;
	height:75px;
	display: flex;
	align-items: center;
	box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 30);
	background:#fff;
	border-radius:8px;
	border:2px solid #fff;
	cursor: pointer;
	color:#101010;
	text-decoration:none;
}
.liLi:hover {
	border:2px solid #007aff;
}
.liLi:visited {
	color:#101010;
	text-decoration:none;
}
.lili:active{
	color:#101010;
	text-decoration:none;
}

.liImg{
	width:40px;
	height:40px;
	margin:0 5px 0 10px;
	font-size:16px;
}
.liLi span{
	line-height:20px;
}
.twoLink{
	display: flex;
	position: relative;
	margin-top:30px;
}
.twoLinkImg{
	width:180px;
	height:160px;
	z-index:10;
}
.f30{
	font-size:30px;
	font-weight: bold;
	color:#409fee;
	width:733px;
	height:100px;
	line-height:100px;
	background:#fff;
	box-shadow: 0px 2px 8px -1px rgba(153, 153, 153, 50);
	text-align: center;
	border-radius:90px;
	position: absolute;
	z-index:9;
	left:100px;
	top:30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.f30:hover{
	background:#007aff;
	color:#fff;
	cursor: pointer;
}


.f30 img{
	margin-left:30px;
	width:80px;
}

.f20{
	font-size:18px;
	font-weight: bold;
	color:#409fee;
	flex:1;
	position: absolute;
	right:0px;
	top:47px;
	background:#fff;
	box-shadow: 0px 2px 8px -1px rgba(153, 153, 153, 50);
	height:70px;
	line-height:70px;
	border-radius:90px;
	width:630px;
	text-indent: 280px;

	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.f20:hover{
	background:#007aff;
	color:#fff;
}
.f20 img{
	margin-left:10px;
	width:40px;
}


.org{
	margin-top:40px;
	overflow: hidden;
}
.orgImg{
	width:50px;
}
.orgImgs{
	margin-top:32px;
}
.orgImgs img{
	width:378px;
	height: 126px;
	float: left;
	border-radius:5px;
	cursor: pointer;
}
.orgImgs_mr{
	margin-right:32px
}
.orgImgs img.link1{
	width:392px;
	height: 70px;
	margin-right:23px
}
.orgImgs img.link2{
	width:204px;
	height: 70px;
	margin-right:23px
}
.orgImgs img.link3{
	width:265px;
	height: 70px;
	margin-right:23px
}
.orgImgs img.link4{
	width:268px;
	height: 70px;
}

.dialog{
	display: none;
	width:540px;
	/*height: 265px;*/
	background:#fff;
	z-index:100;
	position: absolute;
	right:0px;
	top:100px;
	padding:25px;

	box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 30);
	border-radius:5px;
}

.dialog .r1{

	display: flex;
	align-items: center;
}
.txt{
	font-size:20px;
	font-weight: bold;
	color:#101010;
}
.close{
	float: right;
	color:#999;
	font-size:32px;
	font-weight: normal;
	flex: 1;
	text-align: right;
	cursor: pointer;
}

.r2{
	overflow: hidden;
	/*margin:20px 0px;*/
}
.star{
	color:red;
	float: left;
}
.word{
	color:#101010;
	font-size:14px;
	float: left;
	margin:0 15px 0 10px;
}
.choose{
	color:#999;
	font-size:14px;
	float: left;
	margin-right:10px;
}
.choose input{
	margin-right:10px;
}
.r3{
	display: flex;
	margin-bottom:10px;
	align-items: center;
}
.input{
	flex:1;
}
.input input{
	width:100%;
	height:40px;
	border-radius:4px;
	border:1px solid #b9b4b4;
	text-indent:20px;
	outline:none;
}
.btn{
	background:#007aff;
	color:#fff;
	width:100%;
	text-align: center;
	font-size:14px;
	border-radius:4px;
	height:40px;
	line-height:40px;
	margin-top:20px;
}


#scroll_list_box {
	display: flex;
	align-items: center;
	justify-content: center;

	margin-top:20px;
}

.ul_wrap {
	width: 100%;
	height: 310px;
	display: flex;
}

.list_ul {
	height: 270px;
	overflow: hidden;
}

.list_li {
	list-style: none;
	color: #ffffff;
	margin-top: 10px;
}

.list_li a {
	width: 100%;
	font-size: 12px;
	text-decoration: none;
}



.lable_h {

	display: flex;
}
.touxiang{
	width:40px;
	height:40px;
	border-radius:50%;
}
.lable_content{
	flex:1;
	margin-left:10px;
}
.problem{
	height: 20px;
	line-height: 20px;
	font-size:14px;
	color:#020202;
}
.people{
	height: 20px;
	line-height: 20px;
	font-size:14px;
	color:#777;
}
.lable_htime{
	font-size:14px;
	color:#b7b6b6;
	margin-left:10px;
}
.answer{
	font-size:14px;
	color:#777;
	background:#f5f5f5;
	border-radius:5px;
	padding:10px;
	margin:15px 0 15px 50px;
	line-height:20px;
	overflow: hidden;
}


.answer span{
	float:left;
	color:#999;
	display:inline-block;
}
.ren{
	float:left;
	color:#020202;
	display:inline-block;
}
.f25red{
	color:red;
	font-size:25px;
}
