@font-face {
  font-family: "iconfont";
  /* Project id 2980092 */
  src: url('//at.alicdn.com/t/font_2980092_53xaogob7gg.woff2?t=1644994774630') format('woff2'),
    url('//at.alicdn.com/t/font_2980092_53xaogob7gg.woff?t=1644994774630') format('woff'),
    url('//at.alicdn.com/t/font_2980092_53xaogob7gg.ttf?t=1644994774630') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-guanbi:before {
  content: "\e659";
}

.icon-weixin:before {
  content: "\e631";
}

.icon-youxiang:before {
  content: "\e612";
}

.icon-dianhua:before {
  content: "\e601";
}

.icon-arrowRight:before {
  content: "\e65d";
}

.icon-arrowLeft:before {
  content: "\eb00";
}

.icon-shizhong:before {
  content: "\e629";
}

.icon-right:before {
  content: "\e65f";
}

.icon-left:before {
  content: "\eaff";
}

.icon-playbofang:before {
  content: "\e6dc";
}

.icon-kefuzixunlv:before {
  content: "\e617";
}

.icon-xinxiweihu:before {
  content: "\e60e";
}

.icon-developer-fill:before {
  content: "\e652";
}

.icon-shuju6:before {
  content: "\e61b";
}

.icon-rongyu:before {
  content: "\e651";
}

.icon-weizhi:before {
  content: "\e61f";
}

.icon-youjiantou:before {
  content: "\e600";
}

.icon-s_arrow:before {
  content: "\e632";
}

.icon-arrow-top:before {
  content: "\e604";
}

.icon-arrow-down:before {
  content: "\e6e0";
}

.icon-arrow-right:before {
  content: "\ea66";
}

.icon-sousuo:before {
  content: "";

}



/*文章分页样式*/
#fenye{clear:both; margin:10px 20px 20px 0;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#fenye a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;}

.fenyetips{ display:none}
#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:100px;}
#pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}



.imagetop {
  display: none;
}
.defaultimagesrc img {
  width: 100%;
  display: block;
}
.nph_intro p {
  font-size: 18px;
  line-height: 30px;
}




















.lump img {
  position: absolute;
  top: -5px;
  left: 0;
  content: "";
  width: 280px;
  transition: all 0.5s ease;
}

.lump img:nth-child(2) {
  opacity: 0;
  transition: all 0.5s ease;
}

.onWhite .lump img:nth-child(1) {
  opacity: 0;
  transition: all 0.5s ease;
}

.onWhite .lump img:nth-child(2) {
  opacity: 1;
  width: 240px;
  top: -10px;
  transition: all 0.5s ease;
}




.programR img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .lump img {
    position: absolute;
    top: -5px;
    left: 0;
    content: "";
    width: 190px;
    transition: all 0.5s ease;
  }
  .onWhite .lump img:nth-child(2) {
    opacity: 1;
    width: 190px;
    top: -5px;
    transition: all 0.5s ease;
}
}




/* ---------------------------------------------------------------------产品中心 */
.cpzx_t {
  width: 100%;
  text-align: center;
  font-size: 44px;
  line-height: 1;
  font-weight: bold;
  margin-top: 50px;
}

.cpzx_n {
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding-top: 30px;
}
.cpzx_n ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cpzx_n ul li {
  width: 31%;
  height: auto;
  background-color: #fff;
  margin: 15px;
  position: relative;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 0px 20px 1px #e9e9e9;
}
.cpzx_n ul li a {
  display: block;
}
.cpzx_n ul li:nth-child(5) {
  width: 64%;
}
.cpzx_n ul li:nth-child(5) p {
  font-size: 24px;
  color: #333;
}
.cpzx_n ul li:nth-child(5) h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.cpzx_n ul li:nth-child(5) img {
  width: 50%;
  transition: all 0.5s ease;
}
.cpzx_n ul li:nth-child(5) dl {
  position: absolute;
  right: 75px;
  bottom: 50px;
  content: "";
  color: #333;
  transition: all 0.5s ease;
}
.cpzx_n ul li a:hover img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.cpzx_n ul li a:hover dl {
  color: #02419b;
  transition: all 0.5s ease;
}
.cpzx_n ul li h2 img {
  width: 50%;
  transition: all 0.5s ease;
}
.cpzx_n ul li p {
  font-size: 24px;
  color: #333;
}
.cpzx_n ul li h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.cpzx_n ul li dl {
  position: absolute;
  right: 50px;
  bottom: 50px;
  content: "";
  color: #333;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1440px) {
  .cpzx_n {
    width: 90%;
  }
}
@media screen and (max-width: 992px) {
  .cpzx_t {
    font-size: 30px;
}
  .cpzx_n {
    width: 95%;
  }
  .cpzx_n ul li:nth-child(5) {
    width: 95%;
}
.cpzx_n ul li {
  width: 47%;
  padding: 15px;
  margin: 5px;
}
.cpzx_n ul li:nth-child(5) p {
  font-size: 20px;
  color: #333;
}
.cpzx_n ul li:nth-child(5) img {
  width: 65%;
  transition: all 0.5s ease;
}
.cpzx_n ul li:nth-child(5) dl {
  position: absolute;
  right: 25px;
  bottom: 15px;
  content: "";
  color: #333;
  transition: all 0.5s ease;
}
.cpzx_n ul li p {
  font-size: 18px;
  color: #333;
}
.cpzx_n ul li h2 img {
  width: 85%;
  transition: all 0.5s ease;
}
.cpzx_n ul li dl {
  position: absolute;
  right: 15px;
  bottom: 10px;
  content: "";
  color: #333;
  transition: all 0.5s ease;
}
}
/* -----------------------------------------------------------------------新闻 */
.xw_ul {
  width: 90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
.xw_ul li {
  width: 28%;
    height: auto;
    margin: 30px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 25px 0px #e5e5e5;
}
.xw_ul li h3 {
  width: 100%;
  overflow: hidden;
}
.xw_ul li h3 img {
  width: 100%;
  display: block;
  transition: all 0.5s ease;
}
.xw_div {
  width: 85%;
    margin: 0 auto;
    padding: 40px 0px;
}
.xw_div span {
  font-size: 15px;
    color: #333;
    margin-bottom: 30px;
    display: block;
}
.xw_div p {
  font-size: 18px;
    line-height: 35px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: normal;
}
.xw_div dl {
  width: 34%;
    border: 1px solid #333;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: #333;
    transition: all 0.5s ease;
}
.xw_ul li a:hover img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.xw_ul li a:hover .xw_div dl {
  background-color: #02419b;
  color: rgb(255, 255, 255);
  border: 1px solid #02419b;
}
@media screen and (max-width: 992px) {
  .xw_ul {
    width: 100%;
}
.xw_ul li {
  width: 44%;
  margin: 10px;
}
.xw_ul li:nth-child(3) {
  display: none;
}
.xw_div dl {
  width: 60%;
  font-size: 10px;
  padding: 5px;
}
.xw_div {
  width: 85%;
  margin: 0 auto;
  padding: 15px 0px;
}
.xw_div span {
  font-size: 12px;
  color: #333;
  margin-bottom: 12px;
  display: block;
}
.xw_div p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}
/* ------------------------------------------------------------------------底部 */
.footerLogo img {
  width: 85%;
}
/* ------------------------------------------------------------------------产品栏目 */
.cpp {
  width: 100%;
  height: auto;
  background-color: rgb(243, 243, 243);
  padding: 30px 0px;
}
.cpp ul {
  width: 90%;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.cpp ul li {
  width: calc((100% - 10% ) / 4 );
  height: auto;
  margin: 20px;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
}
.cpp ul li a {
  width: 100%;
  display: block;
}
.cpp ul li a h3 {
  width: 100%;
  overflow: hidden;
}
.cpp h3 img {
  width: 100%;
  display: block;
  transition: all 0.5s ease;
}
.cpp dl {
  width: 100%;
  height: auto;
  padding: 30px 0px;
  color: #333;
  text-align: center;
  font-size: 18px;
  transition: all 0.5s ease;
}
.cpp li a:hover h3 img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.cpp li a:hover dl {
  color: #02419b;
  transition: all 0.5s ease;
}
@media screen and (max-width:1440px) {

.cpp ul li {
  width: calc((100% - 14%) / 4);
}
}
@media screen and (max-width:992px) {
  .cpp ul {
    width: 95%;
}
.cpp ul li {
  width: calc((100% - 12%) / 2);
  height: auto;
  margin: 10px;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
}
.cpp dl {
  width: 100%;
  height: auto;
  padding: 20px 0px;
  color: #333;
  text-align: center;
  font-size: 15px;
  transition: all 0.5s ease;
}
}
.footbox {
  height: 8rem;
  background: rgba(0, 38, 143, 0.5);
  bottom: 0;
  z-index: 99;
  left: 0;
  width: 100%;
  min-width: 375px;
  position: fixed;
  border-top: 0;
  z-index: 1000;
}

.flexbox {
  margin-top: 2px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footbox ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.footbox ul li a {
  display: block;
  color: #fff;
  font-size: 1.5rem;
  line-height: 3rem;
  font-weight: 600;
}

.footbox ul li a img {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 5px auto;
}

@media(min-width:1000px) {
  .footbox {
      display: none;
  }
}

.sjkx {
  display: block;
}

@media(min-width:1000px) {
  .sjkx {
      display: none;
  }
}

.cpzxt_p {
width: 100%;
text-align: center;
font-size: 20px;
padding-top: 20px;
color: #333;
}