#message {
	background: url(../images/note.png);
	background-position: 50% 50%;
	background-size: cover;
}

.software_left {
	width: 50%;
}
.outs{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.out{
	width: 25%;
}
a {
	height: 100%;
	display: flex;
	align-items: center;
}

.software_right {
	width: 50%;
	position: relative;
}

.software {
	display: flex;
	margin-bottom: 70px;
	align-items: center;
}

.software_right p {
	line-height: 27px;
	color: #999;
}

.software_right h5 {
	color: rgb(0, 122, 255);
	font-size: 21px;
	font-weight: 550;
}

._left {
	text-align: right;
}

.software_right img {
	margin-left: 10px;
	position: absolute;
	top: 50%;
	width: 35px;
	transform: rotate(270deg);
}

.advantage_div div {
	font-size: 17px;
	font-weight: 550;
	margin: 7px 0px;
}

.advantage_div p {
	color: #999;
	margin-top: 10px;
}

.alter {
	height: 57px;
}

.scene {
	width: 20% !important;
}

.framework {
	display: flex;
	position: relative;
	margin-top: 50px;
	align-items: center;
	justify-content: center;
}

.framework_div {
	margin: 0px 20px;
	position: relative;
}

.framework_div_top {
	padding-bottom: 3px;
	border-bottom: 1px dashed;
	position: relative;
	margin-bottom: 19px;
}

.framework_div_bottom {
	border-top: 1px dashed;
	position: relative;
}

.framework_div_bottom img {
	width: 9px;
	position: absolute;
	left: -13px;
	top: -7px;
	transform: rotate(270deg);
}

.framework_div_top img {
	width: 9px;
	position: absolute;
	right: -13px;
	bottom: -7px;
	transform: rotate(90deg);
}

.btn_pic_03 {
	position: absolute;
	right: 0px;
	width: 129px;
}

.framework_f div {
	margin-top: 10px;
	text-align: center;
}

.port {
	display: flex;
	margin-top: 9px;
	margin-bottom: 9px;
}

.port_div {
	background-color: rgb(226, 244, 253);
	border-radius: 10px;
	margin-right: 50px;
	padding-bottom: 20px;
}

.port_title {
	margin: 22px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 550;
}

.port-all {
	display: flex;
}

.port_title_div {
	float: left;
	margin: 0px 16px;
	text-align: center;
}

.port_title_div div {
	margin-top: 10px;
	width: 50px;
}

.interior {
	background-color: rgb(226, 244, 253);
	border-radius: 10px;
	font-size: 23px;
	font-weight: 550;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 0px;
	margin-top: 9px;
}

.port_box {
	width: 992px;
}

.horizontal {
	margin: 20px 0px;
	text-align: center;
}

.cache {
	display: flex;
	align-items: center;
	margin-top: 20px;
	padding: 0px 20px;
}

.cache div {
	margin-left: 16px;
}

.cache img {
	width: 26px;
}

.whole_03 {
	margin-top: 70px;
}