@charset "UTF-8";

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

body {
	min-height: 100vh;
	cursor: default;
}

.select {
	border-bottom: 1px solid #00468C;
	color: #00468C;
}

.content {
	max-width: 1440px;
	margin: 0 auto;
}

.banner {
	width: 1440px;
	height: 650px;
	background-image: url('../img/banner.png');
	background-size: cover;
	background-position: center;
}

.banner_padding {
	width: 1440px;
	height: 10px;
}

.banner_bar {
	margin: 0 120px;
	width: 1200px;
	height: 72px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	display: flex;
}

.banner_bar_logo {
	margin-top: 16px;
	margin-left: 24px;
	width: 121px;
	height: 40px;
	width: 121px;
}

.banner_bar_logo_img {
	width: 121px;
	height: 40px;
}

.banner_bar_index {
	margin-left: 619px;
	margin-top: 21px;
	width: 28px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-style: normal;
	text-transform: none;
	width: 28px;
}

.banner_bar_cout {
	margin-left: 40px;
	margin-top: 21px;
	width: 56px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}

.top {
	width: 1440px;
	height: 500px;
	background-color: #EFF3F7;
	display: flex;
}

.top_left {
	width: 780px;
	height: 500px;
}

.top_left1 {
	margin: 112px 0 0 120px;
	height: 32px;
	font-weight: 400;
	font-size: 24px;
	color: #444444;
	line-height: 32px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.top_left2 {
	margin-left: 120px;
	width: 49px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #C1C1C1;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.top_left3 {
	margin-left: 120px;
	width: 621px;
	height: 130px;
	font-weight: 400;
	font-size: 14px;
	color: #848484;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.top_right {
	width: 660px;
	height: 500px;
}

.top_right1 {
	width: 540px;
	height: 280px;
	background-color: #FFFFFF;
	margin-top: 110px;
}

.top_right1_img {
	width: 540px;
	height: 280px;
}

.middle {
	width: 1440px;
	min-height: 1203px;
	background-color: #FFFFFF;
}

.middle1 {
	width: 1440px;
	height: 232px;
	display: flex;
}

.middle111 {
	margin-top: 110px;
	margin-left: 120px;
	width: 115px;
	height: 32px;
	font-weight: 400;
	font-size: 24px;
	color: #444444;
	line-height: 32px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle112 {
	margin-left: 120px;
	width: 115px;
	height: 22px;
	font-family: Inter, Inter;
	font-weight: 400;
	font-size: 14px;
	color: #C1C1C1;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle12 {
	margin-top: 126px;
	margin-left: 757px;
	display: flex;
	color: #828282;
}

.middle121 {
	margin-right: 20px;
	width: 28px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.select_service_type{
	color: #213752;
	border-bottom: 1px solid #213752;
	color: #213752;
}

.middle122 {
	margin: 0 20px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle2 {
	margin-top: 10px;
	height: 210px;
	width: 1440px;
	display: flex;
	height: 216px;
}

.middle21 {
	height: 210px;
	margin-left: 120px;
	width: 386px;
}

.middle211 {
	margin-left: 161px;
	margin-top: 68px;
	width: 64px;
	height: 64px;
	/*background-image: url('../img/demo-icon.png');
	background-size: cover;
	background-position: center;*/
}

.middle211 img{
	width: 64px;
	height: 64px;
}

.middle212 {
	margin-top: 40px;
	width: 386px;
	height: 26px;
	font-weight: 400;
	font-size: 18px;
	color: #213752;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align:center;
}

.middle213 {
	width: 386px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align:center;
}

.middle22 {
	height: 210px;
	margin-left: 21px;
	width: 386px;
}

.middle123 {
	margin-top: 5px;
	width: 1px;
	height: 12px;
	background: #D8D8D8;
	border-radius: 0px 0px 0px 0px;
}

.middle4 {
	margin-top: 132px;
	margin-left: 120px;
	height: 55px;
}

.middle41 {
	height: 32px;
	font-weight: 400;
	font-size: 24px;
	color: #444444;
	line-height: 32px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle42 {
	height: 22px;
	font-family: Inter, Inter;
	font-weight: 400;
	font-size: 14px;
	color: #C1C1C1;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle5 {
	margin-left: 170px;
	margin-top: 50px;
	display: flex;
	min-height: 300px;
}

.middle51 {
	margin-right: 16px;
	min-height: 300px;
	width: 356px;
}

.bottom {
	width: 1440px;
	height: 246px;
	background-color: #213752;
	display: flex;
}

.bottom_b {
	width: 1440px;
	height: 30px;
	background-color: #213752;
	text-align:center;
	color: #FFFFFF;
}


.bottom_b a{
	color: #FFFFFF;
}

.bottom11 {
	margin-top: 70px;
	margin-left: 120px;
	width: 53px;
	height: 32px;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
	font-style: normal;
	text-transform: none;
	width: 53px;
}

.bottom12 {
	margin-left: 120px;
	width: 53px;
	height: 22px;
	font-family: Inter, Inter;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.bottom21 {
	margin-top: 54px;
	margin-left: 167px;
	width: 122px;
	height: 122px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #031C3B;
	background-image: url('../img/qrcode.png');
	background-size: cover;
	background-position: center;
}

.bottom22 {
	margin-left: 167px;
	margin-top: 6px;
	width: 122px;
	height: 26px;
	font-family: Inter, Inter;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}

.bottom31 {
	margin-top: 68px;
	margin-left: 138px;
	width: 241px;
	height: 26px;
	font-weight: 400;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.72);
	line-height: 26px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.bottom32 {
	margin-top: 36px;
	margin-left: 138px;
	width: 340px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.48);
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.bottom33 {
	margin-top: 8px;
	margin-left: 138px;
	width: 241px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.48);
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.bottom41 {
	margin-top: 130px;
	margin-left: 128px;
	width: 212px;
	height: 22px;
	font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.48);
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.bottom42 {
	margin-top: 8px;
	margin-left: 128px;
	width: 212px;
	height: 22px;
	font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.48);
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.middle511 {
	width: 356px;
	height: 165px;
	background: #EFF3F7;
	border-radius: 0px 0px 0px 0px;
}

.middle511 img{
	width: 356px;
	height: 165px;
}

.middle512 {
	margin-top: 22px;
	height: 26px;
	font-weight: 400;
	font-size: 18px;
	color: #213752;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	height: 26px;
}

.middle513 {
	height: 22px;
	font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	line-height: 22px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}