/* title */
.m-title {
	padding: .6rem .2rem;
}
.m-title h1 {
	line-height: 1rem; font-size: .7rem; font-weight: normal;
}
.m-title div {
	border-top: 1px solid #eee; padding-top: .4rem; margin-top: .4rem;
	line-height: .6rem; font-size: .32rem; color: #999;
}
.m-title div p {
	margin-bottom: .2rem; font-size: .4rem; color: #000;
}
.m-title div a {
	font-size: .28rem; color: #F40000;
}
.m-title div a .tf {
	vertical-align: 2px; width: .36rem; height: .36rem;
	border-radius: 100%; margin-left: .2rem; line-height: .36rem; font-size: .2rem; text-align: center;
	color: #fff; background: #F40000;
}
/* end title */

/* banner */
.m-banner {
	width:100%; height:2.1rem;
	background-size: cover; background-position: center;
}
/* end banner */

/*---痛点----*/
.m-pain{
	background-color:#f7f8fa; padding:0.6rem 0 0.6rem 0;
}
.m-pain h1{
	padding-bottom:0.5rem; font-weight:normal;
}
.m-pain dl{
	width:96%; min-height:1.8rem; box-sizing:border-box; border: 2px solid #fff; margin:0 2% 0.4rem 2%;
	background: linear-gradient(0deg, #FFFFFF, #F7f7f7);
	box-shadow: 0 0 16px 0 rgba(167,179,198,0.24);
	transition: all .3s ease;
}
.m-pain dl:hover{
	background: linear-gradient(0deg, #FFFFFF, #f2f7ff);
	box-shadow: 0 0 16px 0 rgba(77,138,230,0.24);
}
.m-pain dl:nth-child(2n){
	 margin-right:0px;
}
.m-pain dl dt{
	float:left; width:1rem; height:1rem; margin:0.35rem 0.3rem 0 0.3rem;
}
.m-pain dl dd{
	float:left; width:5.2rem; padding-bottom:0.4rem;
}
.m-pain dl dd h3{
	font-size:0.36rem; margin:0.4rem 0 0.3rem 0;
}
.m-pain dl dd span{
	font-size:0.28rem; color:#666; line-height:0.4rem; text-align:justify;
}

/*---助力---*/
.m-help{
	background-color:#fff; padding:0.6rem 0 0.8rem 0;
}
.m-help h2{
	padding-bottom:0.6rem
}
.m-help dl dd{
	width:96%; height:auto; text-align:center; margin:0 auto;
}
.m-help dl dt{
	width:96%; height:auto; padding:0.2rem 0 0.2rem 0; text-align: center;
}
.m-help dl dt img{
  transform: rotate(90deg); width:1.6rem;
}

/*---核心能力---*/
.m-capacity{
	padding:0.6rem 0 0.6rem 0;
	background-size:cover; background-position: center;
}
.m-capacity h2{
	padding-bottom:0.6rem
}
.m-capacity ul li{
   width:96%; min-height:2.2rem; border-radius:4px; text-align: center; margin:0px auto 0.32rem auto;
   background-color:#fff; box-sizing:border-box; border:1px solid #fff;
}
.m-capacity ul li:hover{
  box-shadow: 0 0 16px 0 rgba(163,204,255,0.4);
}
.m-capacity ul li img{
  display:inline; width:1.8rem; padding-top:0.25rem;
}
.m-capacity ul li h3{
  display:block; font-size:0.36rem; padding-top:0.24rem; font-weight:400;
}
.m-capacity ul li span{
  display:block; font-size:0.28rem; color:#888; padding:0.2rem 0.4rem 0.4rem 0.4rem; line-height:0.48rem;
}

/*---搭建网站---*/
.m-website{
	padding:1rem 0px 0.9rem 0px; background-color:#fff;
}
.m-website dl{
	clear:both;
}
.m-website dl dt{
	margin-top:1rem;
	opacity:0; transition: all 1s ease;
}
.m-website.z-active dl dt{
	margin-top:0; opacity:1;
}
.m-website dl dt{
	display:block; width:92%; margin:0px auto;
}
.m-website dl dt h3{
	font-size:0.5rem; padding:0rem 0px 0.5rem 0px; line-height:0.8rem;
}
.m-website dl dt span{
	font-size:0.36rem; color:#777; text-align:justify; line-height:0.64rem;
}
.m-website dl dd{
	display:block; width:92%; text-align:center; margin:0.5rem auto 0.5rem auto;
}

/*---公开透明化---*/
.m-open{
	padding:1rem 0px 0.9rem 0px;
	background-color: #f7f8fa; background-size:cover; background-position: center;
}
.m-open dl{
	clear:both;
}
.m-open dl dt{
	display:block; width:92%; margin:0px auto;
	margin-top:1rem; opacity:0; transition: all 1s ease;
}
.m-open.z-active dl dt{
	margin-top:0; opacity:1;
}
.m-open dl dt h3{
	font-size:0.5rem; padding:0rem 0px 0.5rem 0px; line-height:0.8rem; color:#fff;
}
.m-open dl dt span{
	font-size:0.36rem; color:#fff; text-align:justify; line-height:0.64rem;
}
.m-open dl dt p{
	font-family:'iconfont'; color:#fff;
}
.m-open dl dt i{
	display:inline-flex; width:1rem; height:1rem; border:1px solid #fff; border-radius:0.6rem; margin:0.3rem 0.3rem 0px 0px; 
	font-size:0.6rem; text-align:center;
}
.m-open dl dt i::before{
	margin:auto;
}
.m-open dl dd{
	display:block; width:92%; text-align:center; margin:0.5rem auto 0.5rem auto;
}
.m-open dl dd img{
	max-width:100%;
}

/*---适用对象---*/
.m-objects{
	background-color:#fff; padding:1rem 0px 0.2rem 0px;
}
.m-objects h2{
	padding-bottom:0.5rem;
}
.m-objects ul li{
	width:96%; background-color:#f7f8fa; margin:0 auto 0.4rem auto;
	opacity:0; transition: all 1.5s ease;
}
.m-objects ul li:nth-child(2) {
	transition-delay:0.2s;
}
.m-objects ul li:nth-child(3) {
	transition-delay:0.4s;
}
.m-objects.z-active ul li{
	opacity:1;
}
.m-objects ul li h3{ 
	 font-size:0.36rem; padding:0.3rem 0.4rem 0px 0.28rem; font-weight:normal;
}
.m-objects ul li span{ 
	 display:block; font-size:0.28rem; color:#888; padding:0.16rem 0.32rem 0.5rem 0.28rem; line-height:0.32rem;
}