.five-main-footer {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.five-main-footer .foot-main-bg {
	position: absolute;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF
		100%);
	width: 100%;
	height: 120px;
	bottom: 110px;
}

.five-main-footer .five-main-icon {
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}

.five-main-footer .footer-icon {
	width: 220px;
	height: 120px;
	margin: 10px;
	border-radius: 6px;
	border: 1px solid #DDDDDD;
	transition: transform 0.5s, height 0.5s;
}

.five-main-footer .footer-icon:hover {
	transform: translateY(-4%);
	transition: transform 0.5s;
	cursor: pointer;
}

.five-main-footer .five-main-btn {
	text-align: center;
	margin-top: 70px;
}

.five-main-footer .five-main-btn button {
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.five-main-footer .footer-icon img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.index-con-five {
	height: 1200px;
}

#five_banners .carousel-indicators {
	top: 414px;
	bottom: -55px;
}

#five_banners .carousel-indicators li {
	width: 10px;
	height: 10px;
	border: 0;
	background: #CDE2FF;
	border-radius: 5px;
}

#five_banners .carousel-indicators .active {
	background: #056CFF;
}

#five_banners .carousel-control-prev {
	width: 68px;
	height: 68px;
	left: -76px;
	margin-top: 190px;
}

#five_banners .carousel-control-prev img {
	width: 68px;
	height: 68px;
	cursor: pointer;
}

#five_banners .carousel-control-next {
	width: 68px;
	height: 68px;
	right: -76px;
	margin-top: 190px;
}

#five_banners .carousel-control-next img {
	width: 68px;
	height: 68px;
	cursor: pointer;
}

.five_banners {
	width: 1050px;
	margin: 0 auto;
}

.five-main-title {
	height: 40px;
	font-size: 40px;
	font-weight: 500;
	color: #333333;
	line-height: 60px;
	text-align: center;
	margin-top: 70px;
	letter-spacing: 1px;
}

.five-banner {
	display: flex;
	width: 1018px;
	height: 320px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	margin: 70px auto 20px auto;
}

.five-banner .five-banner-left {
	width: 400px;
	height: 320px;
}

.five-banner .five-banner-left img {
	width: 400px;
	height: 320px;
}

.five-banner-right .five-banner-txt1 {
	margin-left: 38px;
	margin-top: 30px;
}

.five-banner-right .five-banner-txt1 .five-bannner-txt1-title1 img {
	width: 260px;
	height: 40px;
}

.five-banner-right .five-banner-txt1 .five-bannner-txt1-title2 {
	height: 28px;
	font-size: 28px;
	color: #333333;
	line-height: 42px;
	margin-top: 20px;
}

.five-banner-right .five-banner-txt1 .five-bannner-txt1-title3 {
	width: 511px;
	height: 100px;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	line-height: 25px;
	margin-top: 35px;
}

.index-con-sex {
	height: 750px;
	background: #F8F8F8;
}

.index-con-sex .sex-main-title {
	font-size: 40px;
	font-weight: 500;
	color: #333333;
	line-height: 60px;
	text-align: center;
	padding-top: 80px;
	letter-spacing: 1px;
}

.sex-main {
	display: flex;
	justify-content: center;
}

.sex-main .sex-main-item {
	width: 379px;
	height: 351px;
	background: #FFFFFF;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	margin: 80px 15px 0 15px;
	transition: transform 0.5s, height 0.5s;
}

.sex-main .sex-main-item:hover {
	transform: translateY(-4%);
	transition: transform 0.5s;
	cursor: pointer;
}

.sex-main-item .item-time {
	font-size: 14px;
	color: #A6A6A6;
	line-height: 21px;
	margin-left: 29px;
	margin-top: 10px;
	display: flex;
	align-items: center
}

.sex-main-item .item-time img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	margin-top: 1px;
}

.sex-main-item .item-img img{
	width: 379px;
	height: 228px;
	
}

.sex-main-item .item-con {
	width: 320px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 26px;
	margin-left: 29px;
	margin-top: 10px;
}

.sex-main-foot {
	text-align: center;
	margin-top: 70px;
}

.sex-main-foot button {
	border: 0;
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.index-con-four {
	background-image: url(/static/images/index/adv_bg.png);
	height: 750px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	min-width: 1200px;
}

.index-con-four .four-main-title {
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 60px;
	padding-top: 80px;
	letter-spacing: 1px;
	margin-bottom: 101px;
}

.four-main {
	display: flex;
	justify-content: center;
	width: 1200px;
	margin: 0 auto;
}

.four-main .four-main-item {
	width: 285px;
	height: 430px;
	background: #FFFFFF;
	border-radius: 16px;
	margin: 0 10px;
	transition: transform 0.5s, height 0.5s;
}

.four-main .four-main-item:hover {
	transform: translateY(-4%);
	transition: transform 0.5s;
	cursor: pointer;
}

.mouseleave {
	transform: translateY(0%);
	transition: transform 0.5s;
}

.four-main-item .item-img {
	width: 140px;
	height: 140px;
	margin: 39px auto 0 auto;
}

.four-main-item .item-img img {
	width: 100%;
	height: 100%;
}

.four-main-item .item-title {
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 41px;
}

.four-main-item .item-con {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 23px;
	margin: 21px 16px 0 16px;
}

.index-con-three {
	height: 750px;
	background: #F8FBFE;
	display: flex;
	justify-content: center;
}

.index-con-three .index-con-three-main {
	width: 1200px;
	height: 472px;
	background: #FFFFFF;
	box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 188px;
	display: flex;
}

.index-con-three .index-con-three-main .main-left {
	width: 500px;
	height: 472px;
}

.index-con-three .index-con-three-main .main-left img {
	width: 100%;
	height: 100%;
}

.index-con-three .index-con-three-main .main-right {
	margin: 41px 80px 0 85px;
}

.index-con-three .index-con-three-main .main-right .main-right-title {
	width: 32px;
	height: 30px;
}

.index-con-three .index-con-three-main .main-right .main-right-title img
	{
	width: 100%;
	height: 100%;
}

.index-con-three .index-con-three-main .main-right .main-right-con {
	margin-top: 48px;
	width: 535px;
	font-size: 14px;
	color: #777777;
	line-height: 27px;
}

.main-right-foot {
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
	align-items: center;
}

.main-right-foot .foot-item {
	text-align: center;
	bottom: 66px;
	margin-left: 10px;
}

.main-right-foot .foot-item .foot-item-top {
	width: 40px;
	height: 40px;
	margin: 0 auto;
}

.main-right-foot .foot-item .foot-item-top img {
	width: 100%;
	height: 100%;
}

.main-right-foot .foot-item .foot-item-bottom {
	font-size: 10px;
	color: #666666;
	line-height: 15px;
}

.cases-accordion {
	display: flex;
	height: 460px;
	width: 1200px;
	margin: 84px auto 0 auto;
}

.cases-accordion-item {
	background-size: cover;
	border-radius: 14px;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: all .2s ease-in-out;
	width: 142px;
}

.cases-accordion-item.active {
	background-position: 0;
	cursor: pointer;
	width: 429px;
}

.cases-accordion-item-content {
	height: 100%;
	opacity: 0;
	transition: opacity .5s ease-in-out, background .5s ease-in-out;
	transition-delay: .22s;
	width: 100%;
}

.cases-accordion-item.active .cases-accordion-item-content {
	-webkit-backdrop-filter: blur(14px);
	opacity: 1;
	background: linear-gradient(137deg, rgba(47, 168, 241, 0.89) 0%,
		rgba(25, 87, 254, 0.87) 100%);
	backdrop-filter: blur(10px);
	border-radius: 14px;
}

/* .cases-accordion-item-content img {
		    display: block;
		    height: 241px;
		    left: -584px;
		    position: absolute;
		    top: 86px;
		    transition: left .5s;
		    transition-delay: .22s;
		}
		.cases-accordion-item.active .cases-accordion-item-content img {
		    left: 42px;
		} */
.cases-accordion-item-mask {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	bottom: 0;
	height: 100%;
	position: absolute;
	transition: opacity .5s ease-in-out;
	transition-delay: .22s;
	width: 100%;
}

.cases-accordion-item.active .cases-accordion-item-mask {
	opacity: 0;
}

.cases-accordion-item-logo {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	bottom: 0;
	position: absolute;
	transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition-delay: .22s;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	bottom: 84px;
}

.cases-accordion-item.active .cases-accordion-item-logo {
	bottom: -212px;
	opacity: 0;
}

.cases-accordion-item-content-title {
	display: block;
	position: absolute;
	transition: left .5s;
	transition-delay: .22s;
	top: 75px;
	left: -429px;
	font-size: 34px;
	font-weight: 500;
	color: #FFFFFF;
}

.cases-accordion-item.active .cases-accordion-item-content-title {
	left: 52px;
}

.cases-accordion-item-content-body {
	display: block;
	position: absolute;
	transition: left .5s;
	transition-delay: .22s;
	top: 140px;
	left: -429px;
	width: 336px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 26px;
}

.cases-accordion-item.active .cases-accordion-item-content-body {
	left: 52px;
}

.cases-accordion-item-content-foot button {
	display: block;
	position: absolute;
	transition: left .5s;
	transition-delay: .22s;
	bottom: 77px;
	left: -429px;
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 5px;
	border: 0;
	font-size: 14px;
	color: #000000;
	line-height: 21px;
}

.cases-accordion-item.active .cases-accordion-item-content-foot button {
	left: 52px;
}

.index-banners {
	position: relative;
	min-width: 1200px;
	/* background-image: url(./static/images/index/banner1.png);
			height: 730px;
			background-repeat: no-repeat;
			background-size: 100% 100%; */
}

.index-banners img {
	height: 600px;
	min-width: 1200px;
	/* width: 1920px;
			margin: 0 auto; */
}

.banner-txt1 {
	position: absolute;
	top: 190px;
	left: calc(50% - 600px);
}

.banner-txt1 .bannner-txt1-title1 {
	font-size: 48px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 72px;
	letter-spacing: 1px;
}

.banner-txt1 .bannner-txt1-title2 {
	width: 386px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 16px;
}

.banner-txt1 .bannner-txt1-title3 {
	margin-top: 48px;
}

.banner-txt1 .bannner-txt1-title3 button {
	width: 130px;
	height: 48px;
	background: #FFFFFF;
	border-radius: 3px;
	border: 0;
	font-size: 18px;
	color: #4F4F4F;
	line-height: 27px;
}

.banner-txt1 .bannner-txt1-title3 button:hover {
	background: rgb(209, 226, 251);
}

.index-con-one {
	width: 100%;
	height: 700px;
	background: #FFFFFF;
	padding-top: 80px;
}

.index-con-one .con-title {
	font-size: 40px;
	font-weight: 500;
	color: #333333;
	line-height: 60px;
	letter-spacing: 1px;
	text-align: center;
}

.index-con-one .con-index {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}

.index-con-one .con-index .con-index-slogo {
	width: 230px;
	height: 416px;
	margin-top: 62px;
}

.index-con-one .con-index .con-index-slogo .con-index-img {
	width: 140px;
	height: 140px;
	/* border: 1px dashed red; */
	margin: 0 auto;
}

.index-con-one .con-index .con-index-slogo .con-index-img img {
	width: 100%;
	height: auto;
}

.index-con-one .con-index .con-index-slogo .con-index-title1 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	margin-top: 28px;
	text-align: center;
}

.index-con-one .con-index .con-index-slogo .con-index-title2 {
	font-size: 14px;
	color: #999999;
	margin-top: 16px;
	line-height: 28px;
}

.index-con-two {
	background-image: url(/static/images/index/con-bg.png);
	height: 750px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-width: 1200px;
}

.index-con-two .con-title {
	font-size: 40px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	padding-top: 88px;
	letter-spacing: 1px;
}