.zr_wrap{height:580px;}
.nav_wrap{background:url(/uiFramework/commonResource/image/2022101416134710308.jpg) no-repeat;height:802px;}
.bj_zr{ background:rgba(0, 91, 172, .6); width: 65%; padding-bottom: 50px;  margin: 0 auto; }
.pzr_line{ border-right: 1px solid #fff; height: 90px;margin-top: 15px; }
.zr_cont{width:76%;margin:0 auto;}
.hd_title{color: #fff;text-align: center;font-size: 48px;padding-top: 82px;}
.hd_text,.hd_cont_title{text-align:center;}
.hd_text{color:#fff;font-size:18px; margin-bottom: 45px;}
.hd_cont_title{color:#f5c719;padding-top:50px;font-size:24px;}
.hd_cont{display: flex;justify-content: space-evenly;padding-top:30px;}
.hd_left p,.hd_right p{color:#fff;font-size:18px;}
.hd_left p span,.hd_right p span{font-size:62px;color:#f5c719;}
.p_fz{padding-top:15px;}

.tab_x_n{visibility: hidden;position: absolute;z-index: -1;display:none;}
.tab_x_y{visibility: visible;z-index: 1;}
.wrap_cont{width:76%;margin:0 auto;margin-top:-73px;position:relative;}
.wrap_cont .eps-dn{left:5px!important;top:12px!important;}
.pivot{border-top: 1px solid #fff;margin-top: 40px;position:relative;}
.pivot ul{display:flex;justify-content: start;width:76%;margin:0 auto;padding-top:27px;padding-bottom:69px;}
.pivot ul li{width:16.5%;height: 65px;font-size:24px;display: flex;align-items: center;color:#fff;cursor: pointer;position: relative;}
.pivot ul .tab_n span{width:14px;height:14px;background:url(/uiFramework/commonResource/image/2022090818550679464.png) no-repeat;display:block;position:absolute;top:-36px;left: 50%;     transform: translateX(-50%);}
.tab_y{font-size:24px!important;color:#fff!important;}
.tab_y span{    background: url(/uiFramework/commonResource/image/2022090818551732903.png) no-repeat;display: block;width: 31px;height: 31px;position: absolute;top: -44px; left: 50%;     transform: translateX(-50%);}
.ys{color:#0053b7;}

.pivot ul li a{ width: 100%;text-align:center;color:#fff;padding-bottom: 20px;  }
.pivot ul li.tab_y a{ display:block;  height: 75px;line-height: 70px;background: url(/uiFramework/commonResource/image/2022101416291174758.png) no-repeat center center;background-size:100% 100%; padding-bottom: 0; }

.wrapsCont p{line-height:2;font-size:18px;}
.wrapsCont p{ min-height: 20px; }
.wrapsCont p span{ display:block;font-size: 22px; margin-bottom: 10px; }
.tit{padding-top:39px;font-size:24px;color:#0053b7;}
.wrapsNum ul{display:flex;justify-content: space-between;padding-top:48px;}
.wrapsNum ul li{border-left:1px solid #0053b7;width:24%;padding: 20px 0; background:url(/uiFramework/commonResource/image/2022101417012814078.png) no-repeat center;background-size: cover;}
.wrapsNum ul li:hover{    box-shadow: 5px 5px 5px rgba(216, 229, 244, .9); }

.wrapsNum ul li .divTxt{font-size:18px;}
.wrapsNum ul li .divNum{padding-top:44px;font-size:16px;}
.wrapsNum ul li .divNum span{font-size:48px;color:#0053b7;}
.wrapsNum ul li .pt_16{padding-top:16px;}
.wrapsCont{padding-top:83px;margin-bottom:30px;}
.wrapsNum ul li .divTxt,.wrapsNum ul li .divNum{padding-left:20px;}

@media screen and (max-width: 1550px) {
  .nav_wrap{/*background:url(/uiFramework/commonResource/image/2022101416134710308.jpg) 0 top no-repeat;background-size:100%; */}
}
@media screen and (max-width: 1440px) {
   .wrapsNum ul li .divNum{ font-size: 14px; }
  .wrapsNum ul li .divNum span{font-size:36px;}
  .wrapsNum ul li:nth-child(1) .divNum{margin-top:25px;}
  .hd_title{font-size:32px;}
  .hd_left p span, .hd_right p span{font-size:44px;}
  .wrapsNum ul li:nth-child(2) .divNum{margin-top:25px;}
  .wrapsNum ul li:nth-child(3) .divNum{margin-top:25px;}
  .wrapsNum ul li:nth-child(4) .divNum{margin-top:28px;}
  .wrap_cont{width:86%;}
  .zr_wrap{ height: 510px; }
  .nav_wrap{ height: 630px;background-size:cover; }
  .wrap_cont{ margin-top: 30px; }
}

@media screen and (max-width: 767px) {
  .hd_text {  font-size: 16px;}
    .hd_cont{ margin-top: 0; }
    .p_fz{ padding-top: 28px; }
   .hd_cont_title { padding-top: 45px;    font-size: 22px;}
   .hd_left p, .hd_right p{ font-size: 14px; }
   .hd_left p span, .hd_right p span {   font-size: 36px;}
    .zr_cont{ width: 95%; }
    .zr_wrap{ height: 410px; }
    .pivot ul{ width: 95%; }
    .pivot ul li{ width: 20%;font-size: 13px; }
    .pivot .tab_y{ font-size: 13px!important; }
    .pivot ul{ padding-top: 10px;padding-bottom: 30px; }
    .nav_wrap{ height: 680px; }
     .tit {   padding-top: 30px;    font-size: 20px;}
     .wrapsNum ul{ padding-top: 25px; }
     .wrapsNum ul{ display:block; }

     .wrapsNum ul li{ float:left; width: 50% !important;height: 200px;margin-bottom: 20px; }
     .wrapsNum ul li .divTxt{ font-size: 16px;line-height: 30px; }
     .wrapsNum ul li:nth-child(1) .divNum{ padding-top: 0; }
     .wrapsNum ul li:nth-child(2) .divNum {  margin-top: 0;}
     .wrapsNum ul li .divTxt, .wrapsNum ul li .divNum{ padding: 0 10px; }
      .wrapsNum ul li .divNum,.wrapsCont p{ font-size: 16px; }

      .bj_zr{ width: 100%; padding-bottom: 30px; }
      .hd_cont_title{ padding-top: 35px; }
      .pivot ul li.tab_y a{     height: 45px;  line-height: 40px; background-size:cover; }
      .tab_y span{ top: -28px; }
      .pivot ul .tab_n span{ top: -18px; }
      .pivot{ margin-top: 60px; }
      .nav_wrap {  height: 525px;}
      .wrapsCont{ clear:both;padding-top:20px; }
}