﻿.section{
	padding: 3rem 0;
}
.section .section-title{
	text-align: center;
}
.section-title p{
	font-size: 2rem;
	color: #333333;
	margin: 0;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0.5rem;
}
.section-title text{
	font-size: 1rem;
	color: #666666;
	letter-spacing: 2px;
}
.section-0 {
    height: 32.5rem;
	background: url(../../../images/scheme/marketing_scheme/integral_strategy/section-0-bg.png) no-repeat center;
	background-size: cover;
}
.section-0 .section-banner{
	padding: 8rem 0 0 18rem;
}
.section-0 .section-banner .section-banner-title{
	background: #5151ff;
	border-radius: 0.8rem;
	padding: 2px;
	color: #fff;
	font-size: 0.85rem;
	width: 11.5rem;
	display: flex;
	align-items: center;
	letter-spacing: 1.13px;
	margin-bottom: 1.6rem;
}
.section-0 .section-banner .section-banner-title text{
	display: inline-block;
	padding: 0.25rem 0.65rem;
	background: #12b9ff;
	border-radius: 0.8rem;
	margin-right: 1rem;
}
.section-0 .section-banner strong{
	color: #ffffff;
	font-size: 2.25rem;
}
.section-0 .section-banner p{
	margin-top: 1.1rem;
	font-size: 1.25rem;
	color: #08087a;
	margin-bottom: 3rem;
}
.section-0 .section-banner .section-down-btn{
	cursor: pointer;
	position: relative;
	width: 8.2rem;
	height: 1.9rem;
	display: inline-block;
}
.section-0 .section-banner .section-down-btn text{
	width: 8.2rem;
	height: 1.9rem;
	text-align: center;
	line-height: 1.9rem;
	color: #2e4ccb;
	font-size: 1.2rem;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	background: #ffffff;
	border-radius: 0.9rem;
}
.section-0 .section-banner .section-down-btn .section-down-shadow{
	position: absolute;
	width: 8.7rem;
	height: 2.5rem;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	opacity: 0.21;
}
/* 内容1 */
.section-1{
	padding-bottom: 0;
}
.section-1 .section-content{
	position: relative;
	background: url(../../../images/scheme/marketing_scheme/integral_strategy/section-1-bg.png) no-repeat;
	background-size: 100%;
	height: 42rem;
}
.section-1 .section-content .section-title{
	position: absolute;
	left: 50%; 
	bottom: 7rem;   
	transform: translate(-50%, 0);    
}
.section-1 .section-content .section-title p{
	color: #FFFFFF; 
}
.section-1 .section-content .section-title text{
	color: #FFFFFF; 
}
.section-1 .section-content .section-dialogue-group{
	width: 100%;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item{
	position: absolute;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item1{
	width: 10.75rem;
	height: 4.95rem;
	top: 2.5rem;
	left: 30rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item2{
	width: 14.45rem;
	height: 5.05rem;
	top: 8rem;
	left: 20rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item3{
	width: 10.75rem;
	height: 4.95rem;
	top: 14rem;
	left: 24rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item4{
	width: 12.75rem;
	height: 5.05rem;
	top: 2.5rem;
	right: 28rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item5{
	width: 10.75rem;
	height: 4.95rem;
	top: 8rem;
	right: 25rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item6{
	width: 12.2rem;
	height: 4.8rem;
	top: 14rem;
	right: 21rem;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item img{
	position: absolute;
	width: 100%;
	height: 100%;
}
.section-1 .section-content .section-dialogue-group .section-dialogue-item p{
	color: #333333;
	letter-spacing: 1px;
	font-size: 0.9rem;
	position: absolute;
	top: 1.35rem;
	width: 100%;
	text-align: center;
}
/* 内容2 */
.section-2{
	padding-top: 1.5rem;
}
.section-2 .section-flex{
	display: flex;
	justify-content: space-between;
	padding: 0 23.9rem;
}
.section-2 .section-flex .section-item{
	text-align: center;
	padding: 2rem 1.45rem 0 1.45rem;
	border-radius: 2.55rem;
	box-shadow: 0px 3px 30px 0px rgba(74,198,223,0.31); 
	height: 23.45rem;
}
.section-2 .section-flex .section-item img{
	width: 11.85rem;
	height: 8.3rem;
}
.section-2 .section-flex .section-item .section-desc{
	margin-top: 1rem;
}
.section-2 .section-flex .section-item .section-desc p{
	margin-bottom: 1rem;
	font-size: 1rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.section-2 .section-flex .section-item .section-desc p strong{
	color: #319bff;
	letter-spacing: -2px;
	font-size: 1.3rem;
	margin-right: 0.25rem;
}
.section-2 .section-flex .section-item .section-desc text{
	color: #666666;
	line-height: 1.5rem;
	font-size: 0.85rem;
	width: 10.2rem;
	margin: 0 auto;
	text-align: left;
	display: inline-block;
}
/* 内容3 */
.section-3{
	background: url(../../../images/scheme/marketing_scheme/integral_strategy/section-3-bg.png) no-repeat;
	background-size: 100%;
	height: 36.25rem;
	padding-left: 15rem;
	padding-top: 3.75rem;
	position: relative;
	overflow: hidden;
}
.section-3 .section-words-group{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: right;
}
.section-3 .section-words-group .section-words{
	position: absolute;
	color: #666666;
	font-size: 0.7rem;
}
.section-words1{
	left: 34.35%;
	top: 47%;
}
.section-words2{
	left: 35.1%;
	top: 34.5%;
}
.section-words3{
	left: 37.85%;
	top: 24.5%;
}
.section-words4{
	left: 42.2%;
	top: 18%;
}
.section-words5{
	left: 47.25%;
	top: 15.9%;
}
.section-words6{
	left: 52.2%;
	top: 18.25%;
}
.section-words7{
	left: 56.9%;
	top: 24.8%;
}
.section-words8{
	left: 59.9%;
	top: 35%;
}
.section-words9{
	left: 60.45%;
	top: 47%;
}
.section-3 .section-description{
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translate(-50%, 0);
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 2.1rem;
}
.section-3 .section-l-content{
	position: absolute;
	padding: 6rem 0 0 6rem;
	width: 21rem;
}
.section-3 .section-l-content .section-sub-title{
	
}
.section-3 .section-l-content .section-sub-title p{
	color: #333333;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.7rem;
	display: flex;
	align-items: center;
}
.section-3 .section-l-content .section-sub-title p strong{
	font-size: 2.2rem;
	margin-right: 0.25rem;
	color: #319bff;
}
.section-3 .section-l-content .section-sub-title text{
	font-size: 1rem;
	color: #434245;
	line-height: 1.5rem;
}
.section-3 .section-l-content .section-sub-title .line{
	width: 3.5rem;
	height: 4px;
	background: #319bff;
	margin-top: 0.5rem;
}
.section-3 .section-l-content .section-sub-content{
	font-size: 1rem;
	color: #666666;
	line-height: 1.8rem;
	margin-top: 2rem;
}
/* 内容4 */
.section-4{
	background: url(../../../images/scheme/marketing_scheme/integral_strategy/bottom.png) no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 2rem;
}
.section-4 .section-parts{
	
}
.section-4 .section-parts .section-part{
	width: 57.45rem;
	margin: 0 auto;
	background: #ecf6ff;
	border: 5px solid #a6d8fe;
	border-radius: 2.35rem;
	position: relative;
	padding: 2rem 8rem;
	box-sizing: border-box;
}
.section-4 .section-parts .section-part .section-sub-title{
	padding: 0 1rem;
}
.section-4 .section-parts .section-part .section-sub-title p{
	color: #333333;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-4 .section-parts .section-part .section-sub-title p strong{
	font-size: 2.2rem;
	margin-right: 0.25rem;
	color: #319bff;
}
.section-4 .section-parts .section-part .section-sub-title text{
	font-size: 1rem;
	color: #434245;
	line-height: 1.5rem;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.section-4 .section-parts .section-part .section-sub-content{
	font-size: 0.9rem;
	color: #666666;
	line-height: 1.5rem;
	margin-top: 1rem;
	padding: 0 1rem;
}
.section-4 .section-parts .section-part .section-image{
	width: 40rem;
	height: 16rem;
	margin-bottom: 1rem;
	background: #afdcfe;
	border-radius: 1.15rem;
	margin-top: 0.5rem;
}
.section-4 .section-parts .section-part .section-image img{
	width: 100%;
	height: 100%;
	margin-top: 0.5rem;
}
.section-bg1{
	width: 20.6rem;
	height: 19.55rem;
	position: absolute;
	bottom: -6.5rem;
	right: -0.5rem;
}
.section-bg2{
	width: 21.4rem;
	height: 12.85rem;
	position: absolute;
	bottom: 0;
	left: -1rem;
}
.section-4 .learn-more {
   background: #0e73bf;
   width: 14.35rem;
   height: 3.7rem;
   margin: 0 auto;
   margin-top: 5rem;
   cursor: pointer;
   position: relative;
   border-radius: 0.45rem;
}
.section-4 .learn-more .learn-more-o {
	width: 14.1rem;
	height: 3.5rem;
	line-height: 3.5rem;
	background: #1392f2;
	border-radius: 0.45rem;
	color: #FFFFFF;
	font-size: 1.3rem;
	text-align: center;
	letter-spacing: 2px;
	position: absolute;
	top: 0.2rem;
}