html,body{
  font-family: Arial, "微软雅黑", sans-serif;
  color: #333;
	font-weight: 400;
	
}
body{
	overflow-x: hidden;
}
ul{
  margin-bottom: 0px;  
}
a{
	text-decoration: none;
}
img {
  vertical-align: middle;
}
img {
  border: 0;
}
p{
	line-height: 1.5;
}
a:hover{
  text-decoration: none;
}
a:visited{
	color: #333333;
}
.w{
	width: 1190px;
}
.scrollfixed{
  border-top: 1px solid #ebebeb;
}
.header {
  height: 76px;
  
  background-color: white;
}
.header .h-nav {
  margin: 0 auto;
  position: relative;
}
.header .h-nav .h-ul {
  height: 76px;
}
.header .h-nav .brand {
  float: left;
  width: 120px;
  line-height: 74px;
  text-align: center;
  position: relative;
}
.header .h-nav .h-ul .h-li {
  float: left;
  width: 120px;
  line-height: 74px;
  text-align: center;
  position: relative;
}
.header .h-nav .h-ul .h-li:hover {
  background-color: #EBEBEB;
  cursor: pointer;
}
.header .h-nav .h-ul .h-li:hover::after {
  display: block;
  content: ' ';
  height: 3px;
  background-color: #008CFF;
  width: 80%;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0px auto;
}
.header .h-nav .h-ul .h-li.active{
  background-color: #EBEBEB;
  cursor: pointer;
}
.header .h-nav .h-ul .h-li.active::after {
  display: block;
  content: ' ';
  height: 3px;
  background-color: #008CFF;
  width: 80%;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0px auto;
}

.header .h-nav .brand {
  width: 220px;
  font-size: 22px;
  font-weight: bold;
}
.header .h-nav .brand:hover {
  background-color: unset;
}
.header .h-nav .brand:hover::after {
  display: none;
}
.header .h-nav .brand .logo {
  margin-right: 12px;
}
.header .h-nav .h-li > a,.header .brand a {
  font-size: 20px;
  color: #333;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.header .h-nav .h-ul .h-li > a:hover {
  text-decoration: unset;
}
.header .h-nav .h-ul .h-li .h-s-ul {
  position: absolute;
  z-index: 999;
  background-color: rgba(18, 31, 57, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8121F39,endColorstr=#C8121F39);
  width: 286px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.28s, top 0.28s;
}
.header .h-nav .h-ul .h-li .h-s-ul .h-s-li {
  height: 70px;
  line-height: 70px;
}
.header .h-nav .h-ul .h-li .h-s-ul .h-s-li:hover {
  background-color: white;
}
.header .h-nav .h-ul .h-li .h-s-ul .h-s-li:hover a {
  color: #333;
}
.header .h-nav .h-ul .h-li .h-s-ul a {
  color: white;
  font-size: 20px;
	display: block;
}
.header .h-nav .h-ul .h-li .h-s-ul-show {
  visibility: visible;
	float: left;
  z-index: 9999999999;
  opacity: 1;
}
.header .zixun{
  background-color: #2879ff;
  color: white;
  height: 100%;
  width: auto;
  text-align: left !important;
  padding: 15px 20px;
  line-height: 1.6;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  font-weight: bold;
  height: 80px;
}
.header .zixun span{
  display: block;
}
.header .zixun:hover{
  background-color: #2879ff !important;
}



.header .m-h-ul{
	background-color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 60px;
	border: 1px solid #ebebeb;
	display: none;
	z-index: 999;
	user-select: none;
}

.header .m-h-ul .m-h-li{
	
	height: 46px;
	line-height: 46px;
	width: 120px;
	padding: 0px 20px;
	border-bottom: 1px solid #EBEBEB;
}
.header .m-h-ul .m-h-li:last-child{
	border-bottom: 0px;
}
.header .m-h-ul .m-h-li a{
	color: #000000;
	font-size: 15px;
	display: inline-block;
	width: 100%;
}
.header .m-h-ul .m-h-li a:hover{
	color: #008CFF;
}
.header .m-h-ul .m-h-li.active a{
	color: #008CFF;
}

.m-hidden{
	opacity: 0;
	-webkit-transition: opacity .28s, all .28s;
	-o-transition: opacity .28s, all .28s;
	transition: opacity .28s, all .28s;
}

.exp-icon{
	position: absolute;
	right: 12px;
	top: 3px;
	width: 60px;
	height: 54px;
	text-align: center;
	cursor: pointer;
	display: none;
	font-size: 16px;
}
.exp-icon span{
	width: 80%;
	height: 3px;
	background-color: #FFFFFF;
	display: inline-block;
	border-radius: 6px;
}

.subtitle{
  font-size: 46px;
  color: #000;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.subtitle::after{
  display: block;
  content: ' ';
  background-color: #008CFF;
  height: 4px;
  width: 66px;
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: 0px auto;
}
.explain{
  text-align: center;
  font-size: 17px;
  color: #9698A0;
  margin-top: 36px;
}

.clear::after {
	content: ".";
	display: inline-block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.footer{
  background-color: #0C1B35;
  float: left;
  width: 100%;
  position: relative;
}
.footer .w{
	margin: 0 auto;
}
.footer .info{
  margin: 0px auto;
	padding-top: 50px;
	float: left;
	margin-bottom: 60px;
}
.footer .info .company-info{
  color: white;
  float: left;
  margin-right: 60px;
}
.footer .info .company-info p{
	font-size: 14px;
	margin-top: 10px;
}
.footer .info .company-info .address{
  color: white;
  margin-top: 96px;
	font-size: 14px;
}
.footer .info .company-info h2{
  margin-top: 0;
	font-size: 30px;
}
.footer .info ul{
  color: white;
  float: left;
  margin-right: 40px;
}
.footer .info ul li{
  
  width: initial;
  font-size: 14px;
  
  line-height: 28px;
}
.footer .info ul.information li{
  

}
.footer .info ul li:first-child{
  margin-bottom: 34px;
  font-size: 18px;
  line-height: initial;
}
.footer .qrcode,
.footer .qrcode ul{
  
  margin-right: 0px !important;
}
.footer ul.qrcode li{
  
}
.footer ul.qrcode li:last-child{
  margin-top: 40px;
}
.footer .copyright{
  color: white;
  text-align: center;
  font-size: 11px;
  margin: 0px auto;
	padding-bottom: 24px;
  float: left;
  margin: auto;
  width: 100%;
}
.footer .copyright a:last-child{
  color: #337ab7;
	padding-top: 10px;
	display: inline-block;
}

.footer .copyright a:last-child:hover{
  color: #23527c;
}


@media screen and (max-width:1200px){ 
	
}


@media screen and (max-width:992px){ 
  .header .w{
		width: 938px;
  }
	.footer .w{
		width: 868px;
	}
	.footer .info .company-info{
	  color: white;
	  float: left;
	  margin-right: 22px;
    width: 100%;
    margin-bottom: 20px;
	}
	.footer .info .company-info p{
		font-size: 12px;
	}
	.footer .info .company-info .address{
	  color: white;
	  margin-top: 20px;
		font-size: 12px;
	}
	.footer .info .company-info h2{
		font-size: 24px;
	}
	.footer .info ul{
	  margin-right: 14px;
	}
	.footer .info ul li{
	  
	  font-size: 14px;
	  
	  line-height: 28px;
	}
	.footer .info ul.information li{
	  width: 152px;
	}
	.footer .info ul li:first-child{
	  margin-bottom: 34px;
	  font-size: 16px;
	  line-height: initial;
	}
	.footer .qrcode{
	  
	}
}



@media screen and (max-width:768px) { 
	
	.w{
		width: 100% !important;
	}
	.header{
		background-color: #101010;
		height: 60px;
	}
	.header .brand{
		line-height: 60px !important;
	}
	.exp-icon{
		display: block;
	}
	.header .brand a{
		color: #FFFFFF !important;
	}
	.header .h-ul{
		display: none;
	}
  .header .zixun{
		display: none;
	}
	.footer .info{
		padding-top: 32px;
		padding: 32px 12px 0px;
	}
	.footer .info .company-info{
	  color: white;
	  float: left;
	  margin-right: 22px;
		width: 100%;
	}
	.footer .info .company-info p{
		font-size: 12px;
	}
	.footer .info .company-info .address{
	  color: white;
	  margin-top: 10px;
		font-size: 12px;
	}
	.footer .info .company-info h2{
		font-size: 24px;
	}
	.footer .info ul{
	  margin-right: 14px;
	}
	.footer .info ul li{
	  
	  font-size: 14px;
	  
	  line-height: 28px;
	}
	.footer .info ul.information li{
	  width: 152px;
	}
	.footer .contact{
		margin-top: 12px;
	}
	.footer .info ul.contact li{
		font-size: 12px;
	}
	.footer .info ul.contact li:first-child{
		margin-bottom: 0px;
	}
	.footer .secfin,
	.footer .school,
	.footer .finance,
	.footer .information{
		display: none;
	}
	.footer .qrcode{
	  margin-left: 26px;
	}
	.footer .copyright{
		width: 100%;
		float: left;
	}
} 


@media screen and (max-width:480px){ 
  .header .h-nav .brand .logo{
    width: 36px;
  }
	.exp-icon{
    right: 9px;
    top: 9px;
    width: 45px;
    height: 51px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 10px;
	}
}


@media screen and (max-width: 320px){
	
}