/* 手机站字体自适应 */
@media screen and (min-width:0px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:40px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:80px) {html { font-size:15.625%;}}
@media screen and (min-width:120px) {html { font-size:23.4375%;}}
@media screen and (min-width:160px) {html { font-size:31.25%;}}
@media screen and (min-width:200px) {html { font-size:39.0625%;}}
@media screen and (min-width:240px) {html { font-size:46.875%;}}
@media screen and (min-width:280px) {html { font-size:54.6875%;}}
@media screen and (min-width:320px) {html { font-size:62.5%;}}
@media screen and (min-width:360px) {html { font-size:70.3125%;}}
@media screen and (min-width:400px) {html { font-size:78.125%;}}
@media screen and (min-width:440px) {html { font-size:85.9375%;}}
@media screen and (min-width:480px) {html { font-size:93.75%;}}
@media screen and (min-width:520px) {html { font-size:101.5625%;}}
@media screen and (min-width:560px) {html { font-size:109.375%;}}
@media screen and (min-width:600px) {html { font-size:117.1875‬%;}}
@media screen and (min-width:640px) {html { font-size:125%;}}
/* 640--》20 */

p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}
img {vertical-align: middle;}

/* 通用样式 */
.bw {width: 100%;box-sizing: border-box;}
.mw {width: 100%;overflow: hidden;box-sizing: border-box;}
.mp {padding: 0 2rem;}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.fl {float: left;}
.fr {float: right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

.ovimg, .ibw, .miw, .iml, .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);}
.ovimg img {width: 100%;min-height: 100%;}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml {text-align: center;}
.iml img {transform: translateY(-1px);vertical-align: middle;}

.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}

.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 头部 */
.mh_sy {position: absolute;left: 0;top: 0;right: 0;z-index: 999999;}
.mh_ny {position: relative;z-index: 999999;}

.mh {border-bottom: 1px solid #807e7e;height: 4.3rem;padding: 0 1.7rem 0 1.5rem;background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));background: -o-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));background: linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));}

.mh1 {width: 50%;}
.mh1 img {max-width: 100%;max-height: 1.7rem;}

.mh2 {width: 50%;text-align: end;}
.mh2 img {max-width: 100%;max-height: 1.7rem;}

/* nav */
.mn {display: none;position: absolute;left: 0;top: 0;right: 0;z-index: 999;background-color: #292929;padding: 6.8rem 3.6rem 2.2rem;}

.mn1 {background-color: #fff;height: 2.7rem;}
.mn1a {width: 11%;height: 1.7rem;background-image: url(../images/mn1a.png);background-repeat: no-repeat;background-position: right center;background-size: contain;}

.mn1b {width: 85%;height: 1.7rem;box-sizing: border-box;border-left: 2px solid #313131;}

.mn2 {margin-top: .8rem;}
.mn2 li+li {border-top: 1px dashed #626262;}
.mn2 li a {height: 2.7rem;}
.mn2 li a h3 {font-size: 1rem;color: #fff;font-weight: normal;}
.mn2 li a p {font-size: 1rem;color: #fff;}

/* banner */
.mob-banner .slick-dots li {width: .9rem;height: .9rem;margin: 0 .5rem;}

/* 标题通用样式 */
.ma h3 {font-size: 1.8rem;color: #222;text-transform: uppercase;font-weight: lighter;line-height: 1.55556;}
.ma div {width: 3.5rem;max-width: 50%;height: 1px;background-color: #e3a90e;margin-top: .3rem;}
.ma h4 {font-size: 1.2rem;color: #3f3f3f;line-height: 2;margin-top: .6rem;font-weight: normal;}

/* 理念 */
.m1 {padding-top: 3.9rem;padding-bottom: 4rem;}

.m1b {margin-top: 1.4rem;}
.m1b p {font-size: 1rem;color: #c9c9c9;line-height: 1.5;}

.m1c {margin-top: 2.5rem;}
.m1c li {flex-direction: column;justify-content: center;max-width: 6rem;height: 9.85rem;width: 24%;background-color: #f9f6ee;}
.m1c li div {height: 3rem;max-width: 3rem;margin: 0 auto;width: 50%;position: relative;}
.m1c li div img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.m1c li h3 {text-align: center;font-size: 1rem;color: #3f3f3f;line-height: 1.4rem;margin-top: .65rem;}

/* 案例展示 */
.m2 {padding-top: 4rem;padding-bottom: 4.3rem;}

.m2b {margin-top: 1.5rem;}
.m2b1 div a {display: block;}
.m2b1 div a img+img {margin-top: .25rem;}
.m2b2 {margin-top: .9rem;}
.m2b2 ul {flex-wrap: wrap;}
.m2b2 ul li {width: 24%;max-width: 6.7rem;text-align: center;background-color: #eee;font-size: 1rem;color: #000;line-height: 3.4;}
.m2b2 ul li:nth-child(n+5) {margin-top: .3rem;}

.m2b2 ul li.on {background-color: #282828;color: #fff;}

/* 产品推荐 */
.m3 {padding-top: 4.3rem;padding-bottom: 6.45rem;}

.m3b {margin-top: .5rem;overflow-x: hidden;position: relative;padding-bottom: 1.75rem;}

.m3b1b {padding: 1.35rem 2.7rem 5.3rem;border: 1px solid #e5e5e5;}
.m3b1b h3 {font-size: 1.2rem;color: #000;line-height: 2;margin-top: 1.4rem;}
.m3b1b div {width: 1.95rem;max-width: 50%;height: 1px;background-color: #e3a90e;margin-top: .4rem;}
.m3b1b p {font-size: 1rem;color: #adadad;line-height: 1.5;margin-top: .95rem;}
.m3b1b a {display: block;width: 50%;max-width: 7.65rem;text-align: center;font-size: .7rem;color: #fff;text-align: center;line-height: 2.5;border-radius: 1.75rem;background-color: #ffba00;margin-top: 3.25rem;}


.m3b2 {position: absolute;bottom: 0;z-index: 999;left: 50%;width: 50%;max-width: 7.9rem;transform: translateX(-50%);}

.m3b2 div {width: 50%;max-width: 3rem;height: 3rem;border-radius: 50%;background-color: #282828;background-repeat: no-repeat;background-position: center center;background-size: .65rem auto;outline: none;}

.m3b2 div.m3b2a {background-image: url(../images/m3b2a.png);}
.m3b2 div.m3b2b {background-image: url(../images/m3b2b.png);}

.m3b2 div:hover {background-color: #ffba00;}

/* 技术设备 */
.m4 {background-image: url(../images/m4.jpg);padding-top: 8.65rem;padding-bottom: 4.4rem;}

.m4a h3 {color: #fff;font-size: 1.7rem;}
.m4a h4 {color: #fff;}

.m4b {margin-top: 2.85rem;}
.m4b p {font-size: 20px;color: #c1c1c1;line-height: 1.5;}

.m4c {margin-top: 2.7rem;}
.m4c a {display: block;width: 50%;max-width: 7.65rem;text-align: center;font-size: .7rem;color: #fff;text-align: center;line-height: 2.5;border-radius: 1.75rem;background-color: #ffba00;}

.m4d {background-color: #fafafa;margin-top: 6.35rem;padding: 2.9rem 2.55rem;}
.m4d p {margin-top: 1.5rem;font-size: 1.2rem;color: #000;}
.m4d p strong {font-weight: lighter;text-transform: uppercase;font-size: 1.8rem;}

.m4e {margin-top: 35px;}
.m4e li {flex: 1;}
.m4e li+li {border-left: 1px dashed #dcdcdc;}
.m4e li div {width: 50%;max-width: 5.3rem;height: 5.1rem;position: relative;margin: 0 auto;}
.m4e li div img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.m4e li h3 {font-size: .9rem;color: #000;line-height: 1.5556;margin-top: 1.7rem;text-align: center;}

/* 新闻资讯 */
.m5 {background-color: #fafafa;padding-top: 6.5rem;padding-bottom: 5rem;}

.m5b {margin-top: 1rem;}

.m5c li a {display: block;font-size: 1.2rem;color: #3f3f3f;line-height: 2.5;}

.m5d {margin-top: .7rem;}
.m5d a {display: block;width: 50%;max-width: 7.65rem;text-align: center;font-size: .7rem;color: #fff;text-align: center;line-height: 2.5;border-radius: 1.75rem;background-color: #ffba00;}

.mob-wrap {padding-bottom: 3.2rem;}
/* 底部 */
.mf {background-color: #252525;position: fixed;left: 0;bottom: 0;right: 0;z-index: 999999;}
.mf a {display: flex;flex: 1;height: 3.2rem;justify-content: center;align-items: center;}
.mf a div {width: 1.25rem;height: 1.25rem;position: relative;}
.mf a div img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mf a h3 {font-size: 1rem;color: #fff;margin-left: .8rem;}