/* banner */
.m-banner {
	box-sizing: border-box;
	padding: .8rem .2rem;
	background-size: cover;
	background-position: center;
}
.m-banner h1 {
	font-size: .6rem;
	font-weight: normal;
}
.m-banner p {
	width: 5rem;
	margin: .4rem 0 .6rem;
	line-height: .4rem;
	font-size: .28rem;
	color: #666;
}
.m-banner a {
	font-size: 16px;
	color: #F40000;
}
.m-banner a .tf {
	vertical-align: 2px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin-left: 10px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: #F40000;
}
/* end banner */

/* point */
.m-point {
	gap: .2rem;
	padding: .4rem .24rem;
}
.m-point .item {
	box-sizing: border-box;
	width: 3.41rem;
	height: 3.4rem;
	border-radius: 4px;
	padding: 0 .3rem;
	background: #F9F9F9;
}
.m-point .item div {
	font-size: .6rem;
	font-style: italic;
	color: #ccc;
}
.m-point .item p {
	margin-top: .4rem;
	line-height: .4rem;
	font-size: .28rem;
}
/* end point */

/* pain */
.m-pain {
	background: #F7F9FB;
}
.m-pain .m-module {
	padding: .66rem 0;
}
.m-pain ul {
	flex-wrap: wrap;
	margin-top: .5rem;
}
.m-pain li {
	width: 7.1rem;
	margin-bottom: .32rem;
	background: #fff;
	box-shadow: 0 0 10px 0 #eee;
}
.m-pain li .img {
	height: 4.28rem;
	padding: 10px 10px 0;
	margin-top: 0;
	transition: all .3s ease;
}
.m-pain li .content {
	padding: .4rem .34rem;
}
.m-pain li h1 {
	font-size: .36rem;
	font-weight: bold;
}
.m-pain li p {
	margin-top: .36rem;
	line-height: .48rem;
	font-size: .26rem;
	color: #444;
}
/* end pain */

/* advantage */
.m-advantage {
	padding-top: .8rem;
}
.m-advantage ul {
	margin: .2rem .24rem .4rem;
}
.m-advantage li {
	width: 100%;
	margin-top: .4rem;
}
.m-advantage li .icon {
	min-width: 1.2rem;
	border-radius: .2rem;
	margin-right: .2rem;
	line-height: 1.2rem;
	font-size: .6rem;
	text-align: center;
	color: #fff;
	background: #1664FF;
}
.m-advantage li .name {
	font-size: .3rem;
	font-weight: bold;
	color: #000
}
.m-advantage li p {
	display: none;
}
/* end advantage */

/* model */
.m-model {
	background: #F7F9FB;
}
.m-model .m-module {
	padding: .6rem .24rem;
}
.m-model .u-title {
	margin-bottom: .4rem;
}
/* end model */

/* trait */
.m-trait {
	background-image: url('../img/dress/trait_bg.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}
.m-trait .m-module {
	padding: .68rem 0;
}
.m-trait .u-title,
.m-trait .u-sub-title {
	color: #fff;
}
.m-trait .img {
	height: auto !important;
	margin: 30px .2rem 0 ;
}
/* end trait */

/* service */
.m-service {
	padding-top: .8rem;
}
.m-service ul {
	margin-top: .4rem;
}
.m-service li {
	width: 7.1rem;
	border-radius: 4px;
	padding: .6rem 0 .4rem;
	margin-bottom: .2rem;
    background: #F9F9F9;
}
.m-service li .icon {
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 14px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background: #1664FF;
}
.m-service li .name {
	font-size: .4rem;
	font-weight: bold;
}
.m-service li p {
	width: 6rem;
	margin: .6rem auto 0;
	line-height: .48rem;
	font-size: .28rem;
	color: #666;
}
/* end service */

/* terminus */
.m-terminus {
	height: 3.4rem;
	overflow: hidden;
    background-image: url('../img/dress/terminus.jpg');
	background-size: auto 100%;
    background-position: center center;
}
.m-terminus .u-title {
	margin-top: .4rem;
	color: #fff;
}
.m-terminus .u-sub-title {
	display: none;
}
/* end terminus */

/* customer */
.m-customer {
	padding: .8rem 0;
	background: #F7F9FB;
}
.m-customer ul {
    margin: .4rem .24rem 0;
}
.m-customer li {
	box-sizing: border-box;
	border-radius: 4px;
	padding: .4rem .3rem;
    background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.08);
}
.m-customer li:nth-child(n+2) {
    margin-top: .2rem;
}
.m-customer li .icon {
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #eee;
	margin-right: .28rem;
}
.m-customer li .name {
	font-size: .4rem;
	font-weight: bold;
}
.m-customer li p {
	margin-top: .3rem;
	line-height: .4rem;
	font-size: .26rem;
}
/* end customer */

/* func */
.m-func {
	padding-top: .6rem;
}
.m-func ul {
	width: 7.5rem;
	margin-top: .24rem;
}
.m-func li {
	width: 3.46rem;
	height: 4.6rem;
	margin-left: 0;
	margin-bottom: .18rem;
	overflow: hidden;
}
.content-7 li:nth-child(even) {
	margin-left: .18rem;
}
.m-func li .icon {
	width: 1.6rem;
	height: 1.6rem;
    border-radius: 100%;
	margin: .42rem auto 0;
	font-size: .8rem;
    color: #fff;
    background: #1664FF;
}
.m-func li .name {
	margin-top: .5rem;
	font-size: .36rem;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.m-func li p {
	width: 3.1rem;
	margin: .24rem auto 0;
	line-height: .4rem;
	font-size: .26rem;
    text-align: center;
    color: #444;
}
/* end func */