.div-view {
	width: 1400px;
	margin: 0 auto;
}

#index-top {
	position: relative;
}

#index-top .top-back {
	width: 100%;
	display: block;
}

#index-top .top-icon {
	position: absolute;
	width: 36px;
	top: 36px;
	right: 50px;
}

#index-top .div-view {
	position: absolute;
	top: 34px;
	color: #fff;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
}

#index-top .index-header {
	width: 920px;
	margin: 0 auto;
}

#index-top .nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#index-top .nav>li {
	line-height: 34px;
	font-size: 14px;
	width: 64px;
	text-align: center;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}

#index-top .nav>li.chosed {
	border-bottom-color: #fff;
}

#index-top .nav>li:hover {
	border-bottom-color: #fff;
}

#index-top .top-content {
	text-align: center;
	margin: 0 auto;
	margin-top: 140px;
	width: 680px;
}

#index-top .top-content>h2 {
	font-size: 76px;
	line-height: 72px;
}

#index-top .top-content>p {
	font-size: 30px;
	line-height: 30px;
	margin: 31px 0 23px 0;
}

#index-top .top-content>h1 {
	height: 2px;
	background-color: #ffffff;
}

#index-top .top-content>span {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 29px 0 27px 0;
}

#index-top .top-content>div {
	width: 292px;
	height: 57px;
	line-height: 57px;
	text-align: center;
	background-color: #ffffff;
	font-size: 20px;
	color: #6a96db;
	border-radius: 5px;
	margin: 0 auto;
}

#index-content {
	background: #fff;
	position: relative;
	padding-bottom: 50px;
}

#index-content .div-view {
	position: relative;
	top: -50px;
	z-index: 10;
}

#index-content .body-back {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#index-content .abouts {
	width: 1376px;
	background: rgba(248, 248, 251, 0.65);
	padding: 1px 0;
	margin: 0 auto;
}

#index-content .advantage {
	height: 263px;
	color: #fff;
	align-items: center;
	background-image: linear-gradient(0deg, #2f81f2 50%, #347aeb 50%, #3873e4 100%), linear-gradient(#ffffff, #ffffff);
	margin: 27px 31px 31px 31px;
}

#index-content .advantage ul {
	display: flex;
	align-items: center;
}

#index-content .advantage li {
	flex: 1;
	text-align: center;
	height: 263px;
	border-right: 1px solid rgba(149, 184, 237, 0.55);
	width: 24.9%;
}

#index-content .advantage li:last-child {
	border-right: 0;
}

#index-content .advantage li>p:nth-child(1) {
	font-size: 60px;
	margin-top: 80px;
	line-height: 47px;
}

#index-content .advantage li>p:nth-child(2) {
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 90%;
	margin: 0 auto;
}

#index-content .advantage li>p span {
	font-size: 16px;
}

#index-content .about-us {
	display: flex;
	padding: 102px 160px 0 160px;
	justify-content: space-between;
}

#index-content .about-us .left {
	width: 518px;
}

#index-content .about-us .left>p:nth-child(1) {
	font-size: 18px;
	margin: 20px 0;
}

#index-content .about-us .left>p:nth-child(2) {
	font-size: 14px;
	line-height: 28px;
}

#index-content .about-us .left>p span {
	text-indent: 2em;
	display: block;
}

#index-content .about-us .right {}

#index-content .about-us .right img {
	width: 448px;
	height: 252px;
}

#index-content .btns {
	display: flex;
	align-items: center;
	margin: 66px auto 32px auto;
	justify-content: center;
}

#index-content .btns>p {
	width: 120px;
	text-align: center;
	line-height: 36px;
	height: 36px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #4c80e7;
}

#index-content .btns>p:nth-child(1) {
	background-color: #f0f0ff;
	color: #4c80e7;
	margin-right: 10px;
}

#index-content .btns>p:nth-child(2) {
	background-color: #4c80e7;
	color: #fff;
}


#index-content .works {}

#index-content .works-nav {
	text-align: center;
	margin: 125px auto 70px auto;
}

#index-content .works-nav p {
	font-size: 30px;
}

#index-content .works-nav span {
	font-size: 14px;
	display: block;
	margin: 11px 0 17px 0;
	color: #999999;
}

#index-content .works-nav div {
	width: 68px;
	height: 4px;
	background-color: #4c80e7;
	margin: 0 auto;
}

#index-content .works-ul {
	display: flex;
	width: 1196px;
	justify-content: space-between;
	margin: 0 auto;
}

#index-content .works-ul li {
	text-align: center;
	color: #333333;
	width: 255px;
}

#index-content .works li img {
	width: 147px;
	height: 168px;
}

#index-content .works li p {
	font-size: 20px;
	line-height: 20px;
	margin: 30px 0 15px 0;
}

#index-content .works li span {
	font-size: 14px;
	line-height: 28px;
}


#index-footer {
	padding: 20px 0;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: center;
}

#index-footer .footer-p {
	font-size: 12px;
}

#index-footer .footer-div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

#footer-div {
	color:#000;
	padding: 5px 0;
}

#index-footer .footer-div img {
	width: 15px;
	height: 15px;
}

#index-footer .footer-div a {
	display: inline-block;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	color: #939393;
}