*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{content: "";height: 0;clear: both;display: block;visibility: hidden;}
.clearfix{zoom: 1;}
.clear{clear: both; height: 0; line-height: 0; font-size: 0;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.hover_time{ -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 0 auto; text-align: center;}
.more-title h3{ font-size: 30px;color: #5c5060; line-height: 30px; font-weight: bold;}
.more-title p{ font-size: 18px;color: #808080; line-height: 18px;}
.more-title i{ margin: 7px 0 4px; display: inline-block; vertical-align: top; width: 146px; height: 22px; background: url(../images/titlebg.png) no-repeat center;}

/*header*/

.header{width: 100%;font-size: 0;}
.header .h_nr_1{ width: 100%; background: #e2e2e2; height: 38px; line-height: 38px;}
.header .h_nr_1 .content .header_left,.header .h_nr_1 .content .header_right a,.header .h_nr_1 .content .header_right i{ color: #999; font-size: 14px; display: inline-block; vertical-align: middle; transition: .3s;}
.header .h_nr_1 .content .header_right i{ margin: 0 10px 0;}
.header .h_nr_1 .content .header_right a:hover{ color: #00923b; transform: scale(1.1); font-weight: bold;}
.header .h_nr_2{ background: url(../images/headbg.png)no-repeat center; background: url(../images/headbg.png)\9 no-repeat center; height: 135px; overflow: hidden;}
.header .h_nr_2 .content>div{ margin: 30px 0 0;display: inline-block; vertical-align: top;}
/* logo 尺寸适配：图左右无内部留白（左距 0）；宽度 157 = 图宽 126 + 适当留白，
   避免沿用旧横条 logo 的 239px 在 logo 与右侧标语之间撑出大片空白 */
.header .h_nr_2 .content .logo{ width: 157px; margin: 8px 0 0 0;}
/* logo 图高 96px：与右侧标语/电话块（中心约在 56px 处）垂直居中对齐；
   原 30px 顶距是为 56px 高的旧横条 logo 设置的，96px 高的组合标沿用会显得整体偏下 */
.header .h_nr_2 .content .logo img{ vertical-align: top; height: 96px; width: auto;}
.header .h_nr_2 .content .text{ position: relative; padding-left: 20px;}
.header .h_nr_2 .content .text:before{ content: ""; background: url(../images/headhr.png)no-repeat center; width: 6px; height: 49px; position: absolute; left: 5px; top: 3px;}
.header .h_nr_2 .content .text h3{ font-weight: bold; font-size: 24px;color: #2d291e; line-height: 24px; margin-bottom: 10px;}
.header .h_nr_2 .content .text i{ display: block; font-size: 18px; color: #666; line-height: 18px;}
/* 标语垂直微调：整块下移 16px，使标语块中心与 logo 视觉重心对齐（logo 下半部"M美世界"实心字重，视觉重心偏下至 y≈108）；仅桌面布局，窄屏由 flex/grid 布局接管 */
@media (min-width: 1051px){
  .header .h_nr_2 .content .text{ margin-top: 46px;}
}
.header .h_nr_2 .content .rxphone{ margin: 30px 0 0; min-height: 56px; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.header .h_nr_2 .content .rxphone .icon{ display: flex; align-items: center; justify-content: center; margin: 0; flex: 0 0 auto;}
.header .h_nr_2 .content .rxphone .icon img{ display: block;}
.header .h_nr_2 .content .rxphone .dh{ display: flex; flex-direction: column; justify-content: center;}
.header .h_nr_2 .content .rxphone .dh h6{ display: flex; align-items: center; gap: 8px; white-space: nowrap;}
.header .h_nr_2 .content .rxphone .dh h6 i{ margin: 0; line-height: 1;}
.header .h_nr_2 .content .rxphone .icon img{ animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.header .h_nr_2 .content .rxphone>div{ display: inline-block;vertical-align: middle;}
.header .h_nr_2 .content .rxphone .icon{ margin: 0 10px 0 0; flex: none;}
.header .h_nr_2 .content .rxphone .dh h6 i{ display: inline-block; vertical-align: middle; color: #5c5060; font-size: 15px; line-height: 15px; font-weight: normal; margin: 0 15px 0 0;}
.header .h_nr_2 .content .rxphone .dh h6{color: #00923b;font-size: 22px;line-height: 22px; font-weight: bold; margin-bottom: 3px;}
.header .h_nr_2 .content .rxphone .dh{ background: none;}

/*nav*/

.header .nav{ background: #5c5060; width: 100%; height: 58px; line-height: 58px;}
.header .nav .content ul li{ display: inline-block; vertical-align: top; width: 140px; text-align: center;}
.header .nav .content ul li a{ font-size: 16px; color: #fff; display: block;}
.header .nav .content ul dd{ display: inline-block; vertical-align: top; font-size: 16px; color: #fff; margin: 0 16px 0;}
.header .nav .content ul li.on a,.header .nav .content ul li:hover a{background: #00923b;}
.header .nav .content .tsli{ margin-right: 0;}

/*banner*/

.banner-index{ font-size: 0;overflow: hidden; width: 100%;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 6px; overflow: hidden; position: absolute; left: 45%; bottom: 30px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 40px; height: 6px;margin-right: 10px; cursor: pointer; background: #dedede;}
.slideBox .hd ul li.on{background: #00923b;}
.banner-index .slideBox .bd img{ width: 100%; height: auto; aspect-ratio: 1920 / 600; object-fit: cover; display: block;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}

/*con1*/

.con1{ width: 100%; height: 744px; background: url(../images/con1bg.png)no-repeat center; background: url(../images/con1bg.png)\9 no-repeat center; overflow: hidden; padding: 45px 0 0 0;}
.con1 .topbt{ position: relative; padding: 0 75px 0 70px; overflow: hidden;}
.con1 .topbt h3{ color: #5c5060; font-size: 34px;}
.con1 .topbt h3 b{ color: #00923b;}
.con1 .topbt h3 i{ float: right;}
.con1 .topbt:before{ content: ""; background: url(../images/icon1.png)no-repeat; width: 50px; height: 49px; position: absolute; left: 0; top: 0; z-index: 10;}
.con1 .topbt:after{ content: ""; background: url(../images/icon2.png)no-repeat;width: 50px; height: 49px; position: absolute; right: 0; bottom: 0; z-index: 10;}
.con1_l{ width: 275px; margin-left: -15px; line-height: 0;}
.con1_r{ width: 940px;}
.con1_r dl{ margin-bottom: 12px; width: 910px; position: relative; padding: 20px 0 0 0; margin-left: 30px; height: 235px; overflow: hidden;}
.con1_r dt{ position: absolute; left: 0; bottom: 0; background: url(../images/con1by1-msj.png)no-repeat; width: 901px; height: 124px;}
.con1_r dd{ width: 910px; text-align: justify; color: #333; font-size: 17px; line-height: 36px; position: relative; z-index: 10;}
.con1_r ul li{ float: left; width: 228px; height: 166px; overflow: hidden; margin-right: 9px; box-shadow: 0px 5px 5px 0px rgba(8, 1, 3, 0.2); background: #fff; display: flex; align-items: center; justify-content: center;}
.con1_r ul li img{ display: block; width: 100%; height: 100%; object-fit: contain; padding: 8px;}
.con1 .js{ margin: 60px 0 0; font-size: 0;}
.con1 .js>div{ display: inline-block; vertical-align: top;}
.con1 .js .icon{ line-height: 0; margin: 0 10px 0 0;}
.con1 .js .by p{ color: #00923b; font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 10px;}
.con1 .js .by i{ display: block; color: #00923b; font-size: 14px; line-height: 14px;}
.con1 .js .bgmm{ padding: 0 0 0 35px; width: 973px;}
.con1 .js .bgmm ol li{ color: #1d1c1e; font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.con1 .js .bgmm ol li i{ margin: 0 5px 0 0; display: inline-block; vertical-align: middle; background: url(../images/con2hr.png)no-repeat; width: 15px; height: 2px;}
.con1 .js .bgmm ol{ display: inline-block; vertical-align: top; width: 33%;}

/*con2*/

.con2{ width: 100%; height: 644px; background: url(../images/con2bg.png)no-repeat center; background: url(../images/con2bg.png)\9 no-repeat center;}
.con2 li{ float: left; width: 297px; height: 382px; margin: 0 1px; transition: all 0.3s linear; text-align: center;}
.con2 li i{ display: block; width: 68px;height: 68px; border-radius: 50%; margin: 80px auto 35px; text-align: center; line-height: 68px;}
.con2 li .i1{background: url(../images/bz_ic1.png) no-repeat center #fff;}
.con2 li .i2{background: url(../images/bz_ic2.png) no-repeat center #fff;}
.con2 li .i3{background: url(../images/bz_ic3.png) no-repeat center #fff;}
.con2 li .i4{background: url(../images/bz_ic4.png) no-repeat center #fff;}
.con2 li h3{height: 110px;text-align: center;}
.con2 li .t1{background: url(../images/one.png) no-repeat center 35px;}
.con2 li .t2{background: url(../images/two.png) no-repeat center 35px;}
.con2 li .t3{background: url(../images/three.png) no-repeat center 35px;}
.con2 li .t4{background: url(../images/four.png) no-repeat center 35px;}
.con2 li h3 span{display: inline-block;width: 150px;height: 86px;}
.con2 li h3 .s1{background: url(../images/pz_t1.png) no-repeat;}
.con2 li h3 .s2{background: url(../images/pz_t2.png) no-repeat;}
.con2 li h3 .s3{background: url(../images/pz_t3.png) no-repeat;}
.con2 li h3 .s4{background: url(../images/pz_t4.png) no-repeat;}
.con2 li p{ vertical-align: top; background: #00923b; width: 50px; height: 2px; display: none; margin: 10px auto 0; text-align: center;}
.con2 li:hover{ padding: 15px 0 0; background: url(../images/con2libg.png) no-repeat; transform: translateY(-49px);}
.con2 li:hover p{display: block;}
.con2 li:hover .i1{background: url(../images/bz_ic1h.png) no-repeat center #00923b;}
.con2 li:hover .i2{background: url(../images/bz_ic2h.png) no-repeat center #00923b;}
.con2 li:hover .i3{background: url(../images/bz_ic3h.png) no-repeat center #00923b;}
.con2 li:hover .i4{background: url(../images/bz_ic4h.png) no-repeat center #00923b;}
.con2 li:hover h3{background: none;}
.con2 li:hover h3 .s1{background: url(../images/pz_t1h.png) no-repeat;}
.con2 li:hover h3 .s2{background: url(../images/pz_t2h.png) no-repeat;}
.con2 li:hover h3 .s3{background: url(../images/pz_t3h.png) no-repeat;}
.con2 li:hover h3 .s4{background: url(../images/pz_t4h.png) no-repeat;}
.con2_l{float: left;width: 300px;}
.con2_l h3{padding: 45px 0 20px;color: #00923b;}
.con2_l h3 em{display: block;font-size: 34px;line-height: 34px; font-weight: bold;}
.con2_l h3 span{display: block;font-size: 20px;line-height: 20px;padding-top: 10px;}
.con2_l p{padding-left: 30px;font-size: 14px;color: #5c5060; line-height: 20px;background: url(../images/gou.png) no-repeat left center;margin-top: 10px;}
.con2_r{float: left;margin-top: 65px;}
.con2_r p{ float: left;width: 204px;height: 115px; margin-left: 18px; overflow: hidden;}
.con2_r p img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: .3s;}
.con2_r p:hover img{ transform: scale(1.1);}

/*vspk*/

.vspk{ background: url(../images/vsbg.png)no-repeat center; background: url(../images/vsbg.png)\9 no-repeat center; width: 100%; height: 747px; padding: 60px 0 0;}
.vspk .nr{ position: relative; font-size: 0; height: 500px; overflow: hidden;}
.vspk .nr .hd{ background: url(../images/vsmid.png)no-repeat 15px 0; position: absolute; height: 345px; left: 530px; top: 0; z-index: 10; padding: 145px 0 0;}
.vspk .nr .hd ul li{ cursor: default; color: #333; font-size: 18px; background: #e6e6e6; width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc; margin-bottom: 40px;}
.vspk .nr .hd ul li.on{ color: #fff; background: #00923b;border: 1px solid #00923b;}
.vspk .nr .bd ul li dt>div{ width: 513px; height: 345px; overflow: hidden; margin-bottom: 75px;}
.vspk .nr .bd ul li dt>div img{ width: 100%;}
.vspk .nr .bd ul li dd>div{ display: inline-block; vertical-align: top;}
.vspk .nr .bd ul li dd{ width: 518px;}
.vspk .nr .bd ul li dd .js{ width: 410px;}
.vspk .nr .bd ul li .by{ font-size: 22px; line-height: 22px; font-weight: bold; margin: 0 0 15px 0;}
.vspk .nr .bd ul li .dd1 .by{ color: #5c5060;}
.vspk .nr .bd ul li .dd2 .by{ color: #fff;}
.vspk .nr .bd ul li dd p{ font-size: 14px; line-height: 20px;}
.vspk .nr .bd ul li .dd1 p{ color: #333;}
.vspk .nr .bd ul li .dd2 p{ color: #fff;}
.vspk .nr .bd ul li dd .icon{ line-height: 0; margin: 10px 20px 0 0;}
.vspk .nr .bd ul li .dd1 .icon{ background: url(../images/bad.png)no-repeat;width: 54px; height: 54px;}
.vspk .nr .bd ul li .dd2 .icon{ background: url(../images/good.png)no-repeat; width: 57px; height: 57px;}

/*case*/

.case .nr{ position: relative; font-size: 0; height: 730px; overflow: hidden;}
.case .nr .hd ul dd{ display: inline-block; vertical-align: top; margin-top: 5px; width: 250px; font-size: 26px; line-height: 26px; color: #333;}
.case .nr .hd ul li{ display: inline-block; vertical-align: top; border-radius: 5px; background: #ccc; box-shadow: 2px 3.464px 3px 0px rgba(8, 1, 3, 0.3); height: 39px; line-height: 39px; text-align: center; color: #666; font-size: 16px; cursor: default; margin-bottom: 15px; margin-right: 20px;}
.case .nr .hd ul .li1{ width: 320px;}
.case .nr .hd ul .li2{ width: 300px;}
.case .nr .hd ul .li3{ width: 290px; margin-right: 0;}
.case .nr .hd ul .li4{ width: 260px;}
.case .nr .hd ul .li5{ width: 200px;}
.case .nr .hd ul .tsa{ display: inline-block; vertical-align: top; width: 200px; border-radius: 5px; background: #ccc; box-shadow: 2px 3.464px 3px 0px rgba(8, 1, 3, 0.3); height: 39px; line-height: 39px; text-align: center; color: #666; font-size: 16px;}
.case .nr .hd ul .tsa:hover{ background: #00923b; color: #fff;}
.case .nr .hd ul li.on{ background: #00923b; color: #fff;}
.case .nr .bd{ margin: 20px 0 0;}
.case .nr .bd ul li dd{ display: inline-block; vertical-align: top; width: 386px; text-align: center; margin: 0 21px 20px 0;}
.case .nr .bd ul li dd:nth-child(3n){ margin-right: 0;}
.case .nr .bd ul li dd .pic{ border-radius: 10px; width: 386px; height: 250px; overflow: hidden;}
.case .nr .bd ul li dd .pic img{ width: 100%;transition: .3s;}
.case .nr .bd ul li dd .mc{ margin: 15px 0 0; font-size: 16px; line-height: 16px; color: #333;transition: .3s;}
.case .nr .bd ul li dd:hover .pic img{ transform: scale(1.1);}
.case .nr .bd ul li dd:hover .mc{ color: #00923b; transform: scale(1.1); font-weight: bold;}

/*solution*/

.solution{ text-align: center; background: url(../images/jjfabg.png)no-repeat center; background: url(../images/jjfabg.png)\9 no-repeat center; width: 100%; height: 833px; margin: 60px 0 0; padding: 60px 0 0; overflow: hidden;}
.solution .bd ul li{ margin-right: 9px; box-shadow: 0px 2px 10px 0px rgba(8, 1, 3, 0.2); float: left; width: 192px; height: 444px; overflow: hidden; position: relative;}
.solution .bd ul li .text{ padding: 95px 0 0; position: absolute; left: 0; bottom: -353px; z-index: 19; background-color: rgba(92, 80, 96, 0.702); width: 192px; height: 353px; transition: .3s;}
.solution .bd ul li .text p{ color: #fff; font-size: 14px; line-height: 14px; margin-bottom: 12px;}
.solution .bd ul li .by{ width: 192px; height: 92px; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 20;}
.solution .bd ul li .by dt{ margin: -25px auto 0; border-radius: 50%; background-color: rgba(0, 146, 59); width: 50px; height: 50px; line-height: 50px;}
.solution .bd ul li .by dt img{ vertical-align: middle;}
.solution .bd ul li .by dd{ margin: 10px 0 5px; font-weight: bold; color: #333; font-size: 16px; line-height: 16px;}
.solution .bd ul li .by i{ display: block; text-transform: uppercase; color: #666; font-size: 12px; line-height: 12px;}
.solution .bd ul li:hover .by dt{ background: #5c5060;}
.solution .bd ul li:hover .text{ bottom: 90px;}
.solution .bd ul .li1{ background: url(../images/jjfa1.png)no-repeat;}
.solution .bd ul .li2{ background: url(../images/jjfa2.png)no-repeat;}
.solution .bd ul .li3{ background: url(../images/jjfa3.png)no-repeat;}
.solution .bd ul .li4{ background: url(../images/jjfa4.png)no-repeat;}
.solution .bd ul .li5{ background: url(../images/jjfa5.png)no-repeat;}
.solution .bd ul .li6{ background: url(../images/jjfa6.png)no-repeat;}
.solution .nr .more{ border: 2px solid #00923b; border-radius: 29px; background: #fff; width: 618px; height: 55px; color: #00923b; font-size: 24px; display: inline-block; vertical-align: top; margin: 60px auto 0; line-height: 55px;}
.solution .nr .more:hover{ background: #00923b; color: #fff;}

/*ys*/

.ys{ font-size: 0; width: 100%; height: 840px; position: relative;}
.ys .hdbg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 140px; overflow: hidden; background: url(../images/yshdbg.png)no-repeat center; background: url(../images/yshdbg.png)\9 no-repeat center;}
.ys .nr{ position: relative; z-index: 10;}
.ys .nr .hd_l{ width: 320px; line-height: 0; padding: 25px 0 0;}
.ys .nr .hd_r{ width: 880px;}
.ys .nr .hd_r .btn>a{ display: inline-block; vertical-align: middle; line-height: 140px; cursor: pointer;}
.ys .nr .hd_r .btn>a img{ vertical-align: middle;}
.ys .nr .hd>div{ display: inline-block; vertical-align: top;}
.ys .nr .hd_r ul li{ cursor: default; display: inline-block; vertical-align: top; width: 214px; height: 140px; padding: 50px 0 0 40px;}
.ys .nr .hd_r ul li>div{ display: inline-block; vertical-align: top;}
.ys .nr .hd_r ul li .icon{ line-height: 0; margin: 0 5px 0 0;}
.ys .nr .hd_r ul li.on .icon .xs{ display: none;}
.ys .nr .hd_r ul li .icon .yc{ display: none;}
.ys .nr .hd_r ul li.on .icon .yc{ display: inline-block;}
.ys .nr .hd_r ul li.on{ background-color: rgba(92, 80, 96, 0.2);}
.ys .nr .hd_r ul li.on .by p{ color: #5c5060;}
.ys .nr .hd_r ul li.on .by i{ color: #999;}
.ys .nr .hd_r ul li .by p{ color: #666; font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 5px;}
.ys .nr .hd_r ul li .by i{ text-transform: uppercase; display: block; color: #999; font-size: 12px; line-height: 12px;}
.ys .nr .hd_r ul li .by{ text-align: center;}
.ys .bdbg{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 700px; overflow: hidden; background: url(../images/ysbg.png)no-repeat center; background: url(../images/ysbg.png)\9 no-repeat center;}
.ys .bd{ margin: 60px 0 0; background-color: rgba(255, 255, 255); box-shadow: 0px 5px 9.5px 0.5px rgba(8, 1, 3, 0.24); width: 1200px; height: 577px; overflow: hidden;}
.ys .bd ul li>div{ display: inline-block; vertical-align: top;}
.ys .bd ul li .pic{ width: 700px; height: 577px; overflow: hidden;}
.ys .bd ul li .pic img{ width: 100%; transition: .3s;}
.ys .bd ul li .pic:hover img{ transform: scale(1.1);}
.ys .bd ul li .text{ padding: 40px 20px 0 20px; width: 500px; height: 577px;}
.ys .bd ul li .text dl dt>div{ display: inline-block; vertical-align: top;}
.ys .bd ul li .text dl dt{ margin-bottom: 20px;}
.ys .bd ul li .text dl dt .tb{ line-height: 0; margin-right: 10px;}
.ys .bd ul li .text dl dt .topic h5{ color: #00923b; font-size: 32px; line-height: 32px; font-weight: bold; margin-bottom: 10px;}
.ys .bd ul li .text dl dt .topic h6{ color: #00923b; font-size: 20px; line-height: 20px;}
.ys .bd ul li .text dl .wb{ height: 216px;}
.ys .bd ul li .text dl dd{ padding: 0 0 0 50px; background: url(../images/ysgou.png)no-repeat 10px 7px; color: #333; font-size: 14px; line-height: 36px; text-align: justify; width: 455px;}
.ys .bd ul li .text .rx>div{ display: inline-block; vertical-align: top;}
.ys .bd ul li .text .rx{ width: 264px; height: 199px; overflow: hidden; margin: 0 auto; padding: 70px 0 0 0; text-align: center;}
.ys .bd ul li .text .rx .icon{ margin: 10px 15px 0 0;}
/* 号码与左侧 24h 图标垂直居中：图标盒顶边距使数字中心比图标中心高约 16px，补偿对齐 */
.ys .bd ul li .text .rx .dh{ margin-top: 16px;}
.ys .bd ul li .text .rx .icon img{ animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.ys .bd ul li .text .rx p{ margin-bottom: 10px; color: #5c5060; font-size: 24px; line-height: 24px; font-weight: bold;}
.ys .bd ul li .text .rx1{ background: url(../images/ysrx1.png)no-repeat;}
.ys .bd ul li .text .rx2{ background: url(../images/ysrx2.png)no-repeat;}
.ys .bd ul li .text .rx3{ background: url(../images/ysrx3.png)no-repeat;}
.ys .bdxlh{ position: absolute; right: 65px; top: 55px; z-index: 20;}
.ys .xlh b{ color: #5c5060; font-size: 29px; line-height: 29px;}
.ys .xlh i{ color: #ccc; font-size: 16px; line-height: 16px;}

/*feedback*/

.feedback .nr{ font-size: 0;}
.feedback .nr .map{ width: 599px; height: 445px; overflow: hidden;}
.feedback .nr .right{ width: 480px;}
.feedback .nr .right form dt{ padding: 0 0 28px; font-size: 20px; line-height: 20px; color: #00923b;}
.feedback .nr .right form .inputlist{ display: inline-block; vertical-align: top; margin-bottom: 20px; background: #ebebeb; width: 100%; height: 55px; line-height: 55px; overflow: hidden; border-radius: 5px;}
.feedback .nr .right form .inputlist span{ width: 24px; margin: 0 15px 0 19px; display: inline-block; vertical-align: middle;}
.feedback .nr .right form .inputlist span img{ vertical-align: middle;}
.feedback .nr .right form .inputlist input,.feedback .nr .right form .inputlist textarea{ border-bottom-right-radius: 5px; border-top-right-radius: 5px; display: inline-block; vertical-align: middle; width: 422px; font-family: Microsoft YaHei; height: 100%; color: #5c5060; border: none; background: none; outline: none; font-size: 16px;}
.feedback .nr .right form .inputlistly{ height: 130px;}
.feedback .nr .right form .inputlist textarea{ padding: 18px 0 0; display: inline-block; vertical-align: top; line-height: 20px; font-family: Microsoft YaHei; resize: none;}
.feedback .nr .right form .inputlist input::-webkit-input-placeholder{/* WebKit browsers */
	color: #5c5060;}
.feedback .nr .right form .inputlist input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #5c5060;}
.feedback .nr .right form .inputlist input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #5c5060;}
.feedback .nr .right form .inputlist input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #5c5060;}
.feedback .nr .right form .inputlist textarea::-webkit-input-placeholder{/* WebKit browsers */
	color: #5c5060;}
.feedback .nr .right form .inputlist textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #5c5060;}
.feedback .nr .right form .inputlist textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #5c5060;}
.feedback .nr .right form .inputlist textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #5c5060;}
.feedback .nr .right form .sub button{ letter-spacing: 2px; margin: 10px 0 0 0; background: #00923b; border-radius: 5px; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; border: none; outline: none;}
.feedback .nr .right form .sub button:hover{ background: #5c5060;}
/* 输入框聚焦：保持灰色底（与未聚焦一致，不改变观感） */
.feedback .nr .right form .inputlist input:focus,.feedback .nr .right form .inputlist textarea:focus{ background:none; color: #5c5060;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}

/*new*/

.new{ font-size: 0; margin: 60px 0 0; background: url(../images/newhdbg.png)no-repeat center top; background: url(../images/newhdbg.png)\9 no-repeat center top;}
.new .nr{ position: relative; z-index: 10; height: 761px;}
.new .nr .hd_l{ margin-right: 15px; width: 434px; line-height: 0; padding: 25px 0 0;}
.new .nr .hd_r{ width: 720px;}
.new .nr .hd>div{ display: inline-block; vertical-align: top;}
.new .nr .hd_r ul li{ cursor: default; display: inline-block; vertical-align: top; width: 238px; height: 140px; padding: 50px 0 0 30px;}
.new .nr .hd_r ul li>div{ display: inline-block; vertical-align: top;}
.new .nr .hd_r ul li .icon{ line-height: 0; margin: 0 10px 0 0;}
.new .nr .hd_r ul li.on .icon .xs{ display: none;}
.new .nr .hd_r ul li .icon .yc{ display: none;}
.new .nr .hd_r ul li.on .icon .yc{ display: inline-block;}
.new .nr .hd_r ul li.on{ background-color: rgba(92, 80, 96, 0.2);}
.new .nr .hd_r ul li.on .by p{ color: #5c5060;}
.new .nr .hd_r ul li.on .by i{ color: #5c5060;}
.new .nr .hd_r ul li .by p{ color: #666; font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 5px;}
.new .nr .hd_r ul li .by i{ text-transform: uppercase; display: block; color: #999; font-size: 12px; line-height: 12px;}
.new .nr .hd_r ul li .by{ text-align: center;}
.new .nr .bd{ margin: 60px 0 0; height: 504px; overflow: hidden;}
.new .nr .bd ul li .tjnew{ margin: 0 0 40px 0;}
.new .nr .bd ul li .tjnew>div{ width: 540px; padding-bottom: 16px; border-bottom: 1px solid #f3f3f3;}
.new .nr .bd ul li .tjnew .pic{ width: 202px; height: 126px; overflow: hidden;}
.new .nr .bd ul li .tjnew .text{ width: 300px; height: 140px; overflow: hidden;}
.new .nr .bd ul li .tjnew .text h6,.new .nr .bd ul li dl dd .data h6{ margin: 5px 0 10px; line-height: 16px;}
.new .nr .bd ul li .tjnew .text h6 a,.new .nr .bd ul li dl dd .data h6 a{ color: #444; font-size: 16px;}
.new .nr .bd ul li .tjnew .text h6 a:hover,.new .nr .bd ul li dl dd .data h6 a:hover{ color: #00923b;}
.new .nr .bd ul li .tjnew .text p,.new .nr .bd ul li dl dd .data p{ text-indent: 20px; height: 60px; overflow: hidden; color: #999; font-size: 14px; line-height: 20px;}
.new .nr .bd ul li .tjnew .pic img{ width: 100%;}
.new .nr .bd ul li .tjnew .pic:hover img{ transform: scale(1.1);}
.new .nr .bd .more{ margin: 10px 0 0; background: url(../images/newjt.png)no-repeat right center; display: block; float: right; border: 1px solid rgb(225, 225, 225); background-position-x: 75px; border-radius: 15px; width: 98px; height: 29px; padding-left: 10px; line-height: 29px; color: #4c4c4c; font-size: 14px;}
.new .nr .bd .more:hover{ border: 1px solid #00923b; color: #00923b; background: url(../images/newjt2.png)no-repeat right center; background-position-x: 75px}
.new .nr .bd ul li dl dd{ width: 540px; height: 154px; overflow: hidden; float: left; margin-bottom: 17px; padding-bottom: 17px;}
.new .nr .bd ul li dl dd .date{ width: 100px; height: 100px; overflow: hidden; background: #f3f3f3; padding: 10px 0 0; text-align: center; border-radius: 50%;}
.new .nr .bd ul li dl dd .date:hover{ background: #00923b;}
.new .nr .bd ul li dl dd .date:hover b,.new .nr .bd ul li dl dd .date:hover i{ color: #fff;}
.new .nr .bd ul li dl dd .date b{ display: block; font-size: 55px; line-height: 55px; font-weight: bold; color: #555;}
.new .nr .bd ul li dl dd .date i{ display: block; font-size: 14px; line-height: 14px; margin: 5px 0 0;}
.new .nr .bd ul li dl dd .data{ width: 420px;}
.new .nr .bd ul li dl dd:first-child,.new .nr .bd ul li dl dd:first-child+dd{ border-bottom: 1px solid #f3f3f3;}
.new .nr .bd ul li dl dd:nth-child(2n){ float: right;}
.new .nr .btn{ margin: 15px auto 0; text-align: center;}
.new .nr .btn a{ display: inline-block; vertical-align: middle; position: relative;}
.new .nr .btn .button{ margin: 0 10px 0; border: 1px solid rgb(225, 225, 225); border-radius: 16px; text-align: center; width: 131px; height: 31px; line-height: 31px; color: #4c4c4c; font-size: 16px;}
.new .nr .btn .prev:before{ content: ""; width: 395px; height: 1px; display: inline-block; vertical-align: top; background: #f3f3f3; margin: 25px 10px 0 0;}
.new .nr .btn .next:after{ content: ""; width: 395px; height: 1px; display: inline-block; vertical-align: top; background: #f3f3f3; margin: 25px 0 0 10px;}
.new .nr .btn .button:hover{ border: 1px solid #00923b; color: #00923b;}

/*foot*/

.foot{ width: 100%; font-size: 0; margin: 60px 0 0; background: #282529;}
.foot .nav .content{ padding: 28px 0; position: relative;}
.foot .nav .content:before{ content: ""; background: url(../images/footnavhr.png)no-repeat; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 2px;}
.foot .nav .content ul li{ display: inline-block; vertical-align: top; margin-right: 111px;}
.foot .nav .content ul li a{ display: inline-block; vertical-align: top; font-size: 14px; color: #fff; transition: .3s;}
.foot .nav .content ul li:hover a{color: #00923b; font-weight: bold; transform: scale(1.1);}
.foot .nav .content .tsli{ margin-right: 0;}
.foot .nr{ padding: 55px 0 70px;}
.foot .nr .text{ width: 960px;}
.foot .nr .text dl{ float: left; width: 50%;}
.foot .nr .text dl dd>div{ display: inline-block; vertical-align: top;}
/* 地址等长文本限制宽度，确保文字块始终在图标右侧（过长时在块内换行，不会整块掉到图标下方） */
.foot .nr .text dl dd .topic{ max-width: calc(100% - 85px); }
.foot .nr .text dl dd .icon{ margin: 0 15px 0 0; border-radius: 50%; background-color: rgba(44, 51, 53); width: 60px; height: 60px; text-align: center; line-height: 60px;}
.foot .nr .text dl dd .icon img{ vertical-align: middle; -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite;}
.foot .nr .text dl dd .icon:hover img{ animation-play-state: paused;}
.foot .nr .text dl dd p{ color: rgba(255, 255, 255, 0.702); font-size: 16px; line-height: 16px; margin: 10px 0 7px;}
.foot .nr .text dl dd{ margin-bottom: 40px;}
.foot .nr .text dl dd i{ display: block; color: rgba(255, 255, 255, 0.702); font-size: 14px; line-height: 14px;}
.foot .nr .text dl dd p:hover,.foot .nr .text dl dd i:hover{ color: #fff;}
.foot .nr .ewm{ margin: 15px 0 0; height: 132px; overflow: hidden;}
.foot .nr .ewm img{ width: 132px; height: 132px;}
.foot .nr .ewm b{ display: inline-block; vertical-align: top; background-color: rgba(44, 51, 53); color: rgba(255, 255, 255, 0.4); width: 40px; height: 132px; font-size: 15px; line-height: 18px; text-align: center; padding: 13px 10px 0;}
.foot .linklist ul li{ margin-right: 8px;}
.foot .linklist dt,.foot .linklist ul li,.foot .linklist ul li a{ display: inline-block; vertical-align: top; line-height: 14px; font-size: 14px; color: rgba(255, 255, 255, 0.502);}
.foot .linklist dt{ margin: 0 0 0;}
.foot .linklist ul li a{ margin: 0 0 0;transition: .3s;}
.foot .linklist ul li a:hover{ color: #fff;font-weight: bold; transform: scale(1.1);}
.foot .bottom{ width: 100%; height: 50px; line-height: 50px; background: #080b0c;}
.foot .bottom .db-nr{ text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.502);}
.foot .bottom .db-nr a{ font-size: 14px; color: rgba(255, 255, 255, 0.502);}
.foot .bottom .db-nr a:hover{ color: #fff;}

@media (max-width: 1050px){
  .banner-index .slideBox .bd img{ aspect-ratio: 16 / 9; object-fit: contain; background: #f4f5f2;}
  .con1{ height: auto; min-height: 744px; padding-bottom: 32px;}
  .con1 .topbt,.more-title,.tywidth{ max-width: 100%;}
  .header .h_nr_2 .content .rxphone{ gap: 7px;}
}
@media (max-width: 1050px){
  .tywidth,.more-title{width:calc(100% - 32px);max-width:1200px}
  .header .h_nr_1 .content{height:auto;line-height:1.4;padding:8px 0;display:flex;justify-content:space-between;gap:12px}
  .header .h_nr_1 .content .header_left,.header .h_nr_1 .content .header_right a,.header .h_nr_1 .content .header_right i{font-size:12px}
  .header .h_nr_2{height:auto;min-height:108px;overflow:visible;background-size:auto 100%}
  .header .h_nr_2 .content{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0}
  .header .h_nr_2 .content>div,.header .h_nr_2 .content .logo{margin:0;display:block}
  .header .h_nr_2 .content .logo{width:150px;flex:0 0 150px}
  .header .h_nr_2 .content .logo img{max-width:100%;height:auto}
  .header .h_nr_2 .content .text{padding-left:12px;flex:1;min-width:150px}
  .header .h_nr_2 .content .text h3{font-size:17px;line-height:1.35;margin:0 0 4px}
  .header .h_nr_2 .content .text i{font-size:13px;line-height:1.4}
  .header .h_nr_2 .content .rxphone{margin:0;min-height:44px;flex:1 0 100%;justify-content:center}
  .header .nav{height:48px;overflow-x:auto;overflow-y:hidden}
  .header .nav .content{width:max-content;min-width:100%;margin:0}
  .header .nav .content ul{white-space:nowrap}
  .header .nav .content ul li{width:auto;min-width:104px}
  .header .nav .content ul dd{margin:0 8px}
  .con1{height:auto;min-height:0;padding:32px 0}
  .con1 .topbt{padding:0 18px}
  .con1 .topbt h3{font-size:24px;line-height:1.4}
  .con1 .topbt:before,.con1 .topbt:after{display:none}
  .con1 .topbt h3 p,.con1 .topbt h3 i{float:none;display:block}
  .con1 .topbt h3 i{font-size:18px;line-height:1.45}
  .con1_l{display:none}
  .con1_r{width:100%;float:none}
  .con1_r dl{width:auto;height:auto;min-height:0;margin:0 0 14px;padding:0;overflow:visible}
  .con1_r dd{width:auto;font-size:15px;line-height:1.8}
  .con1_r dt{display:none}
  .con1_r ul{display:flex;overflow-x:auto;gap:8px;padding:4px 2px 12px}
  .con1_r ul li{float:none;flex:0 0 42vw;width:42vw;height:150px;margin:0}
  .con1_r ul li img{padding:6px}
  .con1 .js{margin:24px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
  .con1 .js .bgmm{padding:0;width:100%}
  .con1 .js .bgmm ol{width:100%}
  .con2{height:auto;padding:24px 0 36px;background-size:auto 100%}
  .con2 .content{width:calc(100% - 32px)}
  .con2 li{width:25%;margin:0;height:auto;min-height:180px}
  .con2 li i{margin:26px auto 18px}
  .con2_l{width:100%;float:none}
  .con2_r{width:100%;float:none;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .con2_r p{float:none;width:auto;height:90px;margin:0;overflow:hidden}
  .con2_r p img{height:100%;object-fit:contain;background:#fff}
  .vspk{height:auto;padding:36px 0}
  .vspk .nr{width:calc(100% - 32px);height:auto}
  .vspk .nr .hd{position:static;height:auto;padding:12px 0;background:none}
  .vspk .nr .hd ul{display:flex;gap:8px}
  .vspk .nr .hd ul li{width:auto;height:auto;flex:1;margin:0;padding:8px 4px;font-size:13px;line-height:1.4}
  .vspk .nr .bd ul li dt>div{width:50%;height:auto;margin:0 0 14px}
  .vspk .nr .bd ul li dt>div img{width:100%;height:auto}
  .vspk .nr .bd ul li dd,.vspk .nr .bd ul li dd .js{width:100%}
  .case .nr{width:calc(100% - 32px);height:auto}
  .case .nr .hd ul dd{width:100%;font-size:20px}
  .case .nr .hd ul li{width:auto!important;height:auto;min-height:38px;padding:8px 10px;margin:0 6px 8px 0;font-size:13px;line-height:1.4}
  .case .nr .bd ul li dd{width:calc(50% - 8px);margin:0 8px 18px 0}
  .case .nr .bd ul li dd:nth-child(3n){margin-right:8px}
  .case .nr .bd ul li dd:nth-child(2n){margin-right:0}
  .case .nr .bd ul li dd .pic{width:100%;height:auto;aspect-ratio:3/2}
  .case .nr .bd ul li dd .pic img{width:100%;height:100%;object-fit:cover}
  .solution{height:auto;padding:36px 0 48px;background-size:auto 100%}
  .solution .nr{width:calc(100% - 32px)}
  .solution .bd ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .solution .bd ul li{float:none;width:auto;height:320px;margin:0!important;background-size:cover!important;background-position:center!important}
  .solution .bd ul li .by{width:100%}
  .solution .nr .more{width:100%;max-width:618px;font-size:18px}
  .ys{height:auto;padding-bottom:40px}
  .ys .nr{width:100%}
  .ys .nr .hd{padding:16px;width:100%}
  .ys .nr .hd_l{display:none}
  .ys .nr .hd_r{width:100%}
  .ys .nr .hd_r ul{display:flex;width:100%}
  .ys .nr .hd_r ul li{width:33.33%;height:auto;padding:12px 4px;display:flex;justify-content:center;gap:6px}
  .ys .nr .hd_r ul li .by p{font-size:15px}
  .ys .nr .btn{display:none}
  .ys .bdxlh{display:none}
  .ys .bd{width:100%;height:auto;margin:16px 0 0}
  .ys .bd ul li .pic,.ys .bd ul li .text{width:100%;height:auto}
  .ys .bd ul li .pic img{height:auto;max-height:360px;object-fit:contain}
  .ys .bd ul li .text{padding:24px 18px}
  .ys .bd ul li .text dl .wb{height:auto}
  .ys .bd ul li .text dl dd{width:100%;line-height:1.8}
  .feedback .nr{width:calc(100% - 32px)}
  .feedback .nr .map,.feedback .nr .right{width:100%;height:auto;float:none}
  .feedback .nr .map img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .feedback .nr .right{margin-top:24px}
  .feedback .nr .right form .inputlist input,.feedback .nr .right form .inputlist textarea{width:calc(100% - 70px)}
  .new .nr{width:calc(100% - 32px);height:auto;padding-bottom:30px}
  .new .nr .hd_l{display:none}
  .new .nr .hd_r{width:100%}
  .new .nr .hd_r ul{display:flex;width:100%}
  .new .nr .hd_r ul li{width:33.33%;height:auto;padding:16px 4px;text-align:center}
  .new .nr .bd{height:auto;margin:24px 0 0}
  .new .nr .bd ul li .tjnew>div,.new .nr .bd ul li dl dd{width:100%;height:auto}
  .new .nr .bd ul li .tjnew .pic{width:38%;height:auto;aspect-ratio:16/10}
  .new .nr .bd ul li .tjnew .pic img{height:100%;object-fit:cover}
  .new .nr .bd ul li .tjnew .text{width:58%;height:auto}
  .new .nr .bd ul li dl dd .date{width:68px;height:68px}
  .new .nr .bd ul li dl dd .date b{font-size:34px;line-height:36px}
  .new .nr .bd ul li dl dd .data{width:calc(100% - 84px)}
  .foot .nav .content,.foot .nr{width:calc(100% - 32px)}
  .foot .nav .content ul{display:flex;flex-wrap:wrap;gap:12px}
  .foot .nav .content ul li{margin:0}
  .foot .nr .text{width:100%;float:none}
  .foot .nr .ewm{float:none}
  .foot .bottom{height:auto;min-height:50px;line-height:1.6;padding:14px 8px}
}
@media (max-width: 700px){
  .banner-index .slideBox .bd img{aspect-ratio:4/3;object-fit:contain}
  .con1_r ul li{width:min(42vw,228px);height:150px}
  .con2 li{width:50%;min-height:150px}
  .con2 li h3 span{width:125px;background-size:contain!important}
  .case .nr .bd ul li dd{width:100%;margin:0 0 18px}
  .case .nr .bd ul li dd:nth-child(3n),.case .nr .bd ul li dd:nth-child(2n){margin-right:0}
  .solution .bd ul{grid-template-columns:1fr}
  .solution .bd ul li{height:280px}
  .header .h_nr_1 .content{align-items:flex-start;flex-direction:column}
  .header .h_nr_1 .content .header_right{float:none}
}
@media (max-width: 1050px){
  .con1,.con2,.solution{overflow:hidden}
  .ys{overflow:clip}
  .ys .bd{position:relative;overflow:hidden}
  .ys .bd .tempWrap{width:100%!important;overflow:hidden!important}
  .ys .bd ul{max-width:100%}
  .ys .nr .hd_r{width:100%}
  .ys .nr .hd_r ul{width:100%;display:flex}
  .ys .nr .hd_r ul.fl{float:none}
  .feedback .nr .map,.feedback .nr .right{width:100%;height:auto;float:none}
  .feedback .nr .map img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .vspk .nr{width:calc(100% - 32px)}
  .vspk .nr .bd ul li dt>div{float:none;width:50%;height:auto;margin:0 0 14px}
  .vspk .nr .bd ul li dt>div img{display:block;width:100%;height:auto}
  .vspk .nr .bd ul li dd,.vspk .nr .bd ul li dd .js{float:none;width:100%}
  .new .nr .bd ul li dl dd{width:100%;float:none}
  .new .nr .bd ul li dl dd .date{flex:0 0 68px}
  .new .nr .bd ul li dl dd .data{float:none;width:auto}
  .ys{overflow:clip}
  .ys .nr .hd_r ul{min-width:0;overflow:hidden}
  .ys .nr .hd_r ul li{min-width:0;flex:1 1 0}
  .ys .bd{width:100%;height:auto;margin:16px 0 0}
  .ys .bd ul li{width:100%}
  .ys .bd ul li>div{display:block;vertical-align:initial}
  .ys .bd ul li .pic,.ys .bd ul li .text{width:100%;height:auto}
  .ys .bd ul li .pic{display:flex;align-items:center;justify-content:center;overflow:hidden}
  .ys .bd ul li .pic img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
  .ys .bd ul li .text{padding:24px 18px}
  .ys .bd ul li .text dl dt>div{max-width:100%}
  .ys .bd ul li .text dl .wb{height:auto}
  .ys .bd ul li .text dl dd{width:100%;line-height:1.8}
  .ys .bd ul li .text .rx{max-width:100%;background-position:center top;background-size:contain}
  .foot .nr .text{width:100%;float:none}
  .foot .nr .text dl{width:100%;float:none}
  .foot .nr .text dl dd{display:flex;align-items:center;gap:12px;max-width:100%}
  .foot .nr .text dl dd>div{min-width:0}
  .foot .nr .text dl dd .topic{flex:1;overflow-wrap:anywhere}
  .foot .nr .text dl dd .topic i{line-height:1.6}
  .foot .nr .ewm{float:none}
  .new .nr,.new .nr .bd{max-width:100%;overflow:hidden}
  .new .nr .bd ul li{max-width:100%}
}

@media (max-width: 700px){
  .ys .nr .hd{padding:12px 8px}
  .ys .nr .hd_r ul li{min-width:0;flex:1}
  .ys .nr .hd_r ul li .icon img{max-width:28px;height:auto}
  .ys .nr .hd_r ul li .by p{font-size:13px;line-height:1.35}
  .ys .nr .hd_r ul li .by i{font-size:10px}
  .ys .bd ul li .text dl dt .tb{margin-right:8px}
  .ys .bd ul li .text dl dt .tb img{max-width:42px;height:auto}
  .ys .bd ul li .text dl dt .topic h5{font-size:23px;line-height:1.35}
  .ys .bd ul li .text dl dt .topic h6{font-size:15px;line-height:1.5}
  .ys .bd ul li .text .rx{height:160px;padding-top:54px}
  .new .nr .bd ul li .tjnew{display:flex;align-items:flex-start;gap:10px}
  .new .nr .bd ul li .tjnew .pic{flex:0 0 38%;width:38%;overflow:hidden}
  .new .nr .bd ul li .tjnew .text{flex:1;width:auto;min-width:0}
  .new .nr .bd ul li dl dd{display:flex;gap:12px}
  .new .nr .bd ul li dl dd .data{flex:1;width:auto;min-width:0}
  .foot .nav .content ul{gap:10px 16px}
  .foot .nav .content ul li{flex:0 0 calc(50% - 8px)}
  .foot .linklist ul{display:flex;flex-wrap:wrap;gap:8px}
  .foot .linklist ul li{margin:0}
  .foot .bottom .db-nr{padding:0 12px}
}
/* ================================================================
   移动端强化修复包（2026-10-13）
   位于文件最末 —— 集中修复「媒体查询被桌面规则覆盖 / 特异性压制」
   引发的移动端布局问题。仅作用于 ≤1050px / ≤700px，桌面不受影响。
   ================================================================ */

@media (max-width: 1050px){
  /* --- con1 品牌殊荣：3 列荣誉挤出屏 → 单列 --- */
  .con1 .js{ display:block!important; font-size:14px; margin-top:26px; }
  .con1 .js>div{ display:block!important; }
  .con1 .js .icon{ display:inline-block; vertical-align:middle; margin:0 10px 0 0; }
  .con1 .js .by{ display:inline-block; vertical-align:middle; margin-bottom:14px; }
  .con1 .js .bgmm{ width:100%!important; padding:0!important; }
  .con1 .js .bgmm ol{ display:block!important; width:100%!important; }
  .con1 .js .bgmm ol li{ font-size:14px; line-height:1.75; margin-bottom:6px; }

  /* --- ys 优势区：标题图改深紫底（原白字叠浅色装饰条看不清） --- */
  .ys .hdbg{ display:none; }
  .ys .nr .hd{ display:block!important; background:#5c5060; padding:14px 12px 0; width:100%!important; }
  .ys .nr .hd_l{ display:block!important; width:auto!important; padding:0!important; margin:0 auto 6px; text-align:center; }
  .ys .nr .hd_l img{ display:inline-block; height:50px; width:auto; }
  .ys .nr .hd_r{ width:100%!important; }
  .ys .nr .hd_r ul li{ padding:10px 2px 14px; }
  .ys .nr .hd_r ul li .by p{ color:#fff!important; }
  .ys .nr .hd_r ul li .by i{ color:rgba(255,255,255,.55)!important; }
  .ys .nr .hd_r ul li.on{ background-color:rgba(255,255,255,.14)!important; }

  /* --- vspk 比拼区：对比图全宽 + 双卡片化（去掉桌面装饰背景） --- */
  .vspk{ background:none!important; height:auto; }
  .vspk .nr{ overflow:visible!important; }
  .vspk .nr .bd ul li dt>div{ position:relative; width:100%!important; height:auto!important; margin:0 0 12px; }
  .vspk .nr .bd ul li dt>div img{ width:100%!important; height:auto; }
  .vspk .nr .bd ul li dt>div::after{ position:absolute; left:10px; top:10px; padding:3px 12px; border-radius:20px;
    font-size:12px; line-height:1.4; color:#fff; background:rgba(0,0,0,.55); }
  .vspk .nr .bd ul li dt>div.left::after{ content:"普通工程"; }
  .vspk .nr .bd ul li dt>div.right::after{ content:"美世界工程"; background:rgba(0,146,59,.92); }
  .vspk .nr .bd ul li dd{ padding:16px!important; border-radius:10px; margin-bottom:12px!important; }
  .vspk .nr .bd ul li .dd1{ background:#f4f5f2; }
  .vspk .nr .bd ul li .dd2{ background:#5c5060; }
  .vspk .nr .bd ul li .dd2 .by{ color:#fff!important; }
  .vspk .nr .bd ul li .dd2 p{ color:rgba(255,255,255,.9)!important; }
  .vspk .nr .bd ul li .dd1 .by{ color:#5c5060!important; }

  /* --- new 新闻区标题图隐藏（同 hd_l 压制问题） --- */
  .new .nr .hd_l{ display:none!important; }
  /* 新闻区底部按钮：桌面两侧装饰横线（395px）在窄屏造成横向溢出 → 移动端去掉 */
  .new .nr .btn .prev:before,
  .new .nr .btn .next:after{ display:none!important; }
  .new .nr .btn .button{ margin:0 12px!important; }
}

@media (max-width: 700px){
  /* --- 页脚二维码：竖排标签改横排，居中 --- */
  .foot .nr .ewm{ float:none; width:auto; height:auto; overflow:visible; margin:18px auto 0;
                  display:flex; flex-direction:column; align-items:center; gap:10px; }
  .foot .nr .ewm b{ width:auto; height:auto; padding:7px 18px; border-radius:20px; line-height:1.2; font-size:14px; }
  .foot .nr .ewm img{ width:140px; height:140px; }
  .foot .nav .content ul li a{ display:block; padding:6px 0; }
  /* --- 区块大标题字号自适应（防止孤字换行） --- */
  .more-title h3{ font-size:22px!important; line-height:1.45!important; }
  .more-title p{ font-size:14px!important; line-height:1.6!important; }
  /* --- con2_l 字号自适应 --- */
  .con2_l h3 em{ font-size:26px!important; line-height:1.3!important; }
  .con2_l h3 span{ font-size:15px!important; line-height:1.45!important; }
  .con2_l p{ font-size:13px!important; }
}

/* ---------- con2 能力板块：移动端重构 ----------
   桌面用 con2bg.png（照片纹理 + 白色矩形）作整块装饰背景；
   窄屏下该图被拉伸成大片绿 + 难看的白色硬边，故移动端改用纯品牌绿，
   并把「荣誉说明」「合作伙伴图墙」拆成两张白卡片，层次清晰。 */
@media (max-width: 1050px){
  .con2{ background:#00923b!important; height:auto!important; padding:0 0 24px; }
  .con2 .content{ display:block; }
  .con2 .content>ul{ padding:8px 0 4px; }
  .con2 li{ min-height:auto; padding:14px 4px 18px; }
  .con2 li i{ margin:6px auto 12px; }
  .con2 li h3{ height:auto!important; min-height:104px; padding-top:2px; position:relative; }
  /* h3 底图 = one~four.png（01-04 序号，桌面装饰）：移动端缩小并上移，避免喧宾夺主 */
  .con2 li h3 .t1,.con2 li h3 .t2,.con2 li h3 .t3,.con2 li h3 .t4{
    background-position:center 0!important; background-size:52px auto!important; }
  .con2 li h3 span{ display:inline-block!important; width:auto!important; height:auto!important; }
  /* pz_t*.png =「有XX」白字艺术字（透明底），须显式声明 background-image 才能盖过桌面规则 */
  .con2 li h3 .s1{ background:url(../images/pz_t1.png) no-repeat center!important; background-size:contain!important; }
  .con2 li h3 .s2{ background:url(../images/pz_t2.png) no-repeat center!important; background-size:contain!important; }
  .con2 li h3 .s3{ background:url(../images/pz_t3.png) no-repeat center!important; background-size:contain!important; }
  .con2 li h3 .s4{ background:url(../images/pz_t4.png) no-repeat center!important; background-size:contain!important; }
  .con2 li h3 .s1,.con2 li h3 .s2,.con2 li h3 .s3,.con2 li h3 .s4{
    display:inline-block!important; width:126px!important; height:76px!important; margin-top:26px; }
  /* 荣誉说明 + 图墙 → 白卡片 */
  .con2_l{ background:#fff; border-radius:12px; padding:22px 18px; margin:14px 0 0; }
  .con2_l h3{ padding:0 0 12px; }
  .con2_l h3 em{ font-size:24px; }
  .con2_l h3 span{ font-size:14px; padding-top:6px; }
  .con2_l p{ padding-left:26px; font-size:13px; line-height:1.6; }
  .con2_r{ background:#fff; border-radius:12px; padding:16px; margin:12px 0 0; }
  .con2_r p{ height:88px; border-radius:8px; }
  .con2_r p img{ background:transparent; }
}