.sec-10-t1{
  display: none;
}
.m-yqlj{
  display: none;
}
/*快捷导航*/
  .quick-nav-box{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
  }
  .quick-nav-list{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .quick-nav-info{
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #fff;
    right: -100%;
    top: 0;
    padding:200px 60px 0 60px;
    box-sizing: border-box;
    opacity: 0;
  }
  .quick-nav-list ul{
    width: 100%;
  }
  .quick-nav-list ul>li{
    padding:15px 20px;
    box-sizing: border-box;
    border-bottom:1px solid #c5c5c5;
    position: relative;
  }
  .quick-nav-list ul>li:after{
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    background-color: #2329a2;
    z-index: 0;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.6s;
  }
  .quick-nav-list ul>li:hover:after{
    width: 100%;
    opacity: 1;
  }
  .quick-nav-list ul>li>a{
    line-height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .quick-nav-list ul>li:hover>a>p{
    color: #fff;
  }
  .quick-nav-list ul>li>a>em{
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
  }
  .quick-nav-list ul>li>a>em>img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
  }
  .quick-nav-list ul>li>a>em>img:first-child{
    top: 0;
    transition: all 0.6s;
  }
  .quick-nav-list ul>li>a>em>img:last-child{
    top: 100%;
    transition: all 0.6s;
  }
  .quick-nav-list ul>li:hover>a>em>img:first-child{
    top: -100%;
  }
  .quick-nav-list ul>li:hover>a>em>img:last-child{
    top: 0;
  }
  .quick-nav-list ul>li>a>p{
    float: left;
  }
  .quick-nav-list ul>li>a>i{
    float: right;
    margin-top: 3px;
    display: block;
  }
  .quick-nav-info>h5{
    margin-top: 80px;
    font-weight: lighter;
    line-height: 30px;
  }
  .quick-nav-info>h5>img{
    height: 30px;
    width: auto;
    float: left;
    margin-right: 10px;
    
  }
  .quick-nav-info>h4{
    font-weight: bold;
    margin-top: 10px;
    font-size: 30px;
    color: #2329a2;
  }


/*样式开始*/
  a:hover{
    color: #2329a2;
  }
  .sec-01-box{
    position: fixed;
    z-index: 999;
    width: 100%;
    top:0;
    left: 0;
    background-image: url(../png/top-bj.png);
    opacity: 1;
    transition:all 0.6s;
  }
  .top-welcome{
    width: 100%;
    padding:10px 0;
    background-color:#2329a2;
  }
  .top-welcome p{
    line-height: 26px;
    font-size: 14px;
    color: #fff;
  }
  .search a{
    text-indent: 20px;
    background-image: url(../png/gh.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left:20px;
    color: #fff;
    line-height: 26px;
    font-size: 14px;
  }
  .search a:nth-child(1){
    background-image: url(../png/gh-1.png);
  }
  .search a:nth-child(3){
    background-image: url(../png/gh-2.png);
  }
  .search a:nth-child(5){
    background-image: url(../png/gh-3.png);
  }
  .search>form{
    margin-left: 40px;
  }
  .search>form>input:first-child{
    width: 22px;
    height: 22px;
    border:none;
    background-size: 100% 100%;
    background-image: url(../png/seach.png);
    background-color: rgba(0,0,0,0);
  }
  .search>form>input:last-child{
    width: 120px;
    height: 20px;
    border:1px solid #c6c6c6;
    color: #c6c6c6;
    margin-left: 15px;
    border-radius: 10px;
    text-indent: 10px;
    background-color: #fafafa;
  }
  .top-nav{
    
    box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    position: relative;
  }
  .logo{
    width: 450px;
    float: left;
    margin-top: 15px;
  }
  .logo>a{
    width: 100%;
  }
  .logo>a>img{
    width: 100%;
  }
  .top-nav ul{
    width: 65%;
    float: left;
    margin-top:25px;
    margin-left: 80px;
  }
  .top-nav ul>li{
   padding-bottom: 20px;
   box-sizing: border-box;
   position: relative;
  }

  .top-nav ul>li>a>em{
    display: block;
    text-align: center;
  }
   .top-nav ul>li>a>em:last-child{
    font-size: 12px;
    color: #c6c6c6;
    margin-top: 5px;
   }
  .top-nav dl{
    width: 10%;
    float: right;
    margin-top: 30px;
  }
  .top-nav dl>dd{
    width: 33.3%;
  }
  .top-nav dl>dd>a{
    color: #c6c6c6;
  }
  .quick-nav{
    width: 100px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background-color: rgba(35,41,162,.8);
    display: flex;
    align-items:center;
  }
  .quick-nav>button{
      background-color: rgba(0,0,0,0);
      border:none;
      width: 30px;
      height: 20px;
      margin-left:35px;
      position: relative;
      cursor: pointer;
  }
  .m_close{
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 99;
      display: none;
      cursor: pointer;
  }
  .quick-nav em{
      width: 30px;
      height: 3px;
      background-color: #fff;
      display: block;
      position: absolute;
  }
  .m_ht1{
      left: 0;
      top: 0;
      transition: all 0.8s;
  }
  .m_ht2{
      left: 0;
      top: 8px;
  }
  .m_ht3{
      left: 0;
      bottom:0;
      transition: all 0.8s;
  }
  .m_htl_an{
      -moz-transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      -o-transform: rotate(225deg);
       -ms-transform: rotate(225deg);
      transform: rotate(225deg);
      top: 7px;
  }
  .m_ht3_an{
      -moz-transform: rotate(-225deg);
      -webkit-transform: rotate(-225deg);
      -o-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
      transform: rotate(-225deg);
      top: 7px;
  }
  .quick-nav_box{
      width: 100%;
      height: 100%;
      position: fixed;
      background-color: rgba(0,0,0,.6);
      z-index: 999;
      left: 100%;
      opacity: 0;
      top: 60px;
  }
  /*二级栏*/
  .pc-nav-2{
    position: absolute;
    width: 150%;
    left: -25%;
    top: 62px;
    z-index: 9;
    background-color: #fafafa;
    display: none;
  }
  .pc-nav-2>dl{
    width: 100%;
    margin-top:0;
  }
  .pc-nav-2>dl>dd{
    width: 100%;
  }
  .pc-nav-2>dl>dd>a{
    text-align: center;
    line-height: 46px;
    width: 90%;
    margin:0 auto;
    color: #333;
    font-weight: lighter;
    font-size:15px;
  }
  .pc-nav-2>dl>dd:hover{
    background-color: #2329a2;
  }
  .pc-nav-2>dl>dd:hover>a{
    color: #fff;
  }
  .top-nav ul>li:hover .pc-nav-2{
    display: block;
  }
  /*.pc_2nav{
    width: 100%;
    background-color:#fafafa;
    position: relative;
    overflow:hidden;
  }
  .pc_2nav>dl{
    width: 100%;
    padding:30px 7%;
    box-sizing: border-box;
    position: relative;
  }
  .pc_2nav>dl>dt{
    position: absolute;
    width: 100%;
    height:100%;
    background-color: #ccc;
    top: 0;
    right: 0;
    z-index: 99;
  }

  .pc_2nav>dl:after {
    display:block;
    content:"";
    width: 30%;
    height:0px;
    }
  .pc_2nav>dl>dd{
    width: 30%;
    margin-top: 40px;
    font-size: 14px;

    position: relative;
  }
  .pc_2nav>dl>dd:nth-child(2){
    margin-top: 20px;
  }
  .pc_2nav>dl>dd:nth-child(3){
    margin-top: 20px;
  }
  .pc_2nav>dl>dd:nth-child(4){
    margin-top: 20px;
  }
  .pc_nav_dd_bj{
    position: absolute;
    width: 0;
    height: 100%;
    background-color:#2329a2;
    z-index: -1;
    left: 0;
    top: 0;
    transition: all 0.8s;
  }
  .pc_2nav>dl>dd>a:hover>.pc_nav_dd_bj{
    width: 100%;
  }
  .pc_2nav>dl>dd>a{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 36px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    position: relative;
    padding-bottom: 10px;
    box-sizing: border-box;
    z-index: 9;
  }
  .pc_2nav>dl>dd>a:hover{
    color: #fff;
    font-weight: bold;
  }
  .pc_2nav>dl>dd>a>em:last-child{
     width: 20px;
    height: 20px;
    margin-top: 8px;
    display: block;
    background-image: url(../images/ico_a1.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: content;
    transition: all 0.1s;
  }
  .pc_2nav>dl>dd>a:hover>em:last-child{
    background-image: url(../images/ico_b.png);
    background-size: 100%;
  }

  .pc_2nav>dl>dd>ul{
    padding: 0 20px;
    box-sizing: border-box;
    display: none;
  }
  .pc_2nav>dl>dd>ul>li{
    width: 50%;
    float: left;
    margin-top: 20px;
    line-height: 36px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    box-sizing: border-box;
  }
  .pc_2nav>dl>dd>ul>li>a{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
  }
  .pc_2nav>dl>dd>ul>li:hover>a{
    color: #fff;
    font-weight: bold;
  }
  .pc_nav_li_bj{
    position: absolute;
    width: 0;
    height: 100%;
    background-color:#2329a2;
    z-index: 0;
    left: 0;
    top: 0;
    transition: all 0.6s;
  }
  .pc_2nav>dl>dd>ul>li:hover>a>.pc_nav_li_bj{
    width: 100%;
  }
  .pc_2nav>dl>dd>ul>li>a>em{
    position: relative;
    z-index: 9;
  }
  .pc_2nav>dl>dd>ul>li>a>em:last-child{
     width: 20px;
    height: 20px;
    margin-top: 8px;
    display: block;
    background-image: url(../images/ico_a1.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: content;
    transition: all 0.1s;
  }
  .pc_2nav>dl>dd>ul>li:hover>a>em:last-child{
    background-image: url(../images/ico_b.png);
    background-size: 100%;
  }*/

  /*手机导航*/
  .auto-nav{
    width: 100%;
    position: fixed;
    left: 0;
    top: -100%;
    z-index: 10000;
    padding:10px 0;
    box-sizing: border-box;
   /* background-color: rgba(35,41,162,.9);*/
   background-color: #fff;
   box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
   transition:all 0.4s;
   opacity: 0;
   background-image: url(../png/top-bj.png);
   background-size: cover;
   background-repeat: no-repeat;
  }
  .auto-nav-logo{
    height: 45px;
  }
  .auto-nav-logo>a{
    height: 100%;
  }
  .auto-nav-logo>a>img{
    height: 100%;
  }
  .auto-nav-open{
    width: 50px;
    height: 45px;
    /*background-color: rgba(35,41,162,.8);*/
    display: flex;
    align-items:center;
    position: relative;
  }
  .auto-nav-open>button{
      background-color: rgba(0,0,0,0);
      border:none;
      width: 30px;
      height: 16px;
      margin-left:20px;
      position: relative;
      cursor: pointer;
      outline: none;
  }
  .auto-nav-close{
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 99;
      display: none;
      cursor: pointer;
  }
  .auto-nav-open em{
      width: 25px;
      height: 3px;
      background-color: #2329a2;
      display: block;
      position: absolute;
      border-radius: 5px;
  }
  .m_ht1{
      left: 0;
      top: 0;
      transition: all 0.8s;
  }
  .m_ht2{
      left: 0;
      top: 6px;
  }
  .m_ht3{
      left: 0;
      bottom:0;
      transition: all 0.8s;
  }
  .m_htl_an{
      -moz-transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      -o-transform: rotate(225deg);
       -ms-transform: rotate(225deg);
      transform: rotate(225deg);
      top: 7px;
  }
  .m_ht3_an{
      -moz-transform: rotate(-225deg);
      -webkit-transform: rotate(-225deg);
      -o-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
      transform: rotate(-225deg);
      top: 7px;
  }
  .m_nav_box{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,.6);
        z-index: 9999;
        left: 100%;
        opacity: 0;
        top: 65px;
        display: block;
      }
      .m_nav_list{
        width: 40%;
        height: 100%;
        background-color: #f7f7f7;
        margin-left:auto;
        background-color: rgba(3,78,161,.6);
        overflow:auto;
        padding:10px 20px 80px 20px;
        box-sizing: border-box;
      }
    .m_nav_list>dl{
      width: auto;
      line-height: 40px;
      overflow:hidden;
    }
    .m_nav_list>dl>dt{
      /*background-color: #034ea1;*/
      width:auto;
      position: relative;
      box-sizing: border-box;
      padding-left: 10px;
      margin-bottom:10px;
    }
    .m_nav_list>dl>dt:before{
      content: "";
      position: absolute;
      width:6px;
      height: 6px;
      background-color: #fff;
      border-radius: 50%;
      left: 0;
      top: 50%;
      transform:translateY(-50%);
    }
    .m_nav_list>dl:first-child>dt{
      padding-left: 0;
    }
    .m_nav_list>dl:first-child>dt:before{
      display: none;
    }
    .m_nav_list>dl>dt:after{
      position: absolute;
      width: 65px;
      height: 1px;
      background:#fff;
      content:"";
      bottom: 0;
      left: 0;
    }
    .m_nav_list>dl:first-child>dt:after{
      width:28px;
    }
    .m_nav_list>dl>dt>a{
      color: #fff;
      font-size: 14px;
      font-weight: bold;
    }
    .m_nav_list>dl>dd{
      width: 32%;
      float: left;
      line-height: 30px;
      box-sizing: border-box;
    }
    .m_nav_list>dl>dd>a{
      color: #fff;
      font-size: 13px;
      padding-right: 10px;
      box-sizing: border-box;
      color: #ebebeb;
    }



  /*banner*/
  .banner-all{
    width: 100%;
    height: 100%;
    position:fixed;
    z-index: 0;
  }
  .banner-all-box{
    width: 100%;
    height: 100%;
    position: relative;

  }
  .banner{
    width: 100%;
    height: 100%;
  }
  .sec-01{
    width: 100%;
    height: 100%;
    overflow:hidden;
    position: relative;
  }

  .sec-01-text{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../png/pic_wg.png);
    background-size:100% 100%;
    top: 0;
    left: 0;
    z-index: 9;
  }
  .sec-01-text>.cont{
    position: relative;
    height: 100%;
  }
  .banner-text{
    width:100%;
    position: absolute;
    left: 0%;
    top: 45%;
    z-index: 9;
    transform: translateY(-50%);
    color: #fff;
    opacity: 1;
  }
  .banner-text-box{
    width:100%;
    position: relative;
  }
  .banner-text-box0>h3:first-child{
    position: absolute;
    top: 100px;/*30*/
    left: 0;
    opacity: 0; 
    transition: all 0.8s;
    font-size: 30px;
  }
  .banner-text-box>h3:nth-child(2){
    position: absolute;
    top: 150px;/*80*/
    left: 0;
    opacity: 0; 
   font-size: 36px;
    font-weight: bold;
    transition: all 0.8s;
    transition-delay:0.8s;
  }
  .banner-text-box1>h3{
    font-size: 36px;
    font-weight: bold;
  }
  /*.banner-text-box>p{
    width:100%;
    margin-top: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    color: #fafafa;
    position: absolute;
    top: 170px;
    left: 0;
    opacity: 0; 
   transition: all 0.8s;
    transition-delay:1.6s;
  }*/
  .banner-text-box>ul{
    margin-top: 40px;
    width: 150px;
    position: absolute;
    top: 170px;/*200*/
    left: 0;
    opacity: 0; 
    transition: all 0.8s;
    transition-delay:1.6s;
  }
  .banner-text-box>.banner-2{
    top:280px;
  }
  .banner-text-box>ul>li{
    width: 10px;
    height: 10px;
    background-color:#fff;
    border-radius: 50%;
    position: relative;
  }
  .banner-text-box>ul>.active:after{
    width: 200%;
    height: 200%;
    position: absolute;
    border:1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content:"";
    top:-50%;
    left: -50%;
  }
  .banner-text-box>img{
    margin-top: 40px;
    position: absolute;
    top: 70px;/*50*/
    left: -20px;
    opacity: 0;
    transition: all 0.8s;
    transition-delay:1s;
  }
 
  .banner_box>.active h3:first-child{
    top: 0;
    opacity: 1;
  }
   .banner_box>.active h3:nth-child(2){
    top: 50px;
    opacity: 1;
  }
  .banner_box>.active p{
    top: 80px;
    opacity: 1;
  }
    .banner_box>.active ul{
    top: 110px;
    opacity: 1;
  }
  .banner_box>.active .banner-2{
    top: 260px;
    opacity: 1;
  }
  .banner_box>.active dl{
    top: 50px;
    opacity: 1;
  }
  .banner_box>.active img{
    top: 30px;
    opacity: 1;
  }
  .sec-01>img{
    width: 100%;
  }
  .sec-01>video{
    width: 100%;
    margin:0 auto;
    display: block;
  }
  .section{
    overflow:hidden;
  }
  .sec-03{
    position: relative;
    background-color: #fff;
    z-index: 99;
    /*background-image: url(../images/bj-0.jpg);*/
    padding-top:240px;
    box-sizing:border-box;
  }
  .sec-03-box{
    position: absolute;
    width: 80%;
    height: 60%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../jpg/bj-0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:left top;
    padding-top: 180px;
    box-sizing:border-box;
    
  }
  .sec-03-box .cont{
    position: relative;
  }
  .top-tt{
    text-align: center;
  }
  .top-tt>h3>p{
    font-weight: bold;
    color: #e62318;
    text-shadow: 3px 3px 3px #ccc;
  }
  .top-tt>h3>img{
    margin-top: 2px;
    margin-right: 5px;
  }
  .top-tt>p{
    margin-top: 15px;
    color: #2329a2;
  }
  .top-tt>p>a{
    color: #e62318;
    display: inline;
  }
  .tit_box>h4{
    font-weight: bold;
  }
  .tit_box>h4>i{
    font-weight: bold;
    /*color: #2329a2;*/
  }
  .tit_box>h4>em{
    color: #c6c6c6;
    font-size: 14px;
    font-weight: lighter;
  }
  .tit_box>a{
    font-size: 13px;
    color: #c6c6c6;
    margin-top: 10px;
  }
  .sec-03-con{
    width: 36%;
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 9;
  }
  .sec-03-con>.img_box{
    height: 380px;
    position: relative;
  }
  .text-mb{
    width: 100%;
    height: 100%;
    background-image:url(../png/mb.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .text-mb-box{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .text-mb-info{
    width: 100%;
    padding:30px;
    box-sizing:border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
  }
  .text-mb-info>a{
    color: #fff;
  }
  .text-mb-info>a>h4{
    font-weight: bold;
  }
  .text-mb-info>a>em{
    font-weight: lighter;
    font-size: 14px;
    color: #c6c6c6;
    margin-top: 15px;
    display: block;
  }
  .text-mb-info>a>p{
    font-size: 15px;
    color: #c6c6c6;
    margin-top: 15px;
    line-height: 26px;
  }
  .sec-03-info-1>.tit_box>h4{
    font-weight: bold;
    margin-top: 30px;
  }
  .sec-03-info-1>.tit_box>a{
    margin-top: 40px;
  }
  .sec-03-con>h4>i{
    font-weight: bold;
    color: #2329a2;
  }
  .sec-03-con>h4>em{
    color: #c6c6c6;
    font-size: 14px;
    font-weight: lighter;
  }
  .sec-03-info-1>ul{
    margin-top: 30px;
  }
  .sec-03-info-1>ul>li{
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #c6c6c6;
    line-height: 26px;
  }
  .sec-03-info-1>ul>li:hover{
    background-color: #2329a2;

  }
  .sec-03-info-1>ul>li:hover>a{
    color: #fff;
  }
  .sec-03-r{
    width: 60%;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 99;
  }
  .sec-03-tap{
    margin-top: 40px;
  }
  .sec-03-tap>ul{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #c6c6c6;
  }
  .sec-03-tap>ul>li{
    width: 12%;
    float: left;
    font-size: 20px;
    text-align:center;
    padding-bottom: 15px;
    box-sizing:border-box;
    position: relative;
    margin-right: 60px;
  }
  .sec-03-tap>ul>li:last-child{
    display: none;
  }
  .sec-03-tap>ul>.active:after{
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #2329a2;
    content:"";
    bottom: -2px;
    left: 0;
  }
  .sec-03-tap>ul>.active>a{
    font-weight: bold;
    color: #2329a2;
  }
  .sec-03-list{
    margin-top: 40px;
  }
   .sec-03-list>ul{
    width: 56%;
    display: none;
  }
  .sec-03-list>.active{
    display: block;
  }
  .sec-03-list>ul>li{
    padding:15px 10px;
    box-sizing:border-box;
  }
  .sec-03-list>ul>li>a>p{
    width:72%;
    text-indent:20px;
    position: relative;
  }
  .sec-03-list>ul>li>a>p:before{
    width: 8px;
    height: 8px;
    border-radius:50%;
    background-color: #666;
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .sec-03-list>ul>li>a>em{
    width: 20%;
    /*font-size: 15px;*/
    line-height: 24px;
  }
  .sec-03-list>ul>li:hover{
    background-color: #2329a2;
  }
  .sec-03-list>ul>li:hover>a{
    color: #fff;
  }
  .sec-03-list>ul>li:hover>a>p:before{
    background-color: #fff;
  }
  .sec-03-list-l{
    width: 42%;
  }
  .sec-03-list-l>.img_box{
    height: 220px;
    position: relative;
  }
  .sec-03-list-l>.img_box>a{
    position: absolute;
    width: 100%;
    color: #fff;
    background-color: rgba(35,41,162,.6);
    line-height: 40px;
    bottom: 0;
    z-index: 999;
    padding:0 5px;
    box-sizing: border-box;
  }
  .sec-03-list-l>.tit_box{
    margin-top: 30px;
  }
  .sec-03-list-l>ul{
    margin-top: 30px;
  }
 .sec-03-list-l>ul>li{
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #c6c6c6;
    line-height: 26px;
  }
  .sec-03-list-l>ul>li p{
    width: 70%;
  }
  .sec-03-list-l>ul>li:hover{
    background-color: #2329a2;
  }
  .sec-03-list-l>ul>li:hover>a{
    color: #fff;
  }







  .sec-10{
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../jpg/bj-7.jpg);
  }
  .gif{
    position: absolute;
    width: 80%;
    height: 40%;
    left: -18%;
    top: 180px;
    opacity: 0.2;
  }
  .gif>.img_box{
    width: 100%;
    height: 100%;
  }
  .sec-10-box{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    padding-top: 200px;
    box-sizing: border-box;
  }
  .sec-10-tit{
    width: 30%;
  }
  .sec-10-tit>h3{
    font-size: 45px;
    font-weight: bold;
    letter-spacing:46px;
    margin-top: 20px;
  }
  .sec-10-tit>p{
    font-size: 18px;
    font-weight: lighter;
    margin-top: 10px;
    letter-spacing:10px;
  }
  .sec-10-num{
    width: 55%;
    margin-left:auto;
  }
  .sec-10-num>ul>li{
    width: 25%;
  }
  .ico-box{
    width: 100%;
  }
  .ico-box>img{
    width: 40px;
    height: 40px;
    margin:0 auto;
  }
  .sec-10-data-info>p{
    text-align: center;
    margin-top: 10px;
    font-weight: lighter;
  }
  .sec-10-data-info>h3{
    width: 100%;
    font-size: 42px;
    margin-top: 10px;
  }
  .sec-10-data-info>h3>p{
    font-weight: bold;
    color:#2329a2;
  }
  .sec-10-data-info>h3>em{
    font-size: 14px;
    font-weight: lighter;
    margin-top: 30px;
    margin-left: 10px;
  }
  .sec-10-list{
    width: 100%;
    margin-top: 40px;
  }
  .sec-10-list ul{
    width: 100%;
    background-image: url(../jpg/inx-01.jpg);
    background-size:cover;
  }
  .sec-10-list ul>li{
    height: 480px;
    background-size: cover;
    color: #fff;
  }
  .sec-10-list ul>li{
    width: 33.3%;
  }
  .sec-10-list ul>li:nth-child(2){
    border-right: 1px solid rgba(255,255,255,0.5);
    border-left: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
  }
  .sec-10-list-info{
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
  }
  .sec-10-list-info:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    transition: all 0.4s;
  }
  .sec-10-list ul>li:hover .sec-10-list-info:after{
    display: block;
  }
  .sec-10-list ul>.active .sec-10-list-info:after{
    display: block;
    opacity: 1;
  }
  .sec-10-list-txt{
    width: 100%;
    padding:0 80px;
    height: 60px;
    box-sizing: border-box;
    position: absolute;
    top:75%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    transition: all 0.6s;
    overflow:hidden;
  }
  .sec-10-list ul>li:hover .sec-10-list-txt{
    height: 240px;
  }
  .sec-10-list-txt>h4{
    position: relative;
    font-size:30px;
  }
  .sec-10-list-txt>h4:before{
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    background-color:#2329a2;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);

    display: none;
  }
  .sec-10-list ul>li:hover .sec-10-list-txt>h4:before{
    display: block;
  }
  .sec-10-list-info p{
    font-weight: lighter;
    line-height: 30px;
    margin-top: 30px;
  }
  .sec-10-list ul>li a{
    margin-top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: lighter;
  }

  .m-sec-10{
    width:100%;
    height: 300px;
    background-image: url(../jpg/inx-01.jpg);
    background-size: cover;
    display: none;
  }
  .m-sec-10-box{
    height: 100%;
  }
  .m-sec-10-box>ul{
    background-image: none;
    border:none;
  }
  .m-sec-10-box>ul>li{
    width:100%;
    height: 100%;
    position: relative;
    border:none;
  }
  .m-sec-10-info{
    width:90%;
    position: absolute;
    top: 50%;
    left: 5%;
    transform:translateY(-50%);
  }
  .m-sec-10-info>h4{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .m-sec-10-info>p{
    font-size: 14px;
  }



  
  .sec-06{
    padding-top: 200px;
    box-sizing: border-box;
   position: relative;
   background-image:url(../jpg/bj-7.jpg);
   background-size: cover;
  }
  .sec-06>.cont{
    position: relative;
    height: 100%;
  }
  .sec-06-top{
    /*position: absolute;*/
    width: 100%;
    top: 0;
    left: 0;
  }
  .sec-06-top>ul>li{
    text-align: center;
    width: 130px;
    height: 130px;
    border:1px solid #fff;
    box-sizing:border-box;
    background-color: #2329a2;
    color: #fff;
    cursor: pointer;
  }
  .sec-06-top>ul>li>a{
    color: #fff;
  }
  .sec-06-top>ul>li img{
    width: 40px;
    height: 40px;
    margin:0 auto;
    margin-top: 25px;
  }
  .sec-06-top>ul>li .img2{
    display: none;
  }
  .sec-06-top>ul>.active{
    background-color: #f5f5f5;
    
    /*border:1px solid #2329a2;*/
  }
  .sec-06-top>ul>.active>a{
    color: #333;
  }
  .sec-06-top>ul>.active .img1{
    display: none;
  }
  .sec-06-top>ul>.active .img2{
    display: block;
  }
  .sec-06-top>ul>li p{
    margin-top:10px;
    font-size: 15px;
    font-weight: lighter;
  }
  .sec-06-box{
    width: 100%;
    height: 65%;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;*/
  }
  .sec-06-box>ul{
    width: 100%;
    height: 100%;
  }
  .sec-06-box>ul>li{
    width: 100%;
    height: 100%;
    display: none;
  }
  .sec-06-box>ul>.active{
    display: block;
  }
  .sec-06-box>ul>li>.img_box{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .sec-06-box>ul>li>.img_box>video{
    width: 100%;
    position: absolute;
    left: 0;
    z-index:9;
  }
  .vid-1{
    top: -40px;
  }
  .vid-2{
    top: -50px;
  }
  .sec-06-js{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    background-color: rgba(35,41,162,.6);
    z-index: 999;
  }
  .sec-06-js li{
    float: left;
    width: 25%;
    line-height: 60px;
    text-align: center;
    /*border-right: 1px solid rgba(255,255,255,.3);*/
    box-sizing:border-box;
  }
  .sec-06-js li>a{
    color: #fff;
  }

/*手机端展示*/
  .m-sec-06-box{
    width:100%;
    display: none;
  }
  .m-sec-06-box>ul>li>.img_box{
    height: 220px;
    position: relative;
  }
  .m-sec-06-box>ul>li>.img_box>video{
    height:100%;
    width:auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
  }
  .m-sec-06-box>ul>li>.img_box>.vid-3{
    width:100%;
    height: auto;
  }










  
  
  
  .sec-07{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../jpg/in-bj.jpg);
  }
  .sec-07-top{
    width: 100%;
    height: 70%;
    position: relative;
  }
  .sec-07-t{
    width: 100%;
    height:75%;
    padding-top:200px;
    box-sizing: border-box;
    /*background-color: #ccc;*/
  }
  .sec-07-t-box{
    width: 100%;
    margin-top:40px;
  }
  .sec-07-t-box>ul{
    width: 100%;
  }
  .sec-07-t-box>ul>li{
    width: 18%;
    background-color: #fff;
    padding:20px;
    box-sizing: border-box;
    text-align:center;
  }
  .ico-con img{
    margin:0 auto;
  }
  .sec-07-t-box>ul>li i{
    font-size:22px;
    margin-top:15px;
    display: block;
  }
  .sec-07-t-box>ul>li h5{
    margin-top:15px;
    font-weight: bold;
    color: #2329a2;
  }
  .sec-07-t-box>ul>li p{
    margin-top:15px;
    line-height: 30px;
    font-size:15px;
    font-weight: lighter;
  }
  .sec-07-t-box>ul>li .img_box{
    width: 100%;
    height: 140px;
    margin-top:20px;
  }
  

/*  .sec-07-top{
    width: 100%;
    height: 60%;
    position: relative;
  }
  .sec-07-top-box{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/pic_wg.png);
    top: 0;
    left: 0;
    z-index: 99;
    color: #fff;
    padding-top:270px;
    box-sizing:border-box;
    text-align: center;
  }
  .sec-07-top-box>h3{
    font-weight: bold;
    margin-bottom: 15px;
    opacity: 0.8;
    font-size: 42px;

  }
  .sec-07-top-box>h4{
    opacity: 0.8;
  }
*/



  .sec-07-bottom{
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fafafa;
     box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
  }
  .inx-bot{
    height: auto;
    position: static;
    margin-top: auto;
  }
  .inx-bot dl{
    position: relative;
  }
  .inx-bot dl ul{
    width: 120%;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform:translateX(-50%);
    background-color: #fff;
    display: none;
  }
  .inx-bot dl:hover ul{
    display: block;
  }
  .inx-bot dl ul>li{
    text-align: center;
    line-height: 40px;
  }
  .sec-07-bt-top{
    width: 100%;
  }
  .bt-nav{
    padding-top: 30px;
    box-sizing:border-box;
    width: 72%;
    padding-right: 40px;
    padding-bottom: 40px;
    border-right: 1px solid #ededed;
  }
  .bt-nav dt{
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 15px;
    position: relative;
  }
  .bt-nav dt:after{
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #2329a2;
    bottom: -9px;
    left: 0;
  }
  .inx-bot dt{
    margin-bottom: 0;
    padding-top: 0px;
  }
  .inx-bot .bt-nav{
    padding-bottom: 0;
    padding-top:0;
  }
  .inx-bot dl{
    padding:10px 0;
  }
  .inx-bot .bt-lx>ul{
    margin-top: 10px;
  }
  .inx-bot .bt-lx>ul>li>a>img{
    height: 30px;
  }
  .inx-bot .bt-lx{
    padding-top:0px;
  }
  .inx-bot dt:after{
    display: none;
  }
  .bt-nav dd>a{
    font-size: 16px;
    font-weight: lighter;
    color: rgba(0,0,0,.65);
    line-height: 30px;
  }
  .bt-lx{
    width: 28%;
    padding-top: 20px;
    padding-left: 40px;
    box-sizing:border-box;
    position: relative;
  }
  
  .bt-lx>h4{
    font-weight: bold;
  }
  .bt-lx>h3{
    font-size: 32px;
    font-weight: bold;
    color: #2329a2;
    margin-top: 15px;
  }
  .bt-lx>p:nth-child(4){
    font-size: 18px;
    color: #7b7b7b;
    font-weight: lighter;
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .bt-lx>p{
    line-height: 30px;
    margin-top: 10px;
    font-weight: lighter;
  }
  .bt-lx>p>img{
    width: 20px;
    height: 20px;
    margin-top: 5px;
    display: block;
    float: left;
  }
  .bt-lx>p:last-child{
    margin-top: 20px;
  }
  .wx{
    position: relative;
    z-index: 999;
    cursor: pointer;
  }
  .bt-lx>p:last-child>em{
    line-height: 25px;
    display: block;
    margin-left: 10px;
    float: left;
    font-weight: lighter;
  }
  .bt-lx>p>img{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
  }
  .bt-lx>ul{
    margin-top:20px;
  }
  .bt-lx>ul>li{
    float: left;
    margin-right:20px;
    position: relative;
    z-index: 9;
  }
  .bt-lx>ul>li>a>img{
    height: 40px;
    width: auto;

  }
  
  .bt-lx>ul>li>img{
    width: 120px;
    height: 120px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    z-index: 99;
    position: absolute;
    opacity: 0;
    transition: all 0.6s;
  }
  .wx-open{
    position: relative;
    z-index: 999;
  }
  .wx-open:hover>img{
    opacity: 1;
    bottom: 50px;
  }
  .sec-07-ft{
    width: 100%;
    height: 20%;
    border-top: 1px solid #ededed;
    
    box-sizing:border-box;
  }
  .sec-07-ft-l{
    width: 93%;
    padding-left:7%;
    padding-top:15px;
    box-sizing:border-box;
  }
  .sec-07-ft-l>p{
    line-height: 30px;
    font-weight: lighter;
    color: #7b7b7b;
  }
  .sec-07-ft-l>p>img{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
  }


 
  /*内页区域============================================================*/
   /*内页banner*/
   .ny-banner{
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
   }
   .ny-banner>img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    background-repeat: no-repeat;
   }
   .banner-txt{
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
   }
   .banner-txt>h3{
    font-weight: bold;
    color: rgba(255,255,255,1);
   }



   
   .ny-tit{
    position: absolute;
    width: 100%;
    left: 0;
    top: 70%;
    transform: translateY(-50%);
    color: #fff;
   }
   .ny-tit h2{
    font-weight: bold;
    float: left;
   }
   .ny-tit ul{
    float: left;
    margin-left: 60px;
   }
   .ny-tit ul>li{
    margin-right:40px;
    margin-top: 28px;
   }
   .ny-tit ul>li>a{
    color: #fff;
    font-weight: bold;
    font-size: 17px;
   }
   .ny-nav{
    width: 100%;
    padding:30px 7%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 9;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px solid #f3f3f3;
   }
   .ny-nav-l>img{
    width: 24px;
    height: 24px;
   }
   .ny-nav-l a{
    font-size: 15px;
    font-weight: lighter;
    color: #999;
    line-height: 26px;
    margin:0 15px;
    box-sizing: border-box;
   }
   .ny-nav-r>ul>li{
    float: left;
    line-height: 26px;
    padding:0 30px;
    box-sizing: border-box;
   }
   .ny-nav-r>ul>li>a{
    color:#333;
    font-weight: lighter;
   }





   /*置顶新闻*/
   .news-top{
    width: 100%;
    padding:80px 0 60px 0;
    /*background-color: #fafafa;*/
   }
   .new-tap{
    margin-bottom: 80px;
   }
   .new-tap>ul>li{
    padding:15px 25px;
    box-sizing: border-box;
    border:1px solid rgba(35,41,162,.3);
    margin:0 30px;
    position: relative;
   }
   .new-tap>ul>.active{
    background-color: #2329a2;
   }
   .new-tap>ul>li>a>p{
    font-size: 18px;
    font-weight: bold;
    margin-left:10px;
    line-height: 30px;
   }
   .new-tap>ul>.active>a{
    color: #fff;
   }
   .new-tap>ul>li>a>i{
    width: 30px;
    height: 30px;
   }
   .new-tap>ul>li>a>i>img{
    width: 100%;
    height: 100%;
   }
   .img-2{
    display: none;
   }
   .new-tap>ul>.active i{
    display: none;
   }
   .new-tap>ul>.active .img-2{
    display: block;
   }
   .news-list{
    width: 100%;
   }
   .news-list>ul:after {
        display:block;
        content:"";
        width: 30%;
        height:0px;
    }
   .news-list>ul>li{
    width: 30%;
    margin-bottom: 60px;
   }
   .news-list>ul>li>a>.img_box{
    width: 100%;
    height: 260px;
   }
   .news-list-info{
    width: 100%;
    padding:30px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
   }
   .news-list-info>p{
    font-weight: lighter;
   }
   .news-list-info>h5{
    margin-top: 15px;
    font-weight: bold;
   }
   .news-list-info>p:nth-child(3){
    margin-top: 15px;
    line-height: 30px;
   }
   .news-list-info>img{
    margin-top: 15px;
   }
   .new-tap>ul>li:hover{
    background-color: #2329a2;
   }
   .new-tap>ul>li:hover>a{
    color: #fff;
   }
   .new-tap>ul>li:hover .img-1{
    display: none;
   }
   .new-tap>ul>li:hover .img-2{
    display: block;
   }
   
   
   /*新闻列表*/
   

   /*关于我们==========================*/
    .about-all{
      width: 100%;
    }
/*智研院简介*/
    .about-01{
      width: 100%;
      padding:80px 0 60px 0;
      background-image: url(../jpg/about-01-bj.jpg);
      background-size: cover;
      position: relative;
    }
    .tz{
      position: absolute;
      top:-138px;
      left: 0;
    }

    .title-box{
      width: 100%;
      height: 91px;
      overflow: hidden;
      position: relative;
    }
    .title-box:after{
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: left;
      left: 0;
      top: 0;
    }
    .tit-1:after{
      background-image: url(../png/about.png);
    }
    .title-box>h3{
      font-size: 24px;
      margin-top: 62px;
      margin-left: 95px;
      letter-spacing: 8px;
    }
    .about-01-l{
      width: 50%;
      
    }
    .about-01-tab{
      width: auto;
      margin:0 auto;
      margin-top: 60px;
      
    }
    .about-01-tab>ul{
      /*width: 70%;*/
    }
    .about-01-tab>ul>li{
      /*width: 18%;*/
      margin-right: 60px;
      text-align: center;
      padding-bottom: 15px;
      position: relative;
    }
    .about-01-tab>ul>li>a{
      font-size:18px;
    }
    .about-01-tab>ul>li:after{
      content: "";
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #2329a2;
      left: 0;
      bottom: -1px;
      z-index: 1;
      display: none;
    }
    .about-01-tab>ul>.active:after{
      display: block;
    }
    .about-01-tab>ul>.active>a{
      color: #2329a2;

      font-weight: bold;
    }
    .about-01-info-box{

    }
    .about-01-info{
      width: 100%;
      height: auto;
      margin-top: 30px;
      padding-right: 20px;
      box-sizing: border-box;
      display: none;
    }
    .about-01-info-box>.active{
      display: block;
    }
    .about-01-info-l{
      width: 100%;
      height: 320px;
    }
    .about-01-info-l>p{
      line-height: 30px;
      font-weight: lighter;
     /* color: #7b7b7b;*/
      margin-top:20px;
      text-align: justify;
    }
    .about-01-info-l>p:first-child{
      margin-top:0;
    }
    .about-01-info-l>h5{
      font-weight: bold;
      margin-top:20px;
    }
    .about-01>.cont{
      position: relative;
    }
    .about-01-r{
      width:48%;
      padding-top: 50px;
      box-sizing: border-box;
      position: absolute;
      right: 0;
      top: 55%;
      transform: translateY(-50%);
    }
    .about-01-r-box{
      height: 100%;
    }
    .about-01-r ul>li>img{
      width: 100%;
    }
    

/*企业文化*/
    .about-02{
      width: 100%;
      padding:80px 0;
      background-image:url(../jpg/ab-bj3.jpg);
      position: relative;
    }
    .tit-2{
      margin-bottom: 80px;
    }
    .tit-2:after{
      background-image: url(../png/culture.png);
      background-position: center;
    }
    .tit-2>h3{
      text-align: center;
      padding-right: 20px;
      box-sizing: border-box;
    }
    .about-02 ul>li>.img_box{
      width: 40%;
      height: 400px;
    }
    .about-02-info{
      width: 60%;
      height: 400px;
      padding-left: 12%;
      padding-top: 40px;
      box-sizing: border-box;
      position: relative;
    }
    .about-02-info:before{
      content: "";
      position: absolute;
      width: 18%;
      height: 2px;
      background-color: #999;
      top: 50%;
      transform: translateY(-50%);
      left: -5%;
      z-index: 1;
    }
    .about-02-info:after{
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border:2px solid #2329a2;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      left: 13%;
      z-index: 1;
    }
    .about-02-show>ul{
      position: relative;
      /*height: 200px;*/
    }
    .about-02-show>ul>li{
      /*position: absolute;*/
      top: 0;
      left: 0;
      display: none;
    }
    .about-02-show>ul>.active{
      display: block;
    }
    .about-02-show>ul>li>h3{
      text-indent: 20px;
      position: relative;
    }
    .about-02-show>ul>li>h3:before{
      position: absolute;
      width: 4px;
      height: 80%;
      background-color: #2329a2;
      transform: translateY(-50%);
      content: "";
      top: 50%;
      left: 0;
    }
    .about-02-show>ul>li>p{
      font-weight: lighter;
      margin-top: 30px;
      font-size: 18px;
      line-height: 40px;
      height: 120px;
    }
    .about-02-list{
      width: 80%;
      margin-top: 70px;
    }
    .about-02-list>ul>li{
      width: 25%;
    }
    .about-02-list>ul>li>.about-02-ico{
      width: 80px;
      height: 69px;
      overflow: hidden;
      position: relative;
      margin:0 auto;
    }
    .about-02-list>ul>li>.about-02-ico>img{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      transition: all 0.6s;
    }
    .about-02-list>ul>li>.about-02-ico>img:last-child{
      display: none;
    }
    .about-02-list>ul>.active>.about-02-ico>img:first-child{
      display: none;
    }
    .about-02-list>ul>.active>.about-02-ico>img:last-child{
      display: block;
    }
    .about-02-list>ul>li>.about-02-ico>img:hover{
    }
    .about-02-list>ul>.active>.about-02-ico>img:hover{
      transform: rotateY(180deg);
    }
    .about-02-list>ul>li>p{
      margin-top: 10px;
      text-align:center;
    }
    .about-02-list>ul>.active>p{
      color: #2329a2;
    }

    /*综合展厅*/
    .about-03{
      width: 100%;
      padding:80px 0;
      background-image: url(../jpg/ab-bj2.jpg);
      background-size: cover;
      position: relative;
    }
    .tit-3{
      margin-bottom: 40px;
    }
    .tit-3:after{
      background-image: url(../png/zhzt.png);
      /*background-position: center;*/
    }
    .tit-3>h3{
      /*text-align: center;
      padding-right: 350px;
      box-sizing: border-box;*/
    }
    .about-03-l{
      width: 45%;
    }

    /*.about-03-l-img{
      margin-top: 70px;
    }
    .about-03-l-img>.img_box{
      width: 48%;
    }*/
    .about-03-l>p{
      font-weight: lighter;
      margin-bottom: 20px;
      line-height: 30px;
      text-align: justify;
      padding-right: 20px;
      box-sizing: border-box;
    }
    .about-03-r{
      width: 50%;
    }
    .about-03-r .img_box{
      width: 100%;
      height: 490px;
    }
    /*荣誉见证*/
    .about-04{
      width: 100%;
      padding:80px 0;
      position: relative;
    }
    .tit-4:after{
      background-image: url(../png/ry.png);
      background-position: center;
    }
    .tit-4>h3{
      text-align: center;
      padding-right:100px;
      box-sizing: border-box;
    }
    .about-04-honor{
      width: 100%;
      padding-bottom: 80px;
    }
    .about-04-honor li{
      
    }
    .about-04-honor .active{
      display: none;
    }
    .about-04-honor li>dl>dd{
      width: 25%;
      padding:0 50px;
      float: left;
      box-sizing: border-box;
    }


    .swi-fy{
      bottom: -90px;
    }
    .swi-fy>span{
      width: 30px;
      height: 30px;
      line-height: 30px;
      background-color: rgba(255,255,255,0);
      border:1px solid rgba(0,0,0,.4);
      border-radius: 0;
      opacity: 1;
    }
    .swiper-pagination-bullet-active{
      color: #2329a2;
      font-weight: bold;
      opacity: 1;
    }
    .swiper-button-prev1{
      width: 40px;
      height: 40px;
      position: absolute;
      left: 0%;
      top: 30%;
      background-image: url(../png/ioc_left_0.png);
      background-size: 80% 80%;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 11;
      background-color: rgba(255,255,255,0.3);
    }
    .swiper-button-prev1:hover{
      background-image: url(../png/ioc_left.png);
    }
    .swiper-button-next1{
      width: 40px;
      height: 40px;
      position: absolute;
      right: 0%;
      top: 30%;
      background-image: url(../png/ioc_right_0.png);
      background-size: 80% 80%;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 11;
      background-color: rgba(255,255,255,0.3);
    }
    .swiper-button-next1:hover{
      background-image: url(../png/ioc_right.png);
    }




   /*科研领域*/
   .science-box{
    width: 100%;
   }
   .science-tab{
    position: fixed;
    top: 55%;
    left: 10px;
    transform: translateY(-50%);
    background-color: #fff;
    width: 80px;
    z-index: 99;
    border-radius: 45px;
    overflow: hidden;
    padding:40px 0;
    box-shadow: 3px 1px 10px rgb(0 0 0 / 20%);
   }
   .science-tab ul>li{
    width: 100%;
    text-align: center;
   }
   .science-tab ul>li:last-child{
    border: none;
   }
   .science-tab ul>li>a{
    font-size:13px;
    font-weight: lighter;
    padding:10px 0;
    line-height: 30px;
   }
   .science-tab ul>li>a>i{
    width: 40px;
    height: 40px;
    display: block;
    background-size: cover;
    margin:0 auto;

   }
   .science-tab ul>li:first-child>a>i{
    background-image:url(../png/nav-ico1.png);
   }
   .science-tab ul>li:nth-child(2)>a>i{
    background-image:url(../png/nav-ico2.png);
   }
   .science-tab ul>li:nth-child(3)>a>i{
    background-image:url(../png/nav-ico3.png);
   }
   .science-tab ul>li:nth-child(4)>a>i{
    background-image:url(../png/nav-ico4.png);
   }
   .science-tab ul>li:first-child:hover>a>i{
    background-image:url(../png/nav-ico1-1.png);
   }
   .science-tab ul>li:nth-child(2):hover>a>i{
    background-image:url(../png/nav-ico2-1.png);
   }
   .science-tab ul>li:nth-child(3):hover>a>i{
    background-image:url(../png/nav-ico3-1.png);
   }
   .science-tab ul>li:nth-child(4):hover>a>i{
    background-image:url(../png/nav-ico4-1.png);
   }
   .science-tab ul>li:hover{
    background-color: #2329a2;
   }
   .science-tab ul>li:hover>a{
    color: #fff;
   }
   .science-tab ul>.active{
    background-color: #2329a2;
   }
   .science-tab ul>.active>a{
    color: #fff;
   }
   .science-tab ul>.active:first-child>a>i{
    background-image:url(../png/nav-ico1-1.png);
   }
   .science-tab ul>.active:nth-child(2)>a>i{
    background-image:url(../png/nav-ico2-1.png);
   }
   .science-tab ul>.active:nth-child(3)>a>i{
    background-image:url(../png/nav-ico3-1.png);
   }
   .science-tab ul>.active:nth-child(4)>a>i{
    background-image:url(../png/nav-ico4-1.png);
   }


   .sci-01-01{
    width: 100%;
    padding:80px 0;
    background-image: url(../jpg/ab-bj2.jpg);
    background-size: cover;
   }
   .tit-5:after{
      background-image: url(../png/robot.png);
      background-position: center;
    }
    .tit-5>h3{
      text-align: center;
      padding-right:0px;
      box-sizing: border-box;
    }
    .sci-01-01-l{
      width: 50%;
      height: 500px;
      padding:60px;
      box-sizing: border-box;
      background-color: #fafafa;
      position: relative;
    }
    .sci-01-01-l-info>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-01-01-l-info>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-01-l-info>p{
      width: 58%;
      line-height: 30px;
      margin-top: 40px;
      /*text-indent: 2rem;*/
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-01-01-l-info>i{
      font-size: 20px;
      margin-top: 50px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-01-01-l-info>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-01-l>.img_box{
      width: 55%;
      height: 450px;
      position: absolute;
      right: -20%;
      top: 20%;
      box-shadow:3px 1px 10px rgba(0,0,0,.2);
    }
    .sci-01-01-r{
      width: 36%;
    }
    .sci-01-01-r>ul>li{
      padding:30px 0;
    }
    .sci-01-01-r>ul>li>i{
      width: 50px;
      height: 50px;
      display: block;
      border-radius: 50%;
      line-height: 50px;
      text-align:center;
      /*border:1px solid #333;*/
      position: relative;
    }
    .sci-01-01-r>ul>li>i::before{
      position: absolute;
      content: "";
      width: 30px;
      height: 2px;
      background: #2329a2;
      left: 62px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-01-r>ul>li>i>img{
      width: 46px;
      height: 46px;
      margin-top: 2px;
      margin-left:2px;
    }
    .sci-01-01-r-info{
      width: 82%;
    }
    .sci-01-01-r-info>h5{
      line-height: 50px;
      font-weight: bold;
    }
    .sci-01-01-r-info>p{
      line-height: 24px;
      font-size: 15px;
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-01-01-bottom{
      margin-top: 40px;
    }
    .sci-01-01-bottom>ul>li{
      width: 30%;
      padding:30px;
      box-sizing: border-box;
      box-shadow:3px 1px 10px rgba(0,0,0,.2);
      background-color: #fff;
    }
    .sci-01-01-bottom>ul>li>i>img{
      width: 46px;
      height: 46px;
      margin-top: 2px;
    }
    .sci-01-02{
      width: 100%;
      padding:0 0 80px 0;
      
      position: relative;
    }
    .sci-01-02::after{
      position: absolute;
      width: 100%;
      height: 70%;
      left: 0;
      content: "";
      bottom: 0;
      background-color: #fafafa;
      z-index: -1;
    }
    .sci-01-02-box{
      width: 100%;
      height: 500px;
      
      background-image: url(../jpg/sci-2.jpg);
      background-size: 100%;
      background-position:center;
      position: relative;

    }
    .sci-01-02-box>ul{
      width: 35%;
      position: absolute;
      right: 80px;
      bottom: 20px;
    }
    .sci-01-02-box>ul>li{
      width: 16%;
      text-align:center;
      color: #fff;
      padding:10px;
      box-sizing: border-box;
      border:2px solid #fff;
    }
    .sci-01-02-box>ul>li>img{
      width: 50px;
      height: 50px;
      margin:0 auto;
    }
    .sci-01-02-box>ul>li>p{
      font-size: 14px;
      margin-top: 5px;
    }
    .sci-01-02-l{
      width: 40%;
      padding:50px;
      box-sizing: border-box;
      background-color:#fff;
      position: absolute;
      left: 5%;
      bottom: -60%;
       box-shadow:3px 1px 10px rgba(0,0,0,.2);
    }
    .sci-01-02-l>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-01-02-l>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-02-l>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-01-02-l>i{
      font-size: 20px;
      margin-top: 80px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-01-02-l>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-02-info{
      padding-left: 50%;
      box-sizing: border-box;
    }
    .sci-01-02-info>h5{
      font-weight: bold;
      margin-top: 30px;
      margin-bottom:20px;
    }
    .sci-01-02-info>p{
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
    }


    .sci-01-02-t{
      width: 40%;
      padding:50px;
      box-sizing: border-box;
    }
    .sci-01-02-t>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-01-02-t>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-02-t>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
    }
    .sci-01-02-t>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-02-list{
      margin-top:0;
    }
    .sci-01-02-list>ul{
      width: 100%;
    }
    .sci-01-02-list>ul>li{
      width: 23%;
      padding:20px;
    }
    /*.sci-01-03{
      width: 100%;
      padding:80px 0;
    }
    .sci-01-03-l{
      width: 50%;
      background-color:#fafafa;
      padding:50px;
      box-sizing: border-box;
    }
    .sci-01-03-l>p{
      padding:30px;
      box-sizing: border-box;
      box-shadow:3px 1px 10px rgba(0,0,0,.2);
      margin-top: 30px;
    }
    .sci-01-03-r{
      width: 50%;
    }*/
    .sci-01-03{
      padding:80px 0;
    }
    .sci-01-03-left{
      width: 100%;
    }
    .sci-01-03-l{
      width: 100%;
      padding:20px 50px;
      box-sizing: border-box;
    }
    .sci-01-03-l>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-01-03-l>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-03-l>p{
      width: 100%;
      line-height: 30px;
      margin-top: 30px;
      /*text-indent: 2rem;*/
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-01-03-l>i{
      font-size: 20px;
      margin-top: 20px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-01-03-l>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-01-03-list{
      margin-top: 0;
    }
    .sci-01-03-list>ul{
      width: 68%;
    }
    .sci-01-03-list>ul>li{
      width: 48%;
      margin-top:40px;
      
    }
    .sci-01-03-list>ul>li p{
      height: 120px;
    }
    .sci-01-03-right{
      width: 28%;
      height: 500px;
      margin-top:40px;
    }
    .sci-01-03-right>.img_box{
      width: 100%;
      height: 100%;
    }

    .sci-02-01{
      width: 100%;
      padding:80px 0;
      /*background-image: url(../images/ab-bj2.jpg);
      background-size: cover;*/
      position: relative;
     }
     .sci-02-01::after{
      content: "";
      position: absolute;
      width: 100%;
      height: 60%;
      /*background-color:#fafafa;*/
      top: 0;
      left: 0;
      z-index: -1;
     }
    .tit-6:after{
      background-image: url(../png/sci-tit2.png);
      background-position: center;
    }
    .tit-6>h3{
      text-align: center;
      padding-right:80px;
      box-sizing: border-box;
    }
    .sci-02-01-box{
      width: 100%;
      box-sizing: border-box;
      padding:50px;
      box-sizing: border-box;
      box-shadow:3px 1px 10px rgba(0,0,0,.1);
    }
    .sci-02-01-l{
      width:50%;
      padding-right: 300px;
      box-sizing: border-box;
      position: relative;
    }
    .sci-02-01-l>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-02-01-l>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-02-01-l>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-02-01-l>i{
      font-size: 20px;
      margin-top: 80px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-02-01-l>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-02-01-l>img{
      width: 80%;
      position: absolute;
      bottom: -20%;
      right: -40%;
    }
    .sci-02-01-r{
      width: 28%;
    }
    .sci-02-01-r>h5{
      font-weight: bold;
      margin-top: 50px;
    }
    .sci-02-01-r>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }

    .sci-02-02{
      width: 100%;
      padding:60px 0;
      background-color: #fafafa;
    }
    .sci-02-02-box{
      
      background-image: url(../jpg/sci-5-1.jpg);
    }
    .sci-02-02-info{
      width: 100%;
      margin-top:20px;
    }
    .sci-02-02-info-l{
      position: relative;
      left: 0;
      bottom: 0;
      width: 48%;
      box-shadow:none;
      background-color: rgba(0,0,0,0);
    }
    .sci-02-02-info-r{
      width: 48%;
      margin-top:60px;
      padding:25px;
      box-sizing: border-box;
      background-color: #fff;
      box-shadow:3px 1px 10px rgba(0,0,0,.1);
    }
    .sci-02-02-info-r>h5{
      font-weight: bold;
    }
    .sci-02-02-info-r>p{
     width: 100%;
      margin-top: 30px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b; 
      text-align:justify;
    }

    .sci-02-03{
      width: 100%;
      padding:60px 0;
    }
    .sci-02-03-l{
      width: 48%;
      padding:40px;
      box-sizing: border-box;
      /*background-color: #fff;
      box-shadow:3px 1px 10px rgba(0,0,0,.1);*/
    }
    .sci-02-03-l>h4{
      line-height: 40px;
      position: relative;
      color: #2329a2;
      padding-left: 20px;
      box-sizing: border-box;
    }
    .sci-02-03-l>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-02-03-l>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
      text-align:justify;
    }
    .sci-02-03-l>i{
      font-size: 20px;
      margin-top: 40px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-02-03-l>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-02-03-info{
      width: 100%;
      padding:25px;
      box-sizing: border-box;
      margin-top: 40px;
      background-color: #fff;
      box-shadow:3px 1px 10px rgba(0,0,0,.1);
      text-align:justify;
    }
    .sci-02-03-info>h5{
      font-weight: bold;
    }
    .sci-02-03-info>p{
     width: 100%;
      margin-top: 30px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b; 
    }
    .sci-02-03-r{
      width: 45%;
      height: 500px;
      position: relative;
      background-color: #fff;
      box-shadow:3px 1px 10px rgba(0,0,0,.1)
    }
    .sci-02-03-r>.img_box{
      width: 100%;
      height: 500px;
      margin-top: 30px;
      margin-left:30px;
    }
    .sci-02-04{
      padding:60px 0;
      background-color: #fafafa;
    }

    .sci-03-01{
      width: 100%;
      padding:80px 0;
      background-image: url(../jpg/ab-bj2.jpg);
      background-size: cover;
    }
    .tit-7:after{
      background-image: url(../png/sci-tit3.png);
      background-position: center;
    }
    .tit-7>h3{
      text-align: center;
      padding-right:80px;
      box-sizing: border-box;
    }
    .sci-03-01-box{
      width: 100%;
      margin-top: 40px;
      
    }
    .sci-03-02{
      width: 100%;
      padding:80px 0;
      background-color: #fafafa;
    }

    .sci-04-01{
      width: 100%;
      padding:80px 0;
      position: relative;
    }
    /* .sci-04-01::after{
      position: absolute;
      content: "";
      width: 100%;
      height: 20%;
      background-color: #fafafa;
      bottom: 0;
      left: 0;
    } */
    .tit-8:after{
      background-image: url(../png/sci-tit4.png);
      background-position: center;
    }
    .tit-8>h3{
      text-align: center;
      padding-right:40px;
      box-sizing: border-box;
    }
    
    .sci-04-01-box{
      width: 100%;
      margin-top: 40px;
      
    }
    .sci-04-01-t{
      position: relative;
    }
    .sci-04-01-t>.img_box{
      width: 100%;
      height: 480px;
    }
    .sci-04-01-t-tit{
      position: absolute;
      border:2px solid #fff;
      width: 50%;
      padding:20px;
      box-sizing: border-box;
      top: 45%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    .sci-04-01-t-tit>p{
      width: 100%;
      background: #fff;
      padding:40px;
      box-sizing: border-box;
      line-height: 30px;
      text-align:center;
      font-weight: lighter;
      text-align:justify;
    }
    .sci-04-01-b{
      margin-top: -80px;
      position: relative;
      z-index: 2;
      padding:0 40px;
      box-sizing: border-box;
    }
    .sci-04-01-b>ul>li{
      width: 16%;
    }
    .sci-04-01-b>ul>li>.img_box{
      height: 200px;
      padding:20px;
      box-sizing: border-box;
      background-color: #fff;
      box-shadow:3px 1px 10px rgba(0,0,0,.1);
    }
    .sci-04-01-b>ul>li>p{
      text-align:center;
      line-height: 50px;
      margin-top: 10px;
    }

    .sci-04-02{
      width: 100%;
      margin-top:40px;
      padding: 0 0 40px 0;
    }
    .sci-04-02-l{
      width: 45%;
      padding:50px;
      box-sizing: border-box;
      box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    }
    /*.sci-04-02 li{
      width: 100%;
      padding:50px;
      background-color: #fff;
      box-sizing: border-box;
      box-shadow: 2px 2px 10px rgba(0,0,0,.1);
      margin-bottom:60px;
    }*/
    .sci-04-02-info>h4{
      text-indent: 20px;
      line-height: 40px;
      position: relative;
      color: #2329a2;
    }
    .sci-04-02-info>h4::before{
      position: absolute;
      content: "";
      width: 4px;
      height: 30px;
      background: #2329a2;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-04-02-info>p{
      width: 100%;
      margin-top: 40px;
      line-height: 30px;
      font-weight: lighter;
      color: #7b7b7b;
      height: 120px;
      text-align:justify;
    }
    .sci-04-02-info>i{
      font-size: 20px;
      margin-top: 40px;
      color: #2329a2;
      display: block;
      position: relative;
    }
    .sci-04-02-info>i::before{
      position: absolute;
      content: "";
      width: 60px;
      height: 1px;
      background: #333;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .sci-04-02-r{
      width: 50%;
    }



   

   /*产业服务*/
   .service-box{
    width: 100%;
   }
   .service-01{
    width: 100%;
    padding:80px 0 60px 0;
   }
   .tit-9:after{
      background-image: url(../png/ser-tit.png);
      background-position: center;
    }
    .tit-9>h3{
      text-align: center;
      padding-right:30px;
      box-sizing: border-box;
    }
    .ser-01-l{
      width: 54%;
      padding:50px 50px 50px 0;
      box-sizing: border-box;
    }
    .ser-01-l>h4{
      font-weight: bold;
      text-indent:30px;
      line-height: 60px;
      position: relative;
      background-color: #fafafa;
    }
    .ser-01-l>h4::before{
      content: "";
      position: absolute;
      width: 4px;
      height: 25px;
      top: 50%;
      background-color: #2329a2;
      left: 0;
      transform: translateY(-50%);
    }
    .ser-01-l>p{
      line-height: 30px;
      font-weight: lighter;
      text-indent:2rem;
      margin-top: 40px;
      text-align: justify;
    }
    .ser-01-l>ul{
      width: 100%;
      padding:30px;
      box-sizing: border-box;
      box-shadow: 2px 2px 10px rgba(0,0,0,.1);
      margin-top: 60px;

    }
    .ser-01-l>ul>li{
      width: 25%;
      border-right: 1px solid #ebebeb;
    }
    .ser-01-l>ul>li:last-child{
      border:none;
    }
    .ser-01-l>ul>li img{
      width: 50px;
      height: 50px;
      margin:0 auto;
    }
    .ser-01-l>ul>li p{
      font-weight: lighter;
      margin-top: 15px;
      color: #7b7b7b;
      text-align: center;
    }
    .ser-01-r{
      width: 45%;
    }
    .ser-01-r>.img_box{
      height: 500px;
    }
    .ser-02{
      width: 100%;
      padding:80px 0;
      background-image:url(../jpg/ser-bj1.jpg);
      background-size: cover;
      position: relative;
    }
    .ser-02-top{
      width: 100%;
    }
    .ser-02-top-l{
      width: 50%;
      box-sizing: border-box;
    }

    .ser-02-top-l>h4{
      font-weight: bold;
      font-weight: bold;
    }
    .ser-02-top-l>i{
      width: 30px;
      height: 3px;
      background-color: #2329a2;
      margin-top: 20px;
      display: block;
    }
    .ser-02-top-l>p{
      width: 90%;
      text-align:justify;
      font-weight: lighter;
      margin-top: 50px;
      color: #7b7b7b;
      line-height: 36px;
    }
    .ser-tit>h4{
      text-align:center;
      font-weight: bold;
    }
    .ser-tit>i{
      width: 30px;
      height: 3px;
      margin:0 auto;
      background-color: #2329a2;
      margin-top: 20px;
      display: block;
    }
    .ser-tit>p{
      width: 90%;
      text-align:justify;
      font-weight: lighter;
      margin-top: 50px;
      color: #7b7b7b;
      line-height: 36px;
    }
    .ser-02-top-r{
      width: 40%;
      position: relative;
    }
    .ser-02-top-r>img{
      width: 75%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform:translate(-50%,-50%);
    }
    .ser-02 ul{
      margin-top: 100px;
    }
    .ser-02 ul>li{
      width: 23%;
      padding:30px;
      box-sizing: border-box;
      box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    }
    .ser-02 ul>li>.img_box{
      width: 100px;
      height: 100px;
      padding:25px;
      box-sizing: border-box;
      border-radius: 50%;
      background-color: #2329a2;
      box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    }
    .ser-02 ul>li:nth-child(2n)>.img_box{
      background-color: #fff;
    }
    .ser-02-list{
      width: 60%;
    }
    .ser-02-list>h5{
      width: 100%;
      font-weight: bold;
      text-indent:0px;
      position: relative;
    }
    /*.ser-02-list>h5::before{
      content: "";
      position: absolute;
      width: 30px;
      height: 2px;
      top: 50%;
      background-color: #2329a2;
      left: 0;
      transform: translateY(-50%);
    }*/
    .ser-02-list>p{
      font-weight: lighter;
      color: #7b7b7b;
      margin-top: 10px;
      width: 50%;
    }

    .ser-03{
      width: 100%;
      padding:80px 0;
      position: relative;
    }
    .ser-03-box{
      margin-top: 60px;
    }
    .ser-03-l{
      width: 45%;
    }
    .ser-03-l .img_box{
      height: 540px;
    }
    .ser-03-r{
      width: 50%;
     /* padding:30px 0;*/
      box-sizing: border-box;
    }
    .ser-03-r>p{
      line-height: 30px;
      font-weight: lighter;
      padding:30px;
      box-sizing: border-box;
      background-color: #fafafa;
    }
    .ser-03-r>ul>li{
      margin-top: 30px;
    }
    .ser-03-info{
      width: 92%;
    }
    .ser-03-info>h5{
      width: 25%;
      font-weight: bold;
      float: left;
      position: relative;
    }
    /*.ser-03-info>h5:after{
      content: "";
      position: absolute;
      width: 30px;
      height: 2px;
      top: 20px;
      background-color: #2329a2;
      right: 25px;
    }*/
    .ser-03-info>p{
      width: 75%;
      font-weight: lighter;
      line-height: 30px;
      color: #7b7b7b;
      float: left;
    }
    .ser-04{
      width: 100%;
      padding:80px 0;
      background-image:url(../jpg/ser-bj1.jpg);
      background-size: cover;
      position: relative;
    }
    .ser-04-box{
      width: 100%;
    }
    .ser-04-l>h4{
      font-weight: bold;
    }
    .ser-04-l>i{
      width: 30px;
      height: 3px;
      background-color: #2329a2;
      margin-top: 20px;
      display: block;
      margin-bottom:40px;
    }
    .ser-04-l>h5{
      font-weight: bold;
      margin-top:40px;
    }
    .ser-04-l>ul>li{
      width: 50%;
      font-weight: lighter;
      margin-top: 20px;
      color: #7b7b7b;
      line-height: 36px;
    }
    .ser-04-l{
      width: 60%;
    }
    .ser-04-con{
      width: 35%;
      position: relative;
    }
    .ser-04-con>img{
      width: 100%;
      position: absolute;
      left: 50%;
      top: 56%;
      transform: translate(-50%,-50%);
    }
/*    .ser-04-r{
      width: 30%;
      position: relative;
    }
    .ser-04-r>img{
      width: 95%;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }*/

    .ser-05{
      width: 100%;
      padding:80px 0;
      position: relative;
    }
    .ser-05-box{
      margin-top: 50px;
    }
    .ser-05-l{
      width: 50%;
/*      padding:50px;
      box-sizing: border-box;*/
    }
    .ser-05-l>h5{
      line-height: 30px;
      font-weight: bold;
      margin-top:50px;
    }
    .ser-05-l>h5>img{
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 20px;
    }
    .ser-05-l>p{
      font-weight: lighter;
      line-height: 30px;
      margin-top: 30px;
    }
    .ser-05-l>p:first-child{
      margin-top: 0;
    }
    .ser-05-r{
      width: 45%;
    }
    .ser-05-r>.img_box{
      height: 360px;
    }
    
    /* 2023-11-27 */
    .ser-06{padding: 80px 0;background-color:#f5f5f5;position: relative;}
    .ser-06 span{margin-top: 50px;display: block;width: 100%;padding: 0 5%;box-sizing: border-box;}
    .ser-06 span p{line-height: 36px;}
    .ser-06 .ser-06-box{width: 100%;margin-top: 50px;position: relative;}
    .ser-06 .ser-06-box ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .ser-06 .ser-06-box ul li{width: 33.33%;height: 16vw;cursor: pointer;}
    .ser-06 .ser-06-box ul li .img_box{width: 100%;height: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    .ser-06 .ser-06-box ul li.sle-tap{background-image: url(../png/case-bg.png);background-size: cover;position: relative;}
    .ser-06 .ser-06-box ul li.sle-tap::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);content: "";}
    .ser-06 .ser-06-box ul li.sle-tap .box{position: relative;z-index: 2;display: flex;align-items: center;width: 100%;height: 100%;padding: 0 30px;box-sizing: border-box;}
    .ser-06 .ser-06-box ul li.sle-tap .box dl{display: flex;justify-content: space-between;width: 100%;}
    .ser-06 .ser-06-box ul li.sle-tap .box dl dd{width: 20%;text-align: center;color: #fff;}
    .ser-06 .ser-06-box ul li.sle-tap .box dl dd img{height: 60px;margin: 0 auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    .ser-06 .ser-06-box ul li.sle-tap .box dl dd p{margin-top: 15px;padding: 15px 10px 0 10px;border-top: 2px dashed #000;box-sizing: border-box;font-size: 17px;font-weight: 600;}
    .ser-06 .ser-06-box ul li.sle.active .img_box,.ser-06 .ser-06-box ul li:hover .img_box{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
    .ser-06 .ser-06-box ul li.sle-tap .box dl dd.active img,.ser-06 .ser-06-box ul li.sle-tap .box dl dd:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
    .ser-06 .ser-06-box ul li.sle-tap .box dl dd.active p,.ser-06 .ser-06-box ul li.sle-tap .box dl dd:hover p{border-color: #2329a2;color: #2329a2;}
    .sel-show{width:60%;background-color: #fff;position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%,-50%);display: none;}
    .sel-show .box{padding: 40px;box-sizing: border-box;height: 25vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .sel-show .box .img_box{width: 55%;height: 100%;}
    .sel-show .box .info{width: 40%;}
    .sel-show .box .info h5{font-weight: 600;}
    .sel-show .box .info .tit{width: 100%;padding-left: 10px;font-size: 20px;margin-top: 20px;position: relative;}
    .sel-show .box .info .tit::after{position: absolute;width: 3px;left: 0;height: 22px;background-color: #2329a2;top: 0;content: "";}
    .sel-show .box .info .info-box{width: 100%;margin-top: 30px;line-height: 30px;color: #7b7b7b;max-height: 13vw;overflow-y: scroll;}
    .sel-show .case-swiper{display: none;position: relative;z-index: 3;}
    .sel-show .swiper-pagination{text-align: right;padding-right: 40px;box-sizing: border-box;}
    .sel-show .swiper-pagination span{width: 10px;height: 10px;display: inline-block;padding: 0;background-color: #000;}
    .sel-show .swiper-pagination .swiper-pagination-bullet-active{background-color: #2329a2;opacity: 1;position: relative;}
    .sel-show .swiper-pagination .swiper-pagination-bullet-active::after{position: absolute;content: "";width: 180%;height: 180%;left: -40%;top: -40%;background-color: #2329a2;opacity: .5;border-radius: 50%;}
    .close-case{position: absolute;right: 20px;top: 20px;z-index: 3;cursor: pointer;}
    .close-case img{width: 30px;height: 30px;}
   /*党群文化*/
   .build-box{
    width: 100%;
    height: 100%;
    padding:60px 0;
    position: relative;
   /*background-image: url(../images/build-bj.png);
   background-size: cover;*/
  }
  .build-box>img{
    width: 100%;
  }
  .build-01{
    width: 100%;
    margin-top:60px;
  }
  .build-01-l{
    width: 60%;
  }
  .build-01-l>a>.img_box{
    height: 100%;
    position: relative;
  }
  .build-01-l-info{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    padding:15px 40px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.8);
   margin-top: 20px;
  }
  .build-01-l-info>h4{
    color:#fff;
    font-size:17px;
    text-align: center;
  }
  .build-01-r{
    width: 38%;
    padding:20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  }
  .build-01-r>h4{
    width: 100%;
    font-weight: bold;
    position: relative;
    line-height: 40px;
    text-indent: 20px;
    margin-bottom: 20px;
  }
  .build-01-r>h4:before{
    position: absolute;
    width: 4px;
    height: 20px;
    content: "";
    left: 0;
    top: 10px;
    background-color: red;
  }
  .build-01-r>h4>a{
    font-size: 16px;
    float: right;
  }
  .build-01-r-info{
    width: 82%;
  }
  .build-01-r-info>h5{
    font-size:17px;
    font-weight: bold;
  }
  .build-01-r-info>p{
    color: #7b7b7b;
    line-height: 26px;
    margin-top: 10px;
    font-size:15px;
  }
  .build-01-r>ul>li{
    margin-top: 20px;
  }
  .build-01-r>ul>li:first-child{
    margin-top: 0;
  }
  .build-01-r>ul>li>a>.img_box{
    width: 30%;
    height: 160px;
  }
  .build-01-time{
    width: 15%;
    border:1px solid rgba(0,0,0,0.3);
    text-align: center;
  }
  .build-01-time>h5{
    line-height: 40px;
  }
  .build-01-time>p{
    line-height: 30px;
    background-color: red;
    color: #fff;
  }
  .build-01-btm{
    margin-top:40px;
  }
  .build-01-btm-list{
    width: 45%;
  }
  .build-01-btm-list>h4{
    font-weight: bold;
    position: relative;
    line-height: 40px;
    text-indent: 20px;
  }
  .build-01-btm-list>h4:before{
    position: absolute;
    width: 4px;
    height: 20px;
    content: "";
    left: 0;
    top: 10px;
    background-color: red;
  }
  .build-01-btm-list>h4>a{
    font-size: 16px;
    float: right;
  }
  .build-01-btm-list>ul>li{
    line-height: 40px;
    margin-top:10px;
  }
  .build-01-btm-list>ul>li>a>i:first-child{
    width: 75%;
    text-indent: 20px;
    position: relative;
  }
  .build-01-btm-list>ul>li>a>i:first-child::before{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    left: 0;
    top: 16px;
    background-color: red;
  }

  .build-box1{
    width: 100%;
    height: 100%;
    padding:0 0 60px 0;
  }
  .build-box1>img{
    width: 100%;
  }
  .build-02{
    width: 100%;
    padding:80px 0;
  }
  .build-02>ul>li{
    background-color: #fff;
    padding:0 40px;
    box-sizing: border-box;
  }
  .build-02>ul>li>a{
    padding:20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  }
  .build-02>ul>li>a>.img_box{
    height: 320px;
  }
  .build-02-info{
    margin-top: 20px;
  }
  .build-02-info>h5{
    line-height: 30px;
    font-weight: bold;
  }
  .build-02-info>span{
    display: block;
    margin-top: 20px;
  }
  .build-02-info>span>i{
    color: #333;
  }
  .build-02-info>span>img{
    float: right;
    margin-top: 8px;
  }

  .build-box2{
    width: 100%;
    height: 100%;
    padding:0 0 60px 0;
    position: relative;
   /* background-image: url(../images/bj-1.jpg);
   background-size: cover;*/
  }
  .build-tit-box{
    width:100%;
    overflow: hidden;
  }
  .build-tit-box>img{
    width: 100%;
  }
  .build-03{
    margin-top: 60px;
  }
  .build-03-l{
    width: 48%;
    box-sizing: border-box;
  }
  .build-03-l>.img_box{
    height: 240px;
  }
  .build-03-l>ul{
    padding:20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  }
  .build-03-l>ul>a{
    margin-top: 20px;
  }
  .build-03-l>ul>li{
    padding:20px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .build-03-l>ul>li>a{
    width: 80%;
    text-indent: 20px;
    position: relative;
  }
  .build-03-l>ul>li>a:before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }



  /*招才引智*/
  .recruit-01{
    width: 100%;
    padding:60px 0 0 0;
    background-color: #fff;
    position: relative;
  }
  .tit-10:after{
    background-image: url(../png/rcruit.png);
    background-position: center;
  }
  .tit-10>h3{
    text-align: center;
    padding-right:30px;
    box-sizing: border-box;
  }
  .recruit-01-box{
    width: 100%;
    padding:0 0 80px 0;
  }
  .recruit-01-l{
    width: 48%;
  }
  .recruit-01-l>h4{
    line-height: 50px;
    background-color: #fafafa;
    text-indent:2rem;
    font-weight: bold;
    position: relative;
  }
  .recruit-01-l>h4:before{
    position: absolute;
    content: "";
    width: 3px;
    height: 25px;
    background-color: #2329a2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .recruit-01-l-info{
    margin-top:40px;
    overflow:scroll;
    height: 400px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .recruit-01-l-info::-webkit-scrollbar {
    width: 4px;
    height: 6px;
  }
  /*定义滚动条轨道*/ 
  .recruit-01-l-info::-webkit-scrollbar-track {
      background-color: transparent;
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius: 2em
  }
  /*定义滑块 内阴影+圆角*/ 
  .recruit-01-l-info::-webkit-scrollbar-thumb {
    background-color: #666;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 100%,transparent 100%,transparent 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,transparent 75%,transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
  }

  .recruit-01-l-info>h5{
    font-weight: bold;
    line-height: 40px;
  }
  .recruit-01-l-info>p{
    line-height: 26px;
    font-weight: lighter;
    color: #7b7b7b;
    margin-top:20px;
    text-align:justify;
  }
  .recruit-01-r{
    width: 45%;
  }
  .recruit-01-r>.img_box{
    height: 480px;
  }
  .recruit-01-b{
    width: 100%;
    padding:50px;
    box-sizing: border-box;
    background-color: #fafafa;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    margin-top:80px;
  }
  .recruit-01-b>ul>li{
    width: 33.3%;
    box-sizing: border-box;
    border-right: 1px solid rgba(0,0,0,.1);
  }
  .recruit-01-b>ul>li:last-child{
    border:none;
  }
  .recruit-01-b>ul>li>a>img{
    width: auto;
    height: 65px;
    margin:0 auto;
     margin-top:10px;
  }
  .recruit-01-b>ul>li>h4{
    font-weight: bold;
    text-indent: 50px;
    line-height: 40px;
    font-size: 30px;
  }
  .recruit-01-b>ul>li>p{
    text-indent: 50px;
    margin-top: 10px;
    font-size: 18px;
  }




  .recruit-02{
    width: 100%;
    padding:0 0 60px 0;
    background-color: #fff;
    position: relative;
  }
  .recruit-02>.cont>dl{
    width: 100%;
  }
  .recruit-02>.cont>dl>dt{
    background-color: #2329a2;
    color: #fff;
    margin-bottom:10px;
  }
  .recruit-02>.cont>dl>dt>h5{
    width: 25%;
    float: left;
    line-height: 80px;
    text-align: center;
  }
  .recruit-02>.cont>dl>dd{
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  .recruit-02>.cont>dl>dd>p{
    min-width: 25%;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 80px;
  }
  .recruit-02>.cont>dl>dd:nth-child(2n){
    background-color: #fafafa;
  }
  .recr-info{
    float: left;
    width: 100%;
    height: 100%;
    color: #333;
    padding:30px 80px;
    box-sizing: border-box;
    background-color: #fafafa;
    overflow: hidden;
    position: relative;
  }
  .recr-info>p{
    line-height: 36px;
    font-weight: lighter;
  }
   .recruit-02>.cont>dl>dd:hover{
    background-color: #2329a2;
    color: #fff;
    height: 100%;
   }
   .recr-info>form{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

   }
   .recr-info>form>p{
    width: 25%;
    padding:0 10px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
   }
   .recr-info>form>p>img{
    width: 30px;
    height: 30px;
    margin-top: 5px;
   }
   .recr-info>form>p>input{
    width: 90%;
    height: 40px;
    border:none;
    background-color:rgba(255,255,255,0);
   }
   .recr-info>form>button{
    width: 8%;
   }
   .recr-info>a{
    width: 140px;
    line-height: 50px;
    background-color: red;
    display: block;
    text-align: center;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    transition: all 1.2s;
    float: right;
   }
   .recr-info>a:after{
    position: absolute;
    content: "";
    background-color: #2329a2;
    width: 0;
    height: 0;
    border-radius: 50%;
    left: -5%;
    top: -95%;
    z-index:0;
    opacity: 0;
    transition: all 0.4s;
   }
   .recr-info>a:hover:after{
    width: 110%;
    height: 300%;
    opacity: 1;
   }
   .recr-info>a>i{
    position: relative;
    z-index: 3;
    color: #fff;
   }


/*联系我们==============================*/
  .cat-box{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
  }
  .cat-02{
    width: 70%;
    height: 100%;
    position: relative;
  }
  .form-box{
    width: 100%;
    padding: 40px 30px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  }
  .form-box>form{
    z-index: 9;
  }
  .form-box>form>button{
    width: 100px;
    height: 40px;
  }
  .form-box p{
    width: 20%;
    line-height: 40px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
  }
  .form-box p>img{
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 5px;
  }
  .form-box p>input{
    width: 80%;
    height: 40px;
    border:none;
    float: left;
    margin-left: 5px;
  }
  .cat-03{
    display: none;
  }

  .zxdt_box{
    width: 100%;
    height: 100%;
    background-color:#ccc; 
  }
  .zxdt{
    width: 100%;
    height: 100%;
    background-color:#fff;
  }
  .bddt_box{
    height: 100%;
    width: 100%;
  }
  .bddt{
    width: 100%;
    height: 100%;
    margin:0 auto;
  }
  .cat-01{
    width: 30%;
    padding:200px 0 0 60px;
    box-sizing: border-box;
    position: relative;
  }
  .cat-01-b{
    position: absolute;
    width: 100%;
    padding: 30px 30px;
    box-sizing: border-box;
    background-color: #2329a2;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .cat-01-b>p{
    color: #fff;
    line-height: 30px;
    text-align: left;
    padding-right: 80px;
    box-sizing: border-box;
  }
  .cat-01>h4{
    text-indent:20px;
    line-height: 80px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom:40px;
  }
  .cat-01>h4::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #2329a2;
  }
  .cat-01-info-l{
    width:100%;
  }
  .cat-01-info-l>p{
    width: 80%;
    margin-top: 25px;
    line-height: 30px;
    color: #7b7b7b;
    font-weight: lighter;
    overflow: hidden;
  }
  .cat-01-info-l>p>img{
    width: 30px;
    height: 30px;
    float: left;
    display: block;
  }
  .cat-01-info-l>p>i{
    width: 85%;
    float: left;
    display: block;
    margin-left: 20px;
  }
  .cat-01-info-r{
    width:45%;
  }
  .cat-01-info-r>img{
    width: 100%;
    margin-top: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  }


  .tit-11:after{
      background-image: url(../png/news-tit.png);
      background-position: center;
    }
  .tit-11>h3{
    text-align: center;
    padding-right:0px;
    box-sizing: border-box;
  }
  
  /*2021-02-21*/
  .honor-all{
    width: 100%;
    padding:60px 0;
  }
  .honor-all ul>li{
    width: 25%;
    float: left;
    padding:0 30px 40px 30px;
    box-sizing: border-box;
  }
  .honor-all ul>li>p{
    text-align:center;
    line-height: 50px;
    margin-top:10px;
    background-color: #fafafa;
  }
  /*新闻详情*/
  .news_inner{
    width: 100%;
    padding: 60px 0;
    position: relative;
    z-index: 99;
    background:#fff;
  }
  .news_inner img{
    margin: 0 auto;
  }
  .news_inner>.cont>.ym_tit{
    margin-bottom: 30px;
    text-align:center;
    font-size: 26px;
    font-weight: bold;
  }
  .news_inner>.cont>p:nth-child(2){
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
  }
  .news_inner>.cont>span{
    padding: 20px 0;
    display: block;
    font-size: 14px;
    color: #6f7173;
  }
  .news_inner>.cont>span img{
    max-width: 100% !important;
    height: auto!important;
  }
  .news_inner>.cont>div{
    width: 100%;
    margin-top:30px;
    height: 60px;
    line-height:30px;
   }
  .news_inner>.cont>div>em:first-child{
    float: left;
    display: block;
  }
  .news_inner>.cont>div>em:last-child{
    float: right;
    display: block;
  }
  .news_inner>.cont>div>em>a{
    color: #333;
    display: inline-block;
  }
  .news_inner>.cont>div>em>a:hover{
    color: #00478B;
  }
  /*手机站底部*/
  .m-foot-nav{
    position: fixed;
    bottom:0;
    left: 0;
    width:100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    display: none;
  }
  .m-foot-nav ul{
    width:100%;
  }
  .m-foot-nav ul>li{
    width:23%;
    position: relative;
  }
  .m-foot-nav ul>li>dl{
    width:100%;
    overflow: hidden;
    position: absolute;
    bottom:65px;
    left: 0;
    background-color:#fff;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);
    display: none;
  }
  .m-foot-nav ul>li>dl>dd{
    padding:0 5px;
    box-sizing: border-box;
  }
  .m-foot-nav ul>li>dl>dd>a{
    line-height: 36px;
    text-align:center;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .m-foot-nav ul>li>dl>dd>a:last-child{
    border:none;
  }
  .m-foot-nav ul>li>a{
    padding:10px 0;
  }
  .m-foot-nav ul>li>a>img{
    width:36px;
    height: 36px;
    margin:0 auto;
  }
  .m-foot-nav ul>li>a>p{
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
  }

  .m-about-03-r{
    display: none;
  }
  .m-news-list{
    display: none;
  }
  .sci-04-02-r2{
    display: none;
  }
  .sec-01-m>img{
    display: none;
  }
  .m-news-pic{
    display: none;
  }
  .sec-03-info-1>.img_box{
    height: 200px;
    position: relative;
    margin-top: 20px;
  }
.hide1{display: none;width: 100%;}

  /* 2023-06-13 */
 .znjq-1{background-image: url(../jpg/ab-bj2.jpg);width: 100%;} 
.pad{padding: 80px 0;}
.znjq-1 .info-mj{padding:20px 8%;box-sizing: border-box;margin-bottom: 50px;font-size: 18px;line-height: 36px;position: relative;}
.znjq-1 .info-mj::before,.znjq-1 .info-mj::after{position: absolute;content: '';left: 0;top: 50%;width: 80px;height: 75px;background-image: url(../png/l.png);background-size: 100% 100%;transform: translateY(-50%);}
.znjq-1 .info-mj::after{background-image: url(../png/r1.png);left: auto;right: 0;}
.znjq-1-top{padding-left: 6%;box-sizing: border-box;}
.znjq-1-top>img{height: 60px;margin-top: 15px;}
.znjq-tit{margin-right: auto;margin-left: 20px;padding-right: 8%;box-sizing: border-box;}
.znjq-tit>h4{font-size: 1.4vw;text-transform: uppercase;margin-right: auto;line-height: 60px;padding: 15px 0;color: #2329a2;}
.znjq-tit>p{line-height: 32px;margin-top: 10px;}
.znjq-1-box{width: 100%;box-sizing: border-box;background-color: #fafafa;background-image: url(../png/bg-1.png);background-size: cover;position: relative;height: 760px;overflow: hidden;margin-bottom: 60px;}
.znjq-pro{position: relative;z-index: 2;}
.znjq-pro>.img1{width: 540px;position: relative;box-sizing: border-box;height: 100%;}
.znjq-pro>.img1>img{width: 100%;position: absolute;bottom: -30%;left: 0px;}
.znjq-pro>.img1>.info{position: absolute;z-index: 3;bottom: 50%;left: 50%;}
.znjq-1-info{width: 45%;padding-top: 4%;padding-right: 3%;box-sizing: border-box;}
.znjq-1-info>h4{font-size: 1.3vw;color: #2329a2;padding-left: 20px;position: relative;margin-bottom: 30px;}
.znjq-1-info>h4::before{position: absolute;left: 0;width: 4px;height: 60%;content: "";top: 22%;background-color: #2329a2;}
.znjq-1-info>h5{font-weight: 500;margin-bottom: 10px;font-size: 18px;color: #7b7b7b;}
.znjq-1-info>p{margin-top: 10px;color: #7b7b7b;}
.znjq-1-info>p:nth-child(4){margin-top: 40px;}
.znjq-pro-list{position: absolute;width: 100%;bottom: 0;left: 0;background-image: url(../png/black-bg.png);background-size: cover;height: 140px;color: #fff;}
.znjq-pro-list>ul{position: absolute;bottom: 0;right: 0;width: 60%;}
.znjq-pro-list>ul>li{margin-right: 10%;height: 100%;align-items: end;}
.znjq-pro-list>ul>li>img{height:240px;width: auto;}
.znjq-pro-list>ul>li>.info{margin-top: auto;margin-bottom: 50px;margin-left: -10px;}

.gyjq-tit{margin: 40px 0;}
.gyjq-tit>em{width: 30%;height: 2px;background-color: rgba(0,0,0,.1);display: block;margin-top: 15px;}
.gyjq-tit>h4{margin:0 30px}
.jq-box{position: relative;}
.znjq-1-box1{background-image: url(../png/bg-2.png);}
.znjq-1-box1.bg{background-image: url(../png/bg-jq.png);background-position: bottom;}
.znjq-1-box1 .znjq-pro>.img1{width: 500px;}
.znjq-1-box1 .znjq-pro>.img1>img{bottom: 0;}
.znjq-1-box1 .znjq-pro>.img1.img2{width: 700px;left: 100px;}
.znjq-1-box1 .znjq-pro>.img1.img2 img{bottom: auto;top: 50%;transform: translateY(-50%);}
.znjq-1-box1 .znjq-pro>.img1>.info{left: 40%;bottom: 20%;}
.znjq-1-box1 .znjq-pro>.img1.img2>.info{left: 30%;}
.znjq-1-box1 .znjq-1-info{padding-right: 0;padding-left: 6%;width: 60%;box-sizing: border-box;}
.znjq-1-box1 .znjq-1-info.info1{width: 50%;}
.znjq-1-box1 .znjq-pro-list>ul{right: auto;left: 0;}
.znjq-1-box1 .znjq-pro-list>ul>li{margin-right: 0;margin-left: 10%;}
.jq-box .btn{width: 80px;height: 80px;border-radius: 50%;position: absolute;z-index: 3;top: 45%;transform: translateY(-50%);background-size: 100% 100%;cursor: pointer;}
.jq-box .left{background-image: url(../png/btn-l.png);left: 15px;}
.jq-box .right{background-image: url(../png/btn-r.png);right: 15px;}
.info-sp{margin-top: 40px;}
.info-sp>.info>p{color: #7b7b7b;line-height: 32px;}
.info-sp>.info{margin-right: 20px;}

.wrdh{width: 100%;position: relative;margin-bottom: 80px;}
.wrdh-swiper>ul>li>.img-box{width: 45%;height: 500px;position: relative;}
.wrdh-swiper>ul>li>.img-box.img1{width: 50%;}
.wrdh-swiper>ul>li>.img-box>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70%;}
.wrdh>.btn{width: 80px;height: 80px;border-radius: 50%;position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);background-size: 100% 100%;cursor: pointer;}
.wrdh-left{background-image: url(../png/btn-l.png);left: 15px;}
.wrdh-right{background-image: url(../png/btn-r.png);right: 15px;}

.wrdh1{margin-top: 80pxw;width: 100%;overflow: hidden;}
.wrdh1 .wrdh-swiper>ul>li{padding: 80px;box-sizing: border-box;}
.wrdh1 .wrdh-swiper>ul>li>.img-box>img{width: 45%;}
.wrdh1 .wrdh-swiper>ul>li:first-child{background-image: url(../jpg/bg-4.jpg);background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
.wrdh1 .wrdh-swiper>ul>li:last-child{background-image: url(../jpg/bg-4-1.jpg);background-position: right bottom;background-size: cover;background-repeat: no-repeat;}
.wrdh-swiper>ul>li>.img-box.img1 img{width: 70%;}


/* 2023-06-15 */
.gyhl-01{background-color: #fafafa;}
.gyhl-01>.cont>img{width: 100%;margin: 0 auto;}
.gyhl-01-box{margin-top: 50px;}
.gyhl-01-box>.left{width: 45%;}
.tit-type>h4{padding-left: 20px;box-sizing: border-box;position: relative;}
.tit-type>h4::after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 60%;background-color: #2329a2;content: '';}
.tit-type>h4>i{font-size: 1.2vw;font-weight: 600;background-color: #daeaf7;border-radius: 10px;align-items: start;padding: 5px 20px;box-sizing: border-box;display: inline-block;}
.tit-type>p{color: #7b7b7b;margin-top: 30px;line-height: 36px;}
.gyhl-01-box>.right{width: 48%;background-color: #fff;padding: 30px;box-sizing: border-box;box-shadow: 2px 5px 20px rgba(0,0,0,.1);}
.gyhl-01-box>.right>p{color: #7b7b7b;line-height: 36px;}
.gyhl-01-box>.right>p:last-child{margin-top: 20px;}
.lw-info{padding: 60px 8%;box-sizing: border-box;margin-bottom: 50px;font-size:18px;line-height: 36px;background: url(../png/tb.png);background-position: bottom center;background-repeat: no-repeat;position: relative;}
.lw-info::before{position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0;background: url(../png/tt.png);background-position: top center;background-repeat: no-repeat;}
.gy-pic{width: 90%;position: relative;margin: 0 auto;}
.gy-pic .img_box{width: 100%;}
.gy-pic .btn{width: 80px;height: 80px;border-radius: 50%;position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);background-size: 100% 100%;cursor: pointer;}
.gy-pic .left{background-image: url(../png/btn-l.png);left: 15px;}
.gy-pic .right{background-image: url(../png/btn-r.png);right: 15px;}

.gyhl-02>.cont>.left{width: 45%;padding-top: 3%;box-sizing: border-box;}
.gyhl-02>.cont>.left>.tit-type{margin-bottom: 60px;}
.gyhl-02>.cont>.left>p{color: #7b7b7b;margin-top: 30px;line-height: 36px;}
.gyhl-02>.cont>.right{width: 48%;}
.gyhl-02>.cont>.right>img{width: 100%;}

.gyhl-03{background-color: #fafafa;}
.zn .img-box{width: 45%;}
.zn .img-box img{width: 100%;}
.zn .info{width: 52%;box-shadow: 2px 2px 30px 5px rgba(0,0,0,.2);padding-left: 60px;box-sizing: border-box;}
.zn:nth-child(2n) .info{padding-right: 60px;}
.zn .info .box{background-color: #f5f5f5;height: 100%;padding: 50px 15% 50px 50px;box-sizing: border-box;}
.zn:nth-child(2n) .info .box{padding: 50px  50px 50px 15%;}
.zn .info .box img{width: 70%;}
.zn .info .box .tit{border-left: 3px solid #2329a2;padding-left: 20px;box-sizing: border-box;margin-top: 30px;}
.zn .info .box .tit h5{background-color: #cbdae8;line-height: 40px;border-radius: 20px;padding-left: 30px;box-sizing: border-box;font-weight: 600;}
.zn .info .box  p{line-height: 36px;margin-top: 30px;}
