.lpHeader{
	margin-top:80px;
	background:#EDF3FF;
}

.lpHeaderInner{
	width:92%;
	max-width:1170px;
	margin:0 auto;
	display:flex;
	justify-content: space-around;
	align-items: center;
	padding:32px 14px;
}

.lhLeft{
	width:48%;
	text-align: center;
}

.fvBubble{
	color:#0E69E2;
	font-weight:600;
	background:#FFEE00;
	position:relative;
	max-width:354px;
	margin:0 auto;
	border-radius:100px;
	padding:8px 32px;
	font-size:2.2rem;
}

.fvBubble:before {
	content: "";
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: 0;
    border: 5px solid transparent;
    border-top: 22px solid #F1D41D;
    z-index: 2;
}
  .lhLeft h1{
	  font-size:3.8rem;
	  font-weight:600;
	  margin:24px 0 ;
  }

  .lhLeft h1 > span{
	  display:block;
  }


  .lhLeft h1 > span:nth-of-type(1){
	  position:relative;
	  margin-bottom:22px;
  }

  .lhLeft h1 > span:nth-of-type(1):before{
	  position:absolute;
	  content:"";
	  width:32px;
	  height:4px;
	  background:#000000;
	  bottom:-16px;
	  left:0;
	  right:0;
	  margin:auto;
	  transform:rotate(45deg);
  }
  .lhLeft h1 > span:nth-of-type(1):after{
	position:absolute;
	content:"";
	width:32px;
	height:4px;
	background:#000000;
	bottom:-16px;
	left:0;
	right:0;
	margin:auto;
	transform:rotate(-45deg);
}


.lhLeft h1 > span > span{
	color:#0E69E2;
}

.fvPoints{
	display:flex;
	justify-content: center;
	align-items: center;
}

.fvPoints > img{
	width:32%;
	max-width:100px;
	display:block;
	margin:0 ;

}

.fvPoints > img:nth-of-type(2){
	margin:0 20px;
}

.lhRight{
	width:48%;
}

.commonArticle h2{
	font-size:3.2rem;
	text-align: center;
	color:#000000;
}

.commonArticle h3{
	font-size:2rem;
	text-align: center;
	color:#000000;
}

.commonArticle h2 span{
	color:#0E69E2;
}

.recommend .col3Child{
	background:#EDF3FF;
	border-radius:6px;
	padding:3.2rem 1rem;
}

.recommend .col3Child img{
	width:100%;
	max-width:220px;
	display: block;
	margin:0 auto;
}
.commonArticle{
	width:100%;
	margin:0;
	max-width:none;
}

.inner{
	max-width:1050px;
}

.recommend .col3Child h3{
	position:relative;
}

.recommend .col3Child h3:after{
	content:"";
	position:absolute;
	width:40%;
	height:4px;
	background:#0E69E2;
	bottom:-12px;
	left:0;
	right:0;
	margin:auto;
}

.problem{
	background:#F2F2F2;
}

.bubble{
	color:#fff;
	font-weight:600;
	background:#0E69E2;
	position:relative;
	max-width:430px;
	margin:0 auto 22px;
	border-radius:100px;
	padding:8px 0px;
	font-size:2.2rem;
	text-align: center;
}

.bubble:before {
	content: "";
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: 0;
    border: 5px solid transparent;
    border-top: 22px solid #0E69E2;
    z-index: 2;
}

.problemCol3{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-top:32px;
}

.pc2{
	width:10rem;
}

.pc1,.pc3{
	width:calc((100% - 20rem) / 2)
}

.pc1 p,.pc3 p{
	font-size:1.6rem;
	padding:2rem;
	background:#fff;
	margin:16px 0;
	border-radius:6px;
	text-align:center;
	font-weight:600;
	position:relative;
}

.pc1 p span,.pc3 p span{
	font-size:2rem;
	display:block;
}

.pc1 p:after{
	content: "";
    position: absolute;
    top: 50%;
    right: -45px;
    margin-top: -7px;
    border: 8px solid transparent;
    border-left: 40px solid #FFF;
    z-index: 2;
}

.pc1 p:nth-of-type(1):after{
	transform:rotate(30deg);
	right:-40px;
}

.pc1 p:nth-of-type(3):after{
	transform:rotate(-30deg);
	right:-40px;
}


.pc3 p:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -45px;
	margin-top: -7px;
	border: 8px solid transparent;
	border-right: 40px solid #FFF;
	z-index: 2;
}

.pc3 p:nth-of-type(1):after{
	transform:rotate(-30deg);
	left:-40px;
}

.pc3 p:nth-of-type(2):after{
	transform:rotate(30deg);
	left:-40px;
}

.clear{
	background:#0E69E2;
}

.clear .bubble{
	background:#F1D41D;
	color:#0E69E2;
}

.clear .bubble:before{
	border-top: 22px solid #F1D41D;
}

.clear h2{
	color:#fff;
}

.feature{
	background:#EDF3FF;
}

.feature .col2Child{
	background:#fff;
	border-radius:6px;
	padding:24px 16px;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	margin:8px auto;
	position:relative;
}

.feature .col2Child:before{
	position:absolute;
	content:"";
	right:24px;
	bottom:24px;
}

.feature .col2Child:nth-of-type(1):before{
	background:center / contain no-repeat url(../img/25series_img/1.svg);
	width:32px;
	height:93px;
}

.feature .col2Child:nth-of-type(2):before{
	background:center / contain no-repeat url(../img/25series_img/2.svg);
	width:58px;
	height:93px;
}

.feature .col2Child:nth-of-type(3):before{
	background:center / contain no-repeat url(../img/25series_img/3.svg);
	width:60px;
	height:93px;
}

.feature .col2Child:nth-of-type(4):before{
	background:center / contain no-repeat url(../img/25series_img/4.svg);
	width:68px;
	height:93px;
}

.feature .col2Child h3{
	text-align:left;
	margin-left:12px;
	padding-left:12px;
	border-left:6px solid #0E69E2;
	z-index:1;
}

.feature .col2Child h3 span{
	color:#0E69E2;
}

.series > .inner > p{
	text-align:center;
	margin-top:12px;
}

.series .col3Child{
	background:#fff;
	border:2px solid #EDF3FF;
	box-shadow:3px 6px 10px rgba(0,0,0,.16);
	border-radius:6px;
	width:32%;
	margin:8px auto;
	padding:18px 12px;
}

.series .col3Child img{
	width:auto;
	height:auto;
	max-height:64px;
	display:block;
	margin:0 auto;
	
}
.series .col3Child ul{
	margin: 0;
	padding: 0;
	padding-left: 28px;
	list-style: none;
}

.series .col3Child ul li{
	position: relative;
    padding: 6.5px 0;
    border-bottom: 1px solid #61A5FF;
}

.series .col3Child ul li:before{
	position: absolute;
    content: "";
    background: center / contain no-repeat url(../../img/child_arrow.png);
    width: 16px;
    height: 16px;
    top: 12px;
    left: -22px;
}

.series .col3Child .commonButton{
	display:block;
	margin:16px auto;
}

.constitution > .inner > p{
	text-align:center;
	margin:8px 0;
}

.constitution{
	background:#EDF3FF;
}

.constitutionContainer{
	background:#fff;
	padding:48px 32px 32px;
	margin-top:18px;
	border-radius:6px;
}

.ccInner{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
}

.ccBox{
	padding:14px;
	border-radius:6px;
	position:relative;
}

.ccBox1{
	width:15%;
	background:#EDF3FF;
	margin-top:-2.8rem;
}

.ccBox2{
	width:30%;
	background:#0E69E2;
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
}

.ccBox2 .ccBoxInner{
	width:47%;
}



.ccBox3{
	width:30%;
	background:#00A4E3;
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}

.ccBox3 .ccBoxInner{
	width:47%;
}

.ccBox4{
	width:15%;
	background:#4CBEBE;
	display:flex;
	justify-content: center;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.ccBox h3{
	font-size:1.6rem;
}

.ccBox{
	text-align: center;
}

.ccBox:nth-of-type(1) img{
	margin-top:10px;
}

.ccBox:nth-of-type(n + 2){
	padding-top:48px;
}

.ccBox:nth-of-type(n + 2) img{
	margin-bottom:10px;
}

.ccBox:nth-of-type(n + 2) h3{
	position:absolute;
	z-index:2;
	text-align:center;
	background:#fff;
	border-radius:100px;
	padding:18px 0;
	width:100%;
	display:block;
	top:-28px;
	left:0;
}

.ccBox2 h3{
	color:#0E69E2;
	border:3px solid #0E69E2;
}

.ccBox3 h3{
	color:#00A4E3;
	border:3px solid #00A4E3;
}

.ccBox4 h3{
	color:#4CBEBE;
	border:3px solid #4CBEBE;
}

.ccBox2 h4{
	color:#fff;
}

.ccBox3 h4{
	color:#fff;
}

.ccBox4 h4{
	color:#fff;
	font-size:1.6rem;
}

.ccBox2 .ccBoxInner:nth-of-type(2) a img,.ccBox2 .ccBoxInner:nth-of-type(2) div img{
	margin-top:2.5rem;
}

.ccBox3 .ccBoxInner:nth-of-type(1) a img,.ccBox3 .ccBoxInner:nth-of-type(2) a img,.ccBox3 .ccBoxInner:nth-of-type(2) div img{
	margin-top:2.5rem;
}

.constitution .inner{
	max-width:1170px;
}

.ccBox:after{
	position:absolute;
	content:"";
	width:42px;
	height:24px;
	background:#3C3736;
	right: -42px;
    top: 34px;
}

.ccBox1:after{
	top:62px;
}

.ccBox4:after{
	display:none;
}

@media(max-width:1100px){
	.ccBox h3{
		font-size:1.4rem;
	}
	.ccBox h4{
		font-size:1.3rem;
	}
	.ccBox2 .ccBoxInner:nth-of-type(2) a img,.ccBox2 .ccBoxInner:nth-of-type(2) div img{
		margin-top:2rem;
	}
	.ccBox3 .ccBoxInner:nth-of-type(1) a img, .ccBox3 .ccBoxInner:nth-of-type(2) a img,.ccBox3 .ccBoxInner:nth-of-type(2) div img{
		margin-top: 2rem;
	}
}

@media(max-width:1000px){
	.pc1 p, .pc3 p{
		font-size:1.4rem;
	}
	.commonButton{
		min-width:auto;
	}
}

@media(max-width:768px){
	.lpHeader{
		margin-top:0;
	}
	.lhLeft h1{
		font-size:4vw;
	}
	main#main{
		margin-top:8rem;
	}
}

@media(max-width:480px){
	body{
		overflow-x: hidden;
	}
	main#main{
		margin-top:6rem;
	}
	.lpHeaderInner{
		width:100%;
		flex-direction:row;
		flex-wrap:wrap;
	}
	.lhLeft{
		width:100%;
	}
	.lhRight{
		width:100%;
		margin-top:16px;
	}
	.lhLeft h1{
		font-size:9vw;
	}
	.fvPoints > img:nth-of-type(2){
		margin:0 10px;
	}
	.commonArticle h2{
		font-size:2.2rem;
	}
	.col3{
		margin:0;
	}
	.recommend .col3Child{
		width:100%;
		margin:16px auto 8px;
	}
	.pc1 p:after{
		display:none;
	}
	.pc3 p:after{
		display:none;
	}
	.problemCol3{
		flex-wrap:wrap;
	}
	.pc1, .pc3{
		width:100%;
		margin-top:0;
	}
	.pc2{
		width:7.4rem;
		margin:0 auto;
		order:3;
	}
	.pc3 p:nth-of-type(1){
		margin-top:0;
	}
	.bubble{
		font-size:4vw;
	}
	.clear{
		padding:24px 15px;
	}
	.feature .col2Child{
		width:100%;
		flex-wrap: wrap;
	}
	.feature .col2Child h3 br{
		display:none;
	}
	.feature .col2Child h3{
		width:100%;
		text-align:center;
		margin-left:0;
		border-right: 6px solid #0E69E2;
		padding-left: 6px;
		padding-right: 6px;
	}
	.feature .col2Child img{
		display:block;
		margin:0 auto 12px;
	}
	.feature .col2Child:before{
		bottom:auto;
		top:24px;
	}
	.series .col3Child{
		width:100%;
		margin:8px 1%;
	}
	.series .col3{
		flex-direction:unset;
	}
	.ccInner{
		flex-wrap:wrap;
		flex-direction:column;
	}
	.ccBox1{
		width:100%;
	}
	.ccBox2{
		width:100%;
	}
	.ccBox3{
		width:100%;
	}
	.ccBox4{
		width:100%;
	}
	.constitutionContainer{
		padding:26px 12px 12px;
	}
	.ccBox1{
		margin-top:0;
	}

	.ccBox:nth-of-type(n + 2){
		margin-top:48px;
	}
	.ccBox4 .ccBoxInner{
		width: 47%;
	}
	.ccBox4{
		align-items: flex-start;
	}
	.ccBox:after{
		top:auto;
		bottom:-24px;
		left:0;
		right:0;
		margin:auto;
	}
}

#otherSolutions img{
	max-height:126px;
	/* width:100%; */
}

@media(max-width:480px){
	#otherSolutions img{
		max-height:none;
		width:100%;
	}
}