/* 联系信息 */
.cdc{ margin: 0 0 80px; background: #fff; border-radius: 30px; display: flex; justify-content: space-between;}
.cdz{ width: 50%; background: #fff; padding: 50px; border-radius: 30px 0 0 30px; box-sizing: border-box;}
.cdz ul li{ font-size: 24px; font-weight: bold; color: #1a6b36; margin: 0 0 30px; position: relative; padding: 0 0 0 34px; cursor: pointer; }
.cdz ul li::before{ font: 30px/1.8 iconfont; content: "\e60f"; position: absolute; left: 0;}
.cdz ul li.current::before{ animation: mapico 1.2s infinite; }
.cdz ul li span{ display: block; font-size: 18px; color: #333; font-weight: normal;}
.cdzlogo{ width: 552px; line-height: 0; margin: 0 0 30px;}
.cdzlogo img{ width: 100%; height: auto;}
.cmapbox{ width: 50%; border-radius: 0 30px 30px 0;}
.cf{ display: flex; justify-content: space-between; margin: 0 0 80px;}
.cbi{ width: 420px; background: #fff; border-radius: 30px;}
.cbt{ background: #e7f0ea; color: #1a6b36; font-size: 24px; font-weight: bold; line-height: 70px; border-radius: 30px 30px  0 0; position: relative; padding: 0 0 0 120px;}
.cbt::before{ display: block; position: absolute; font: 40px/70px iconfont; left: 58px;}
.sc::before{ content: "\e618";}
.cg::before{ content: "\e650";}
.rs::before{ content: "\e64d";}
.cbc{ padding: 30px 60px;}
.cbc p{ margin: 0 0 10px; position: relative; padding: 0 0 0 30px;}
.cbc p span{ display: block;}
.cbc p::before{ display: block; font-family: iconfont; position: absolute; left: 0; color: #1a6b36; font-size: 22px;  }
.cbc p.cbtel::before{ content: "\e601";}
.cbc p.cbmail::before{ content: "\e605";}
.cmes{ display: flex; margin: 0 0 80px;}
.cmesimg{ width: 50%; background: url( ../img/mesbg.jpg) no-repeat 50% 50%#e7f0ea; border-radius: 30px 0 0 30px; display: none;}
.cmesbox{ width: 100%; background: #fff; border-radius: 30px; padding: 30px 60px; box-sizing: border-box;}
.mest{ font-size: 30px; color: #1a6b36; margin: 0 0 20px;}
.mesb{ display: flex; justify-content: space-between; margin: 0 0 30px;}
.mesb input{ background: #f2f7f8; border: 0; padding: 8px 10px; width: 30%; box-sizing: border-box;}
.mesb input::placeholder{ color: #999; }
.mesb input.c{ width: 65%;}
.mesb select{ width: 30%; background: #f2f7f8; border: 0; padding: 8px 10px; color: #999; }
.mt{ width: 100%; border: 0; background: #f2f7f8; box-sizing: border-box; padding: 8px 10px; height: 150px;}
.mt::placeholder{ color: #999;}
.mbtn{ display: block; width: 158px; height: 54px; line-height: 54px; text-align: center; border-radius: 27px; color: #fff; border: 0; background: #1a6b36; margin: 20px auto 0; font-size: 18px; cursor: pointer;}

/*产品中心*/
.pbox{ margin: 0 0 30px; scroll-margin-top: 80px} 
.pbi{ background: #fafcff; border-radius: 30px; margin: 0 0 60px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
.pn{ font-size: 24px; line-height: 1.2; margin: 0 0 20px; color: #1a6b36; font-weight: bold;}
.pn p{ margin: 10px 0 0; font-size: 24px; color: #333;}
.pntext{ font-size: 16px; line-height: 1.5; }
.pl,.pbtn a{ display: block; width: 156px; height: 52px; border: 1px solid #1a6b36; color: #1a6b36; text-align: center; line-height: 52px; border-radius: 26px; margin: 30px 0 0; }
.pl:hover,.pbtn a:hover{ background: #1a6b36; color: #fff; text-decoration: none;}
.pbi img{ width: 100%;}

.pcbox{ background: url(../img/procbg.jpg) no-repeat; background-size: cover; padding: 180px 0 60px; margin: 0 0 60px;}
.pdh{ padding: 200px 0 0; position: relative;}
.bpc{ display: block; position: absolute; left: 0; top: 120px; color: #1a6b36;}
.ptbox{ display: flex; justify-content: space-between; margin: 0 auto 100px; align-items: center;} 
.pimg,.pnc{ width: 50%;} 
.pimg{ line-height: 0; text-align: center; min-height: 300px; display: grid; place-items: center;}
.pimg img{ max-width: 65%; width: 65%;} 
.pti{ font-size:30px; line-height: 1.5; margin: 0 0 30px; font-weight: bold;}
.pti p{ font-size: 36px; margin: 12px 0 0; color: #333;}
.ptc{ font-size: 18px;}
.pbtn{ display: flex; justify-content: flex-start;}
.pbtn a{ margin: 30px 30px 0 0;}
.pbtn a.co{ background: #1a6b36; color: #fff;}
.pdc{ display: flex; justify-content: space-between; margin: 0 0 80px;}
.pdci{ padding: 0 24px 20px; width: 22%; box-sizing: border-box;}
.pdci ul{ margin: 10px 0 0;}
.pdci ul li{ margin: 0 0 10px; position: relative; padding: 0 0 0 17px; font-size: 14px; line-height: 1.5;}
.pdci ul li::before{ font: 14px/1.5 iconfont; position: absolute; left: 0; top: 1px; content: "\e775"; color: #1a6b36;}
.pdct{ font-size: 20px; font-weight: bold; line-height: 50px; color: #1a6b36; position: relative; padding: 0 0 0 36px;}
.pdct::before{ font: 28px/56px iconfont; display: block; position: absolute; left: 0; top: 0;}
.gxl::before{ content: "\e67c";}
.csm::before{ content: "\e621";}
.xtj::before{ content: "\e635";}
.gkk::before{ content: "\e604";}
.znyw::before{ content: "\e602";}
.znsp::before{ content: "\e68d";}
.hqbj{ font-size: 42px; margin: 0 0 30px; text-align: center;}
.pthn{ width: 40%; background: #f3f5f9; padding: 50px 50px; box-sizing: border-box; min-height: 300px; display: grid; place-items: center;}
.pthn img{ width: 100%; height: auto;}
.pcb{ width: 60%; padding: 50px 40px;}
.ct p.cnlb{ background: #f2f3f4; padding: 0 30px; display: flex; justify-content: space-between; margin: 30px 0 0;}
.ct p.cnlb a{ display: block; font-size: 20px; line-height: 80px; position: relative;}
.ct p.cnlb a:hover{ color: #1a6b36; font-size: 24px; text-decoration: none;}
.ct p.cnlb a:hover::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 60px; background: #1a6b36;}
.cpcsimg{ /*background: #f4f4f4; border-radius: 30px; margin: 0 0 80px; padding: 30px 0;*/ text-align: center; line-height: 0; }
.cpcsimg img{ max-width: 60%;}
.psmenu{ float: left; width: 25%; background: #eee; box-sizing: border-box; padding: 50px; border-radius: 30px;} 
.psmenu h3 a{ color: #1a6b36; }
.psmenu a{ display: block}
.pcon{ float: right; width: 71%;} 
.csbg{ background: #f4f4f4; margin: 0 0 80px; padding: 60px 0;}


/* 解决方案 */
.solbox{ display: flex; border-radius: 30px; margin: 0 0 60px; background: #fff; overflow: hidden;}
.fasolbox{ display: flex; overflow: hidden; align-items: center; margin: 0 0 60px;}
.solc,.simg,.fasolc{ width: 50%;}
.simg{ line-height: 0; overflow: hidden;}
.simg img{ width: 100%; transform:scale(1); transition: all .5s ease;}
.simg img:hover{ transform:scale(1.2); transition: all .5s ease;}
.solc{ box-sizing: border-box; padding: 40px 50px 0; position: relative;}
.fasolc{ box-sizing: border-box; padding: 0 100px 0 0;}
.fasolc h2{ margin: 0 0 15px; color: #1a6b36; font-size: 36px; line-height: 1.2; }
.solc h2{ margin: 0 0 30px; color: #1a6b36; font-size: 36px; line-height: 1.2;}
.solc h2 a,.fasolc h2 a{ color: #1a6b36;}
.fasolc p{ line-height: 2; margin: 0 0 30px;}
.solc p{ line-height: 2;}

.soys{ background: #fafcff; margin: 0 0 60px;}
.faxtt{ margin: 0 0 60px;}
.faxtt img{ width: 100%;}

.solccon{ padding: 40px 50px; display: flex; flex-wrap: wrap; align-content: space-between; }
.solccon h2{ margin: 0; width: 100%;}
.solccon p{ margin: 0;}
.solmore{ display: block; width: 156px; height: 52px; border-radius: 26px; border: 1px solid #1a6b36; color: #1a6b36; line-height: 52px; text-align: center; position: absolute; bottom: 50px; left: 50px;}
.solmore:hover{ background: #1a6b36; color: #fff; text-decoration: none;}
.soltitle{ font-size: 30px; font-weight: bold; color: #1a6b36; margin: 0 0 30px; position: relative; padding: 0 0 0 40px;}
.soltitle::before{ display: block; font: 30px/1.8 iconfont; position: absolute; top: 2px; left: 0; }
.solico_yyjz::before{ content: "\e67d";}
.solico_jjfa::before{ content: "\e702"; }
.soli{ background: #fff; border-radius: 30px; width: 22%; box-sizing: border-box; border: 10px solid #e7f0ea; transition: all .5s ease; min-height: 260px;}
.soli p,.casc{ margin: 0; padding: 20px;}
.solt{ height: 60px; font-size: 24px; font-weight: bold; line-height: 50px;  color: #1a6b36; background: #e7f0ea; position: relative; padding: 0 0 0 40px;  transition: all .5s ease;}
.soltxz{ font-size: 22px;}
.cast{ font-size: 20px;}
.solt::before{ font: 30px/50px iconfont; display: block; position: absolute; left: 5px; top: 2px;}
.solico_jjjb::before{ content: "\e6dd";}
.solico_gdkk::before{ content: "\e604";}
.solico_xqxy::before{ content: "\e652";}
.solico_lszx::before{ content: "\e615";}
.solico_1::before{ content: "\e626"; }
.solico_2::before{ content: "\e6a0"; }
.solico_3::before{ content: "\e62a"; }
.solico_4::before{ content: "\e656"; }
.solico_5::before{ content: "\e63d"; }
.solico_6::before{ content: "\e678"; }
.solico_7::before{ content: "\e603"; }
.solico_8::before{ content: "\eca9"; }
.solico_9::before{ content: "\e617"; }
.solico_10::before{ content: "\e61b"; font-size: 18px;}
.solico_11::before{ content: "\e66f"; }
.solico_12::before{ content: "\e690"; }
.solico_13::before{ content: "\e638"; }
.solico_14::before{ content: "\e821"; }
.solico_etys::before{ content: "\e625";}
.solico_15::before{ content: "\e634"; }
.solico_16::before{ content: "\e65d"; }
.solico_17::before{ content: "\e654"; }
.solico_18::before{ content: "\e604"; }
.solico_cgal::before{ content: "\e614";}

.soli:hover{ border-color: #1a6b36; transform:scale(1.05); transition: all .5s ease;}
.soli:hover .solt{ color: #fff; background: #1a6b36; transition: all .5s ease;}
.cpp{ background: #f1f6f3; border-radius: 30px; padding: 20px 25px;}

.yycjt{ font-size: 24px; font-weight: bold; color: #1a6b36; width: 100%; position: relative; padding: 0 0 0 30px;}
.yycjt::before{ font: 24px/1.8 iconfont; display: block; position: absolute; top: 0; left: 0; content: "\e67d";}
.yycj p{ margin: 10px 0 0;}
.yycj ul{ display: flex; justify-content: space-between; width: calc( 100% - 115px );}
.yycj ul li{ background: #fff; border: 1px solid #1a6b36; border-radius: 10px; color: #1a6b36; font-size: 14px; width: 78px; height: 78px; text-align: center; box-sizing: border-box; padding: 8px 0 0; }
.yycj ul li span{ display: block; font: 36px/36px iconfont; margin: 0 0 5px;}
.solpbox{ margin: 0 0 80px; line-height: 0; }
.solpbox img{ width: 100%;}
.anlic p{ line-height: 2; }

.faal{ margin: 0 0 80px;}
#faal .bd li{  width: 420px; margin: 0 80px 0 0; line-height: 0; background: #f2f3f4; }
#faal .bd li a.faali{ display: block; width: 100%; overflow: hidden;}
#faal .bd li img{  transform:scale(1); transition: all .5s ease; width: 420px;}
#faal .bd li img:hover{ transform:scale(1.2); transition: all .5s ease;}
#faal .bd li h3{ font-size: 20px; line-height: 1.3; color: #1a6b36; margin: 25px 30px 15px;}
#faal .bd li h3 a{ color: #1a6b36;}
#faal .bd li p{ margin: 0 30px 25px; line-height: 1.8; }

#faal .hd{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0;}
#faal .hd a{ display: block; box-sizing: border-box; border: 1px solid #999; width: 48px; height: 48px; border-radius: 24px; cursor: pointer; color: #1a6b36; text-align: center; font: 20px/48px iconfont;}
#faal .hd a:hover{ background: #1a6b36; color: #fff; border: none; text-decoration: none;}
#faal .hd ul{ display: flex; justify-content: center; margin: 0 20px; align-items: center;}
#faal .hd ul li{ width: 60px; height: 1px; overflow: hidden; background: #999;}
#faal .hd ul li.on{ height: 3px; background: #1a6b36;}

.fajs{ display: flex; justify-content: space-between; align-items: center;  margin: 0 0 60px; flex-wrap: wrap;}
.fajsc{ width: 45%;} 
.fajsc h2,.fanc h2{ margin: 0 0 15px; font-size: 40px; color: #1a6b36;}
.fanc h2{ font-size: 36px; margin: 0;}
.fanc p{ margin: 0 0 20px;}
.fajsp{ display: flex; width: 45%; justify-content: space-between;} 
.fajspl{ width: 45%; line-height: 0; }
.fajspr{ width: 52%; padding: 50px 0 0; line-height: 0;}
.fajspl img,.fajspr img{ width: 100%; height: auto; margin: 0 0 18px;}
.fan{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.fanb{ width: 50%;}
.fanc{ width: 50%; background: #f3f5f9; box-sizing: border-box; padding: 100px 80px 80px;}
.fajgt h3{ font-size: 18px; line-height: 36px; width: 160px; text-align: center; margin: 0 0 10px; background: #1a6b36; color: #fff; font-weight: normal;}
.fajgt img{ width: 75%; height: auto; }
.fant h2{ margin: 0 0 20px; font-size: 30px;}
.fant{ margin: 0 0 60px;}


/* 成功案例 */
.cpp{ padding: 20px 25px; width: 100%; box-sizing: border-box;}
.cppt{ font-size: 24px; font-weight: bold; color: #1a6b36; margin: 0 0 15px; line-height: 1.1; position: relative; padding: 0 0 0 30px}
.cppt::before{ font: 24px/32px iconfont; display: block; position: absolute; top: 0; left: 0; content: "\e77b";}
.cpp ul li{position: relative; padding: 0 0 0 20px;}
.cpp ul li:first-child{ margin: 0 0 5px;}
.cpp ul li::before{ font: 18px/1.8 iconfont; position: absolute; left: 0; top: 0; content: "\e775"; color: #1a6b36;}
.cac p,.pdc p{ display: none;}

/* 公司动态 */
/*.nrpics{ position: relative;}
#nr{ margin: 0 0 100px;}
#nr a{ display: block; position: relative; line-height: 0; border-radius: 30px; overflow: hidden; width: 100%;}
#nr a img{ width: 100%; height: auto; border-radius: 30px;} 
#nr a p{ font-size: 30px; color: #fff; line-height: 1.5; width: 100%; position: absolute; left: 0; bottom: 0; text-shadow: 0 0 5px #666; padding: 40px 20% 40px 40px; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); margin: 0;}
#nrpage{ position: absolute; width: 100%; left: 0; bottom: -40px; z-index: 100; display: flex; justify-content: center;}
#nrpage a{ display: block; width: 20px; height: 20px; border-radius: 10px; background: #e7f0ea; margin: 0 8px;}
#nrpage a.cycle-pager-active{ background: #1a6b36;}*/
.newsrec{ display: flex; background: #f2f3f4; margin: 0 0 60px;}
.nri{ width: 30%; line-height: 0;}
.nri img{ width: 100%; height: auto;}
.nrt{ width: 70%; padding: 50px 50px 0 50px; box-sizing: border-box;}
.nrt h4{ margin: 0; font-weight: normal; font-size: 16px; color: #666; position: relative; padding: 0 0 0 25px;}
.nrt h4::before{ width: 15px; height: 3px; background: #1a6b36; content: ""; display: block; position: absolute; top: 12px; left: 0; }
.nrt h3{ font-size: 24px; margin: 6px 0 0;}
.nrt p{ font-size: 16px; color: #666; margin: 8px 0 10px;}
.nsmore{ font-size: 16px; color: #1a6b36; display: block; position: relative; padding: 0 22px 0 0; width: 65px; }
.nsmore::after{ display: block; position: absolute; top: 5px; right: 0; font: 20px/22px iconfont; color: #1a6b36; content: "\e775";}
.newsbox{ display: grid; grid-template-columns: repeat(3, 30%); gap: 0 5%;}
.newsitem{ margin: 0 0 50px; background: #f2f3f4; padding: 50px;}
.newsitem a.niimg{ display: block; width: 100%; overflow: hidden; border-radius: 30px; line-height: 0;}
.newsitem img{ transform:scale(1); transition: all .5s ease; width: 100%;}
.newsitem:hover img{ transform:scale(1.2); transition: all .5s ease;}
.newsitem span{ font-size: 14px; color: #666; display: block; margin: 0 0 15px; position: relative; padding: 0 0 0 25px;}
.newsitem span::before{ width: 15px; height: 3px; background: #1a6b36; content: ""; display: block; position: absolute; top: 10px; left: 0;  }
.newsitem p{ margin: 0 0 15px; line-height: 1.8; font-weight: bold;}
.npage{ margin: 0 0 80px; display: flex; justify-content: center;}
.npage a{ display: block; margin: 0 5px; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.npage a.cur{ border-radius: 15px; background: #1a6b36; color: #fff;}
.pageprev,.pagenext{ font: 18px/30px iconfont; color: #1a6b36;}
.nwrap{ width: 1200px;}
.nt{ font-size: 44px; line-height: 1.2; font-weight: bold;} 
.ntime{ color: #666; margin: 20px 0 30px;}
.ncontent{ margin: 0 0 100px;}
.ncontent p{ line-height: 30px; margin: 0 0 20px; }
.ncontent img{ max-width: 100%; height: auto;}
p.zht{ font-size: 20px; font-weight: bold; margin: 10px 0 0;}
span.zhrq{ margin: 0 0 10px; font-size: 20px; position: relative; padding: 0 0 0 33px; display: block;}
span.zhrq i{ font-style: normal; font-weight: bold; color: #1a6b36;}
span.zhrq::before,.nzhrq::before{ display: block; font: 30px/1.1 iconfont; position: absolute; left: 0; top: 3px; color: #1a6b36; content: "\e619"; background: none;}
.nzhrq{ margin: 20px 0 50px; position: relative; padding: 0 0 0 33px;}
.jnt{ color: #1a6b36;}

.jitem{ background: #fff; border-radius: 30px; padding: 30px 50px; margin: 0 0 50px; display: flex; justify-content: space-between; align-items: center;}
.jitem:nth-child(even){ background: #e7f0ea;}
.jic h3{ font-size: 30px; font-weight: bold; color: #1a6b36; margin: 0 0 10px; }
.jic h3 a{ color: #1a6b36;}
.jic ul{ display: flex;}
.jic ul li{ margin: 0 30px 0 0; padding: 0 0 0 30px; position: relative;}
.jic ul li::before{ display: block; position: absolute; top: 0; left: 0; font: 24px/1.5 iconfont; color: #1a6b36;}
.jic ul li:nth-child(1)::before{ content: "\e60f";}
.jic ul li:nth-child(2)::before{ content: "\e67e";}
.jic ul li:nth-child(3)::before{ content: "\e611";}
a.jmore{ display: block; width: 156px; height: 52px; border-radius: 26px; border: 1px solid #1a6b36; color: #1a6b36; line-height: 52px; text-align: center; background: #fff; }
a.jmore:hover{ background: #1a6b36; color: #fff; text-decoration: none;}
.jicw{ margin: 20px 0 50px;}
.ncontent p.jmail{ margin: 50px 0 0; font-weight: bold; color: #1a6b36; font-size: 1.2em;}
.jcontent h3{ color: #1a6b36; font-size: 1.2em;}

/* 服务支持 */
.seri{ position: relative; border-radius: 30px; border: 1px solid #ccc; padding: 50px 50px 30px; margin: 0 0 80px;}
.seri h3{ margin: 0; font-size: 24px; color: #1a6b36; background: #fff; padding: 0 10px; position: absolute; top: -20px; left: 50px;}
.seri h3 span{ font: 24px/1 iconfont;}
.seri ul{ display: grid; grid-template-columns: repeat(5, 18%); gap: 2.5%}
.seri ul li{ width: 100%; margin: 0 0 20px; position: relative; padding: 0 0 0 30px; box-sizing: border-box;}
.seri ul li span{ display: block; position: absolute; left: 0; top: 5px; font: 24px/1 iconfont; color: #1a6b36;}


@media only screen and (max-width: 1280px){
  .nwrap{ width: 90%;}
  .newsitem{ padding: 20px;}
}  

@media only screen and (max-width: 1024px){
  /*.pn{ font-size: 20px; margin: 0 20px;}*/
  .pn p{ font-size: 18px;}
  .ct p{ font-size: 18px;}
  .pl,.pbtn a{ width: 110px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 20px; margin: 20px 20px 0;}
  /*.pbi{ padding: 20px 0 0;}
  .pthn{ margin: 0 20px; min-height: 180px;}*/

  .solmore{ display: block; width: 110px; height: 40px; border-radius: 20px; line-height: 40px; position: absolute; bottom: 20px; left: 20px;}
  

}    

@media only screen and (max-width: 736px){
  .fajsc,.fajsp,.fanb,.fanc{ width: 100%;} 
  .fajsc h2,.fanc h2{ margin: 0; font-size: 24px; }
  .fant h2{ font-size: 24px;}
  .fajsc p{ margin: 0 0 20px;}
  .fanc{ padding: 20px;}
  .fajgt img{ width: 100%;}
  .psmenu{ display: none;}
  .pcon{ float: none; width: 100%;}
  .newsrec{ flex-wrap: wrap; margin: 0 0 20px;}
  .nri{ width: 100%;}
  .nrt{ width: 100%; padding: 20px;}
  .nrt h3{ line-height: 1.3;}
  .newsitem{ margin: 0 0 20px; padding: 20px;}
  .cdc{ flex-wrap: wrap; margin: 0 0 20px;}
  .cdz{ width: 100%; padding: 15px; border-radius: 30px 30px 0 0;}
  .cdzlogo{ width: 100%; margin: 0 0 20px;}
  .cmapbox{ width: 100%; height: 300px; border-radius: 0 0 30px 30px;}
  .cdz ul li{ font-size: 24px; margin: 0 0 20px;}
  .cf{ flex-wrap: wrap; margin: 0 0 5px;}
  .cbi{ width: 100%; margin: 0 0 20px;}
  .cbt{ font-size: 24px; line-height: 60px; padding: 0 0 0 70px;}
  .cbt::before{ font: 30px/60px iconfont; left: 30px;}
  .cbc{ padding: 18px 0 20px 30px}
  .cbc p{ font-size: 18px;}

  .cmes{ flex-wrap: wrap;}
  .cmesimg{ display: none;}
  .cmesbox{ width: 100%; padding: 20px; border-radius: 30px;}
  .mest{ font-size: 24px;}
  .mbtn{ width: 130px; height: 40px; line-height: 40px; margin: 15px auto; cursor: pointer;}
  .mesb{ flex-wrap: wrap; margin: 0;}
  .mesb input{ width: 100%; margin: 0 0 15px;}
  .mesb select{ margin: 0 0 15px;}
  /*产品中心*/
  .pn{ font-size: 24px; text-align: center;}
  .pn p{ font-size: 20px;}
  .pl{ margin: 20px auto 0;}
  .pdh{ padding: 120px 0 0;}
  .bpc{ top: 100px;}
  .pbi{ width: 100%; margin: 0 0 30px; flex-wrap: wrap;}
  .ptbox{ width: 100%; flex-wrap: wrap; margin: 0 0 30px;}
  .pbox{ display: block;}
  .pimg,.pnc{ width: 100%;}
  .pimg{ margin: 0 0 20px; text-align: center;}
  .pimg img{ width: 100%;}
  .pti{ font-size: 24px; margin: 0 0 20px; text-align: center;}
  .pti p{ font-size: 20px;}
  .ptc{ text-align: center;}
  .pbtn{ align-items: center; justify-content: center;}
  .pbtn a{ margin: 20px 15px;}
  .pdc{ flex-wrap: wrap; margin: 0;}
  .pdci{ width: 100%; margin: 0 0 30px;}
  .pdci p{ font-size: 16px;}
  .pdci ul li,.cpp ul li{ padding: 0 0 0 15px;}
  .pdci ul li::before,.cpp ul li::before{ font-size: 14px; top: 1px;}
  .hqbj{ font-size: 32px; margin: 0 0 10px;}
  .cpcsimg{ border-radius: 0; margin: 0 0 20px;}
  .cpcsimg img{ width: 100%;}
  .pthn{ width: 100%; padding: 0 50px; min-height: 280px; }
  .pcb{ width: 100%; padding: 20px;}
  .ct p.cnlb{ flex-wrap: wrap;}
  .ct p.cnlb a{ font-size: 14px; line-height: 40px;}
  /* 解决方案 */
  .solbox{ flex-wrap: wrap;}
  .solc,.simg{ width: 100%;}
  .simg{ order: 1;}
  .solc{ order: 2; padding: 20px}
  .solc h2{ font-size: 24px; margin: 0 0 20px;}
  .soli{ width: 100%; margin: 0 0 20px;}
  .cpp,.yycj{ position: static; width: 100%; flex-wrap: wrap;}
  .cppt,.yycjt{ font-size: 20px; position: relative; padding: 0 0 0 36px; margin: 0 0 15px;}
  .cppt::before,.yycjt::before{ position: absolute; top: 7px; left: 0; font-size: 28px; line-height: 1;}
  .cppt::before{ top: 0;}
  .soltitle{ margin: 0 0 20px;}
  .soli p { font-size: 18px;}
  .solc p { line-height: 1.5; margin: 0 0 20px;}
  .solmore{ position: static; margin: 0 auto 10px;}

  .fasolbox{ flex-wrap: wrap;}
  .fasolc{ width: 100%; padding: 0;}
  .fasolc h2{ font-size: 32px;}

  /* 新闻中心 */
  #nr{ margin: 0 0 30px;}
  #nr a{ border-radius: 0;}
  #nr a img{ border-radius: 20px;}
  #nr a p { font-size: 14px; color: #333; position: static; width: 100%; text-shadow: none;}
  #nrpage{ bottom: 0;}
  #nrpage a{ width: 10px; height: 10px;}
  .newsbox{ display: block;}

  .nt{ font-size: 24px; line-height: 1.5;}
  .jitem{ padding: 20px; display: block;}
  .jic h3{ font-size: 24px;}
  a.jmore{ margin: 20px auto 10px; width: 110px; height: 40px; border-radius: 20px; line-height: 40px}
  .jic ul li::before{ top: -3px;}

  .serb{ padding-top: 30px;}
  .seri{ padding: 30px 20px 10px; margin: 0 0 50px;}
  .seri ul{ grid-template-columns: repeat(2, 49%); gap: 2%}
  .seri ul li{ margin: 0 0 15px; line-height: 1.3;}
  .seri h3{ left: auto;}
  .seri h3.stl{ font-size: 20px; line-height: 1.2; width: 80%; top: -30px; }
  .seri ul li span { top: 0;}
}
@keyframes mapico{
    0%{
        transform: translate(0,0px);
    }
    50%{
        transform: translate(0,10px);
    }
    100%{
        transform: translate(0,0px);
    }
}