/* 重置样式 */
section, body, div, p, span, h1, h2, h3, h4, h5, h6, form, input, a, ul, li, dt, dd, dl, ol, header, nav, footer {margin: 0;padding: 0;}
a {text-decoration: none;}
li {list-style: none;}
input {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.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 {text-align: center;width: 100%;}
.ma h1 {font-size: 30px;font-weight: bold;color: #333;}
.ma p {font-size: 14px;font-weight: bold;color: #333;margin-top: 7px;}

/* 头部 */
header {padding: 10px;background-color: #fff;}

.header-logo {width: 60%;}
.header-logo a img {max-width: 100%;}

.nav-btn {width: 20%;text-align: end;}
.nav-btn img {max-width: 100%;}

/* 服务 */
.m1 {padding: 20px 10px;}

.m1b {margin-top: 18px;width: 100%;}
.m1b li {width: 32%;margin-right: 2%;}
.m1b li:nth-child(3n) {margin-right: 0;}
.m1b li:nth-child(n+4) {margin-top: 7px;}
.m1b li a {display: block;line-height: 2;width: 100%;text-align: center;border: 1px solid #026224;border-radius: 20px;font-size: 12px;color: #333;}

.m1b li a:hover {background-color: #026224;color: #fff;}

.m1c {flex-wrap: wrap;width: 100%;margin-top: 18px;}
.m1c li {width: 49%;}
.m1c li a {display: block;width: 100%;}
.m1c li a img {width: 100%;}
.m1c li a p {font-size: 16px;color: #333;width: 100%;text-align: center;line-height: 2.5;}

.m1d {display: block;width: 100%;line-height: 2.5;font-size: 16px;color: #fff;text-align: center;background-color: #026224;margin-top: 10px;}

/* 案例 */
.m2 {padding: 10px;background-color: #f6f6f6;}

.m2b {margin-top: 18px;width: 100%;background-color: #fff;box-sizing: border-box;padding: 10px;}
.m2b li {width: 32%;margin-right: 2%;}
.m2b li:nth-child(3n) {margin-right: 0;}
.m2b li:nth-child(n+4) {margin-top: 7px;}
.m2b li a {display: block;line-height: 2;width: 100%;border-radius: 20px;font-size: 12px;color: #666666;box-sizing: border-box;padding-left: 5px;position: relative;}
.m2b li a::before {content: '';display: block;width: 4px;height: 4px;background-color: #d4d4d4;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.m2b li a:hover {color: #026224;}
.m2b li a:hover::before {background-color: #026224;}

.m2c {flex-wrap: wrap;width: 100%;margin-top: 18px;}
.m2c li {width: 49%;}
.m2c li a {display: block;width: 100%;}
.m2c li a img {width: 100%;}
.m2c li a p {font-size: 16px;color: #333;width: 100%;text-align: center;line-height: 2.5;}

.m2-more {padding: 10px 10px;}
.m2d {display: block;width: 100%;line-height: 2.5;font-size: 16px;color: #fff;text-align: center;background-color: #026224;margin-top: 10px;}

/* 优势 */
.m3 {padding: 10px;}

.m3b {margin-top: 17px;width: 100%;}
.m3b li {width: 100%;}

.m3b-img {width: 100%;}
.m3b-img img {width: 100%;}

.m3b-bt {position: relative;margin-top: 5px;}
.m3b-num {position: absolute;left: 0;bottom: 0;top: -18px;width: 45px;background-color: #026224;color: #fff;padding-top: 15px;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 24px;}
.m3b-name {width: 100%;position: relative;box-sizing: border-box;padding-left: 50px;padding-bottom: 3px;}
.m3b-name h3 {font-size: 18px;color: #026224;font-weight: bold;line-height: 1.5;}
.m3b-name p {font-size: 12px;color: #333333;font-weight: bold;}

.m3b-con {margin: 5px 0;}
.m3b-con p {font-size: 12px;color: #333;line-height: 1.5;width: 100%;box-sizing: border-box;padding-left: 15px;position: relative;margin: 5px 0;}

.m3b-con p::before {display: block;width: 3px;height: 3px;background-color: #026224;position: absolute;left: 3px;top: 8px;content: '';}

/* 新闻 */
.m4 {padding: 15px 10px;background-color: #f6f6f6;}

.m4b {width: 100%;background-color: #fff;margin-top: 10px;}

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

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

.m4c {width: 100%;margin-top: 15px;}
.m4c li {width: 100%;background-color: #fff;position: relative;padding: 10px 0;}
.m4c li+li {margin-top: 10px;}

.m4c-timeline {width: 26%;text-align: center;}
.m4c-title {width: 84%;box-sizing: border-box;padding-left: 25px;}
.m4c-wire {position: absolute;top: 0;bottom: 0;left: 16%;width: 2px;background-color: #f6f6f6;}

.m4c-timeline h1 {font-size: 36px;color: #666;font-weight: bold;margin: 0;font-family: Arial;}
.m4c-timeline p {font-size: 12px;color: #666;font-family: Arial;}

.m4c-title h1 {font-size: 16px;color: #333;font-weight: normal;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.m4c-title p {font-size: 12px;color: #666;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* about */
.m5 {padding: 10px 10px 20px;}

.m5b {width: 100%;margin-top: 16px;}
.m5b img {width: 100%;}

.m5c {font-size: 20px;margin: 0;line-height: 2;color: #333;}

.m5d p {font-size: 14px;color: #333;line-height: 1.5;}

.m5e {display: block;width: 100%;line-height: 2.5;font-size: 16px;color: #fff;text-align: center;background-color: #026224;margin-top: 10px;}

/* 底部 */
.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: 14px;color: #fff;}
.footer ul li a p {width: 35%;display: block;height: 35%;margin-bottom: 5px;}
.footer ul li a p img {max-width: 100%;max-height: 100%;}