/* 手机站字体自适应 */
@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:95%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:640px) {html { font-size:125%;}}

/* 通用样式 */
.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;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.vw {width: 100%;overflow: hidden;box-sizing: border-box;}
.bb {box-sizing: border-box;}


/* 头部 */
.mh {padding: 0 .5rem;height: 5rem;}
.mh1 {width: 60%;}
.mh1 a img {max-width: 100%;max-height: 95%;}

.mh2 h3 {font-size: .9rem;color: #333;line-height: 1.2;}
.mh2 p {font-size: 1.3rem;font-family: Impact;color: #f96a05;line-height: 1.2;}

/* nav */
.mn {flex-wrap: wrap;padding: 1rem;background-color: #0591eb;}
.mn li {width: 23%;box-sizing: border-box;}
.mn li:nth-child(n+5) {margin-top: 1rem;}
.mn li a {display: block;width: 100%;line-height: 2rem;box-sizing: border-box;font-size: 1.1rem;color: #fff;text-align: center;border: 1px solid #fff;}

/* 服务项目 产品中心 */
.m1 {padding-bottom: 2.25rem;}

.m1a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m1a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m1a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m1b {padding: 1.5rem .5rem;}
.m1b ul li {width: 30%;margin-right: 2%;box-sizing: border-box;}
.m1b ul li:nth-child(3n) {margin-right: 0;}
.m1b ul li:nth-child(n+4) {margin-top: 1.2rem;}
.m1b ul li a {display: block;width: 100%;line-height: 2rem;font-size: 1rem;color: #333;text-align: center;border: 1px solid #626262;box-sizing: border-box;}

.m1c {padding: 0 .5rem;}
.m1c ul li {width: 49%;margin-right: 2%;box-sizing: border-box;}
.m1c ul li:nth-child(2n) {margin-right: 0;}
.m1c ul li:nth-child(n+3) {margin-top: .8rem;}
.m1c ul li a {display: block;width: 100%;}
.m1c ul li a div {border: 1px solid #c9c9c9;line-height: 0;}
.m1c ul li a h3 {font-size: 1.1rem;width: 100%;text-align: center;line-height: 2.4rem;}

.m1d {margin-top: 2rem;text-align: center;}
.m1d a {display: inline-block;font-size: 1rem;color: #048ee6;line-height: 2.4rem;width: 37%;border-radius: 1.2rem;border: 1px solid #048ee6;}

/* 产品中心 */
.m2a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m2a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m2a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m2b {padding: 1.5rem .5rem 3.1rem;}
.m2b li+li {margin-top: 1rem;}
.m2b li a {background-color: #048ee6;border-radius: .8rem;padding-left: .5rem;padding-right: 1.6rem;display: block;padding-top: 1.3rem;padding-bottom: 1.3rem;}

.m2b1 {width: 30%;}
.m2b2 {width: 70%;padding-left: .7rem;}
.m2b2 h3 {display: block;width: 80%;border-bottom: 1px solid #fff;font-size: 2.4rem;font-weight: bold;color: #fff;font-family: Arial;font-style: italic;}
.m2b2 h3 span {font-size: 1.5rem;font-weight: normal;margin-left: 1rem;font-style: normal;}
.m2b2 p {display: block;padding-left: .2rem;font-size: 1rem;color: #fff;line-height: 1.5rem;margin-top: .5rem;}

/* 客户案例 */
.m3 {padding-bottom: 2.25rem;}

.m3a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m3a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m3a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m3b {padding: 0 .5rem;margin-top: 2rem;}
.m3b ul li {width: 49%;margin-right: 2%;box-sizing: border-box;}
.m3b ul li:nth-child(2n) {margin-right: 0;}
.m3b ul li:nth-child(n+3) {margin-top: .8rem;}
.m3b ul li a {display: block;width: 100%;}
.m3b ul li a div {border: 1px solid #c9c9c9;line-height: 0;}
.m3b ul li a h3 {font-size: 1.1rem;width: 100%;text-align: center;line-height: 2.4rem;}

.m3c {margin-top: 2rem;text-align: center;}
.m3c a {display: inline-block;font-size: 1rem;color: #048ee6;line-height: 2.4rem;width: 37%;border-radius: 1.2rem;border: 1px solid #048ee6;}

/* 公司简介 */
.m4 {padding-bottom: 2.25rem;}

.m4a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m4a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m4a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m4b {padding: 1.2rem .5rem 0;}

.m4c {padding: 1rem .5rem 0;}
.m4c p {font-size: 1.1rem;line-height: 2rem;color: #666;}

.m4d {margin-top: 2rem;text-align: center;}
.m4d a {display: inline-block;font-size: 1rem;color: #048ee6;line-height: 2.4rem;width: 37%;border-radius: 1.2rem;border: 1px solid #048ee6;}

/* 合作客户 */
.m5a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m5a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m5a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m5b {padding: 1.3rem .5rem 1.6rem;}
.m5b ul {flex-wrap: wrap;}
.m5b ul li {width: 24%;}
.m5b ul li:nth-child(n+5) {margin-top: .6rem;}
.m5b ul li a {display: block;border: 1px solid #dcdcdc;}

/* 新闻中心 */
.m6a {width: 100%;padding: .8rem .5rem;background-color: #eee;}
.m6a div {border-left: .5rem solid #048ee6;padding-left: .8rem;line-height: 2.2rem;font-size: 1.2rem;color: #048ee6;font-weight: bold;}
.m6a div span {font-weight: normal;font-size: .9rem;color: #666;text-transform: uppercase;}

.m6b {padding-top: 1.2rem;}
.m6b li a {border-bottom: 1px solid #dedede;padding: 0 .5rem;}
.m6b li a h3 {display: block;width: 50%;line-height: 3.25rem;font-size: 1.2rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m6b li a p {color: #808286;line-height: 3.25rem;font-size: 1.2rem;}

/* 底部 */
.m7 {padding: 1rem .5rem;}

.m7a {width: 75%;}
.m7a p {font-size: 1rem;color: #999;line-height: 1.9rem;}

.m7b {width: 25%;text-align: center;}
.m7b img {max-width: 80%;}
.m7b p {font-size: .8rem;color: #333;white-space: nowrap;}

/* 页脚 */
.footer ul li {line-height: m1d;}
.footer ul li a {display: block;text-align: center;height: 5rem;display: flex;flex-direction:column;justify-content : center;align-items : center;}
.footer ul li a div {line-height: 0;}
.footer ul li a div img {max-width: 50%;}
.footer ul li a span {display: block;line-height: 1;margin-top: .5rem;font-size: .9rem;color: #fff;}


.mob-wrap {
  padding-bottom: 5rem;
}