/* 通用样式 */
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.v100 {width: 100%;box-sizing: border-box;overflow: hidden;}

/* 板块通用样式标题 */
.ma {width: 100%;text-align: center;}
.ma p:first-child {font-size: 24px;color: rgba(51, 51, 51, .1);text-transform: uppercase;line-height: 0;}
.ma p+p {font-size: 14px;color: #333;}

.mb {display: flex;align-items: center;justify-content: center;margin: 10px;}
.mb span {display: block;height: 2px;width: 12%;background-color: #414449;}
.mb p {display: block;height: 8px;width: 11%;background-color: #414449;}

/* 头部 */
header {background-color: #fff;padding: 10px;}
.header-logo {width: 50%;}
.header-logo a img {max-width: 100%;}

.nav-btn {width: 10%;}
.nav-btn img {width: 100%;}

/* 导航 */
.m1 {padding: 18px 10px 10px;border-bottom: 13px solid #f5f5f5;}
.m1 ul {flex-wrap: wrap;}
.m1 ul li {width: 20%;}
.m1 ul li p {width: 100%;text-align: center;}
.m1 ul li p img {max-width: 100%;}
.m1 ul li p+p {font-size: 12px;color: #02080e;line-height: 2;}

/* baojia */
.m2 {padding: 30px 10px 20px;border-bottom: 13px solid #f5f5f5;}

.m2b {width: 100%;text-align: center;font-size: 12px;margin-top: 5px;color: #666;}
.m2b span {color: #000;}

.m2c {width: 100%;box-sizing: border-box;padding: 0 10px;margin-top: 20px;}
.m2c-input {width: 100%;}
.m2c-input+.m2c-input {margin-top: 10px;}
.m2c-input input {width: 100%;border: 1px solid #ccc;line-height: 2.5;box-sizing: border-box;padding-left: 5px;border-radius: 5px;font-size: 12px;outline: none;}

.m2c-code {width: 100%;margin-top: 10px;}
.m2c-code input {width: 40%;border: 1px solid #ccc;line-height: 2.5;box-sizing: border-box;padding-left: 5px;border-radius: 5px;font-size: 12px;outline: none;}
.m2c-code img {max-width: 40%;}

.m2c-code span {width: 19%;display: block;text-align: center;font-size: 12px;}

.m2c-btn {width: 100%;margin-top: 10px;}
.m2c-btn input {width: 100%;font-size: 12px;color: #fff;background-color: #414449;border: none;outline: none;line-height: 2.5;}

/* anli */
.m3 {padding: 30px 10px 15px;border-bottom: 13px solid #f5f5f5;}

.m3c {flex-wrap: wrap;display: flex;align-items: center;}
.m3c li {margin-right: 0.8%;width: 16%;}
.m3c li:nth-child(6n) {margin-right: 0;}
.m3c li:nth-child(n+7) {margin-top: 9px;}

.m3c li a {font-size: 12px;line-height: 0;color: #777;}

.m3d {width: 100%;margin-top: 18px;}
.m3d li {width: 100%;border-bottom: 1px solid #d9d9d9;}
.m3d li+li {margin-top: 14px;}

.m3d-img {display: block;width: 100%;}
.m3d-img img {width: 100%;}

.m3d-title {height: 30px;}
.m3d-title p {font-size: 12px; color: #333;}
.m3d-title p span {color: #b4b4b4;}

.m3e {width: 50%;display: block;color: #fff;font-size: 12px;line-height: 2.5;text-align: center;background-color: #414449;border-radius: 5px;margin: 17px auto 0;}

/* design team */
.m4 {padding: 30px 10px 15px;border-bottom: 13px solid #f5f5f5;}

.m4c {width: 100%;display: flex;flex-wrap: wrap;}
.m4c li {width: 32%;margin-right: 2%;}
.m4c li:nth-child(3n) {margin-right: 0;}
.m4c li:nth-child(n+4) {margin-top: 5px;}

.m4c li a {display: block;width: 100%;}
.m4c li a img {width: 100%;}

.m4d {width: 50%;display: block;color: #fff;font-size: 12px;line-height: 2.5;text-align: center;background-color: #414449;border-radius: 5px;margin: 17px auto 0;}

/* 楼盘 */
.m5 {padding: 30px 10px 15px;border-bottom: 13px solid #f5f5f5;}

.m5c {width: 100%;display: flex;flex-wrap: wrap;}
.m5c li {width: 49%;margin-right: 2%;}
.m5c li:nth-child(2n) {margin-right: 0;}
.m5c li:nth-child(n+3) {margin-top: 5px;}

.m5c li a {display: block;width: 100%;}
.m5c li a img {width: 100%;}
.m5c li a p {width: 100%;text-align: center;font-size: 12px;padding-top: 10px;}

.m5d {width: 50%;display: block;color: #fff;font-size: 12px;line-height: 2.5;text-align: center;background-color: #414449;border-radius: 5px;margin: 17px auto 0;}

/* liucheng */
.m6 {padding: 30px 10px 15px;border-bottom: 13px solid #f5f5f5;}

.m6c {width: 100%;display: flex;flex-wrap: wrap;}
.m6c li {width: 23.5%;margin-right: 2%;text-align: center;}
.m6c li:nth-child(4n) {margin-right: 0;}
.m6c li:nth-child(n+5) {margin-top: 5px;}

.m6c li {display: block;}
.m6c li img {max-width: 100%;}
.m6c li p {width: 100%;text-align: center;font-size: 12px;padding-top: 10px;}

/* 客户见证 */
.m7 {padding: 30px 10px 20px;border-bottom: 13px solid #f5f5f5;}

.m7c {width: 100%;}
.m7c li {width: 100%;display: flex;align-items: center;background-color: #f5f5f5;}
.m7c li+li {margin-top: 10px;}

.m7c-img {width: 30%;display: block;}
.m7c-img img {width: 100%;}
.m7c-title {width: 70%;box-sizing: border-box;padding-left: 10px;}
.m7c-title h1 {font-size: 14px;color: #333;margin: 0;line-height: 1.5;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.m7c-title p {font-size: 12px;color: #666;line-height: 1.5;}

.m7d {width: 50%;display: block;color: #fff;font-size: 12px;line-height: 2.5;text-align: center;background-color: #414449;border-radius: 5px;margin: 17px auto 0;}

/* 底部 */
.footer ul li+li {border-left: 1px solid #fff;}

.footer ul li a {display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%;}
.footer ul li a span {font-size: 12px;color: #fff;line-height: 1;}
.footer ul li a p {width: 35%;display: block;height: 40%;margin-bottom: 5px;line-height: 1;}
.footer ul li a p img {max-width: 100%;max-height: 100%;}