/* 顶部 —— START */
.page-header {
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	transition: all .2s ease;
	z-index: 99;
}

.page-header.page-header-active  {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 4px 0px #DAE5FB;
}

.page-header .header-nav {
	width: 1200px;
}

.page-header .header-nav .nav-logo {
	margin-right: 130px;
}

.header-nav .nav-logo .logo-icon {
	width: 124px;
	height: 36px;
}

.page-header .header-nav .list-item {
	padding: 0 20px;
}

.page-header .header-nav .list-item>a {
	font-weight: 400;
	color: #FFFFFF;
}

.page-header .header-nav .list-item>a:hover {
	font-weight: 600;
	color: #FFFFFF;
}

.page-header.page-header-active .header-nav .list-item>a {
	font-weight: 400;
	color: #333333;
}

.page-header.page-header-active .header-nav .list-item>a:hover {
	font-weight: 600;
	color: #0A73EF;
}

.page-header .header-nav .list-item.list-item-active::before {
	content: "";
	position: absolute;
	margin-left: -10px;
	bottom: 1px;
	left: 50%;
	width: 20px;
	height: 2px;
	background-color: #FFFFFF;
	transition: width .2s ease;
}

.page-header.page-header-active .header-nav .list-item.list-item-active::before {
	background-color: #0A73EF;
}

.page-header .header-nav .list-item.list-item-active>a {
	font-weight: 600;
	color: #FFFFFF;
}

.page-header.page-header-active .header-nav .list-item.list-item-active>a {
	color: #0A73EF;
}
/* 顶部 —— END */


/* 主体内容 —— START */
.page-main {
	background-color: #F3F5F8;
}

/* 主体内容-区域1 */
.page-main .main-one {
	height: 456px;
}

.page-main .main-one .one-box {
	width: 1200px;
}

.page-main .main-one .swiper-slide:nth-of-type(1) {
	background-image: url("../img/home_banner1.png");
	background-size: cover;
}

.main-one .swiper-slide:nth-of-type(1) .one-box>img {
	width: 876px;
	width: 700px;
	height: 238px;
	height: 190px;
}

.page-main .main-one .swiper-slide:nth-of-type(2) {
	background-image: url("../img/home_banner2.png");
	background-size: cover;
}

.main-one .swiper-slide:nth-of-type(2) .one-box>img {
	width: 771px;
	width: 539.7px;
	height: 178px;
	height: 124.6px;
}

.page-main .main-one .swiper-slide:nth-of-type(3) {
	background-image: url("../img/home_banner3.png");
	background-size: cover;
}

.main-one .swiper-slide:nth-of-type(3) .one-box>img {
	width: 893px;
	width: 446.5px;
	height: 214px;
	height: 107px;
}

.page-main .main-one .swiper-slide:nth-of-type(4) {
	background-image: url("../img/home_banner4.png");
	background-size: cover;
}

.main-one .swiper-slide:nth-of-type(4) .one-box>img {
	width: 753px;
	width: 376.5px;
	height: 265px;
	height: 132.5px;
}

.page-main .main-one .one-menu {
	margin-left: -600px;
	bottom: -70px;
	left: 50%;
	width: 1200px;
	height: 126px;
	border-radius: 4px;
	background-color: #F9FCFF;
	box-shadow: 0px 4px 4px 0px #DAE5FB;
	z-index: 1;
}

.main-one .one-menu .menu-item:nth-of-type(1) {
	padding-left: 45px;
}

.main-one .one-menu .menu-item:nth-of-type(4) {
	padding-right: 45px;
}

.one-menu .menu-item .item-icon {
	width: 42px;
	height: 42px;
}
/* end */

/* 主体内容-区域2 */
.page-main .main-two {
	padding-top: 130px;
	padding-bottom: 68px;
	width: 1200px;
}

.main-two .two-menu .menu-item {
	width: 285px;
	height: 115px;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 0px #DAE5FB;
	animation: swingTopToBottom 2s infinite forwards alternate;
}

@keyframes swingTopToBottom {
	0% { 
		transform: translateY(-8px); 
	} 
	100% {
		transform: translateY(8px);
	} 
}

.two-menu .menu-item .item-icon {
	width: 42px;
	height: 42px;
}

.main-two .two-container {
	margin-top: 11px;
	margin-bottom: 40px;
}

.main-two .two-container .container-info {
	margin-left: 28px;
	width: 505px;
}

.main-two .two-container .container-info>p {
	margin-top: 40px;
	margin-bottom: 56px;
	line-height: 32px;
}

.main-two .two-container .container-img {
	margin-right: 79px;
}

.two-container .container-img .img-icon {
	width: 310px;
	height: 406px;
}
/* end */

/* 主体内容-区域3 */
.page-main .main-three {
	padding: 74px 0;
	background-color: #EBEDF3;
}

.main-three .three-container {
	width: 500px;
	height: 500px;
}

.main-three .three-container .container-sprite:nth-of-type(1) {
	top: 20px;
	left: -200px;
}

.main-three .three-container .container-sprite:nth-of-type(2) {
	top: 170px;
	left: -270px;
}

.main-three .three-container .container-sprite:nth-of-type(3) {
	top: 374px;
	left: -240px;
}

.main-three .three-container .container-sprite:nth-of-type(4) {
	top: 20px;
	right: -200px;
}

.main-three .three-container .container-sprite:nth-of-type(5) {
	top: 170px;
	right: -270px;
}

.main-three .three-container .container-sprite:nth-of-type(6) {
	top: 374px;
	right: -240px;
}

.main-three .three-container .container-sprite .sprite-round {
	width: 64px;
	height: 64px;
	background: linear-gradient( 180deg, #3F97FF 0%, #0A73EF 100%);
	box-shadow: 0px 10px 4px 0px #DAE5FB;
}

.main-three .three-container .container-title {
	margin-top: -100px;
	margin-left: -100px;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
}
/* end */

/* 主体内容-区域4 */
.page-main .main-four {
	margin-top: 50px;
	margin-bottom: 22px;
}

.page-main .main-four .four-desc {
	margin-top: 24px;
	margin-bottom: 40px;
}

.page-main .main-four .four-container {
	width: 1050px;
}

.main-four .four-container .container-tabbar {
	margin-bottom: 45px;
	border-bottom: 2px solid #EBEDF3;
}

.four-container .container-tabbar .tabbar-item {
	padding: 10px 0;
	width: 125px;
}

.four-container .container-tabbar .tabbar-item::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	border-radius: 100px;
	background-color: #0A73EF;
	box-shadow: 0px 0px 4px 0px #DAE5FB;
	transition: width .2s ease;
}

.four-container .container-tabbar .tabbar-item.tabbar-item-active {
	font-weight: 600;
	color: #0A73EF;
}

.four-container .container-tabbar .tabbar-item.tabbar-item-active::before {
	width: 100%;
}

.four-container .container-box .box-info {
	padding-top: 35px;
	width: 468px;
	height: 630px;
}

.container-box .box-info .info-desc {
	margin-top: 20px;
	margin-bottom: 10px;
}

.container-box .box-info .info-progress {
	height: 2px;
	border-radius: 100px;
	background-color: #EBEDF3;
}

.container-box .box-info .info-progress>div {
	width: 0;
	background-color: #333333;
	box-shadow: 0px 0px 4px 0px #DAE5FB;
}

.info-list .list-item {
	margin-top: 64px;
}

.info-list .list-item .item-icon {
	width: 16px;
	height: 16px;
}

.four-container .container-box .box-img {
	width: 522px;
	height: 630px;
}
/* end */

/* 主体内容-区域5 */
.page-main .main-five {
	margin-bottom: 60px;
}

.page-main .main-five .five-desc {
	margin-top: 16px;
	margin-bottom: 40px;
}

.page-main .main-five .five-container {
	width: 1200px;
}

.main-five .five-container .container-arrow {
	width: 36px;
	height: 36px;
}

.main-five .five-container .container-center {
	width: 1090px;
	height: 500px;
	border-radius: 16px;
	background: #FBFBFB;
}

.five-container .container-center .center-left {
	width: 395px;
}

.five-container .container-center .center-right {
	padding: 55px 0;
	padding-left: 66px;
	padding-right: 37px;
}

.container-center .center-right .right-title {
	margin-bottom: 28px;
}

.container-center .center-right .right-text {
	line-height: 32px;
}

.container-center .center-right .right-data {
	margin-top: 50px;
}

.container-center .center-right .sprite {
	bottom: 10px;
	right: 15px;
	width: 0;
	height: 1px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid #0A73EF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}
/* end */

/* 主体内容-区域6 */
.page-main .main-six {
	height: 520px;
	background-image: url("../img/icon11.png");
	background-size: cover;
}

.page-main .main-six .six-desc {
	margin-top: 16px;
	margin-bottom: 46px;
}

.page-main .main-six .six-list {
	width: 1168px;
	flex-flow: row wrap;
	align-content: flex-start;
}

.main-six .six-list .list-item {
	margin-bottom: 45px;
	height: 54px;
	flex: 0 0 16.66%;
}

.six-list .list-item .item-icon {
	width: 153px;
}
/* end */

/* 主体内容 —— END */


/* 通用样式=当前页面自定义 */
.common_main {
	padding-top: 0;
}