@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

.head {
	z-index: 999;
	position: absolute;
	top: 0;
	height: 58px;
	/* display: flex;
    align-items: center; */
	/* justify-content: center; */
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	/* color: #fefefe; */
}

.head_li li {
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 55px;
	margin-left: 60px;
	color: white;
}

.title_row {
	margin: 0px;
	padding: 0px;
}



.title_li {
	height: 58px;
	overflow: hidden;
}

.head_bottom {
	background-color: #297aff;
	/* height: 544px; */
	background: url(../img/topbg2.jpg);
	background-position-x: 50%;
	background-size: 100% 100%;
	/* background-size: 100% 100%; */
}

.head_title {
	font-size: 36px;
	font-family: Microsoft YaHei;
	color: #fff;
	margin-bottom: 0.15rem;
}

.head_content {
	font-size: 16px;
	/* line-height: 0.17rem; */
	font-family: Microsoft YaHei;
	color: #fff;
	padding-left: 0px;
	padding-top: 20px;
}

.icon {
	display: inline-block;
	background-color: #297aff;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-right: 10px;
}

.bottom {
	padding: 0px;
	height: 238px;
}

.head_li a {
	color: white;
}

.head_li a:hover {
	color: white;
	text-decoration: none;
}

/* start */
.head_hide {
	position: absolute;
	right: 20px;
	top: 50px;
	float: right;
	margin-top: 0px;
	display: none;
	width: 70px;
	background-color: white;
	opacity: 0.8;
	border-radius: 5px;
}

.head_hide li {
	list-style: none;
	color: white;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 5px;
}

.head_hide a {
	color: black;
}

.title_button {
	display: none;
	position: absolute;
	width: 30px;
	height: 40px;
	top: 10px;
	left: 88%;
	/* border: 1px solid white; */
}

.title_button div {
	width: 20px;
	height: 2px;
	background-color: white;
	margin-top: 7px;
	margin-left: 14px;
}

.fill_2 {
	height: 144px;
}

.fill {
	height: 195px;
}

/* end */
.top_button {
	padding: 0px;
	margin-top: 46px;
	z-index:999;
}

.top_button span {
	display: block;
	width: 200px;
	height: 50px;
	text-align: center;
	padding-top: 8px;
	background-color: #ffc356;
	border-radius: 4px;
	font-size: 22px;
	font-family: Microsoft YaHei;
	color: #282828;
}

.center_title {
	margin-top: 100px;
	height: 31px;
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #070707;
	line-height: 24px;
}




.center_content {
	margin-top: 40px;
	font-size: 19px;
	font-family: Microsoft YaHei;
	color: #333333;
	line-height: 52px;
	height:52px;
	border:1px solid #80A4F2;
	padding:0px;
    border-radius: 36px;
    cursor: pointer;
   
}
.center_content1 {
	margin-top: 30px;
	font-size: 29px;
	font-family: Microsoft YaHei;
	color: #333333;
	line-height: 72px;
	height:72px;
	padding-left:35px;
	
}

.center_content li{
   float:left;
    color:#497CED;
    width:5px;
    height:100%;
    
}

.center_img {
	width: 264px;
	height: 264px;
	background: white;
	box-shadow: 0px 3px 8px 0px rgba(35, 24, 21, 0.13);
	float: left;
	margin-right: 40px;
	margin-bottom:62px;
	text-align:center;
	cursor: pointer;
}
.center_type1{
	width:31%;
	display:inline-block;
	text-align:center;
	height:50px;
	float:left;
	
}

.center_type{
	width:33%;
	display:inline-block;
	text-align:center;	
	float:left;
	height:50px;
	
	border-radius: 36px 0px 0px 36px ;
}
.center_type:hover{
	color:white;
	background:#497CED;
	
}
.center_type1:hover{
	color:white;
	background:#497CED;
}
.center_type2:hover{
	color:white;
	background:#497CED;
}
.center_type2{
	width:34%;
	display:inline-block;
	text-align:center;
	height:51px;
	float:right;
	border-radius:0px 36px 36px 0px;
	
	
}



.center_img:hover {
	background-color: #497CED;
	text-decoration: underline;
	text-decoration-color: white;
}



.center_img2 {
	width: 264px;
	height: 264px;
	background: white;
	box-shadow: 0px 3px 8px 0px rgba(35, 24, 21, 0.13);
	float: left;
	margin-right: 25px;
	text-align: center;
	
}

.center_img2 p {
	display: block;
	margin: auto;
	height: 13px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	/* text-decoration: underline; */
	color: #FFFFFF;
	line-height: 15px;
	text-align: center;
}

.center {
	background-color: #F9FAFE;
}

.center_img2 img {
	margin-top: 17px;
	
}

.center_li {
	margin-top: 40px;
	padding-left: 35px;
}

.center_img img {
	margin-top: 65px;
}

.center_img p {
	display: block;
	margin: auto;
	height: 13px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	/* text-decoration: underline; */
	color: #A7A7A7;
	line-height: 15px;
	text-align: center;
}

.fill_3 {
	margin-top: 130px;
}

.center_bottom {
	background-color: #FFFFFF;
}

.center_bottom_title {
	margin-top: 65px;
	padding-left: 40px;
	height: 30px;
	font-size: 30px;
	font-family: Microsoft YaHei;
	margin-bottom: 38px;
	color: #070707;
	line-height: 24px;
}

.center_bottom_img {
	margin-top: 25px;
}

.center_bottom_content {
	margin-top: 60px;
	padding-left: 25px;
	height: 14px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}

.content_one {
	height: 190px;
}

.fill_4 {
	height: 25px;
}

.fill_5 {
	height: 80px;
}

.center_bottom_img1 {
	padding-left: 0px;
}

.center_bottom_img1 span {
	width: 160px;
	height: 17px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #070707;
	line-height: 24px;
	margin-right: 68px;
}

.center_bottom_img2 span {
	width: 160px;
	height: 17px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #070707;
	line-height: 24px;
	margin-right: 90px;
}

.bg_shadow {
	display: none;
	position: absolute;
	top: 65px;
	z-index:999;
	left: 40px;
	width: 320px;
	height: 180px;
	/* background: #000000; */
	/* background-image: linear-gradient(to right, #000000, #ffffff00);
    opacity: 0.5; */
	background: url(../img1/矩形1128.png) 100% 100%;
}

.user img {
	width: 40px;
	height: 40px;
	margin-top: 0px;
}

.user span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FEFEFE;
}

.user {
	padding-left: 0px;
}

.user1 img{
		width: 30px;
			height: 30px;
		
		}
		.head_phone{
		display:inline-block;
		
		font-size:28px;
		color:#F0B956;
		line-height:58px;
		vertical-align:middle;
		margin-left:30px;
		height:58px;
		
		}
		.head_phone img{
		margin-top:-5px;
		}
		.bottom_fill{
		width:100%;
		height:60px;
		}
	.bottom_banner{
		display:none;
		cursor: pointer;
		position:fixed;
		bottom:0px;
		height:47px;
		width:100%;
		}
		.bottom_banner_left{
		float:left;
		width:80%;
		background-color:#297AFF;
		height:100%;
		color:white;
		font-size:22px;
		font-weight:bold;
		font-family:Microsoft YaHei;
		text-align:left;
		padding-left:25px;
		line-height:47px;
		}
		.bottom_banner_right{
		float:right;
		width:20%;
		background-color:#297AFF;
		height:100%;
		color:white;
		font-size:12px;
		text-align:center;
		padding-right:18px;
		
		}
		
		a:link{
		text-decoration:none;
		}