@font-face {
    src: url("../font/SourceHanSansCN-ExtraLight.otf");
    font-family: "SourceHanSansCN-ExtraLight";
}
 @font-face {
    src: url("../font/SourceHanSansCN-Light.otf");
    font-family: "SourceHanSansCN-Light";
}
@font-face {
    src: url("../font/SourceHanSansCN-Heavy.otf");
    font-family: "SourceHanSansCN-Heavy";
}
@font-face {
    src: url("../font/SourceHanSansCN-Medium.otf");
    font-family: "SourceHanSansCN-Medium";
}
@font-face {
    src: url("../font/SourceHanSansCN-Regular.otf");
    font-family: "SourceHanSansCN-Regular";
}
@font-face {
    src: url("../font/SourceHanSerifCN-Regular.otf");
    font-family: "SourceHanSerifCN-Regular";
}
@font-face {
    src: url("../font/impact.ttf");
    font-family: "impact";
  } 
* {
    font-family: "微软雅黑";
  padding: 0;
  margin: 0;
  /* transition: .5s;
  -webkit-transition: all .5s; */
  /* box-sizing: border-box; */
}
body {
}
.app{
  padding-top: 84px;
}
.zy{
    padding-top: 112px
}
.swiper-button-next,.swiper-button-prev{
    outline: none !important;
}
/* ----------------------首页---------------------- */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    border-top: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
}

.wrap {
    max-width: 1520px;
    width: 96%;
    margin: 0 auto;
}

.h-wrap {
    display: flex;
    justify-content: space-between;
    height: 82px;
    align-items: center;
}



.banner-pic>img {
    width: 100%;
}



.h-r {
    display: flex;
    align-items: center;
}
.ul-nav {
    display: flex;
}

.ul-nav>li {
    position: relative;
    margin-left: 50px;
    color: #292929;
    font-size: 16px;
}

.ul-nav>li:nth-child(1) {
    margin-left: 0;
}

.ft-b-c-tx {
    color: #383838;
    font-size: 14px;
    margin-left: 40px;
}

.ft-b-c-tx:nth-child(1) {
    margin-left: 0;
}

.ft-b-c {
    height: 92px;
display: flex;
align-items: center;
border-top: 1px #d8d8d8 solid;
}

.ft-b-tx {
    color: #555555;
    font-size: 14px;
}

.ss {
    margin-left: 40px;
    cursor: pointer;
}
.ss2 {
    display: none;
    align-items: center;
    border-bottom: 1px #c3c3c3 solid;
  }
  
  .ss2-go {
    background: url(../images/1-1.png) no-repeat center;
    background-size: 15px;
    width: 35px;
    height: 15px;
    outline: none;
    cursor: pointer;
  }
  
  .ss2-inp {
    width: 500px;
    height: 56px;
    background-color: transparent;
    outline: none;
    font-size: 16px;
    color: #757575;
  }
  .ss2-inp::placeholder{
      font-size: 16px;
    color: #757575;
  }
  
.dqiu {
    margin: 0 30px;
    cursor: pointer;
}

.h-r-c {
    display: flex;
    align-items: center;
}

.lb-banner .swiper-pagination {
    bottom: 30px !important;
}

.lb-banner .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #fff;
    opacity: 1;
    outline: none;
    margin: 0 9px !important;
    transition: 1s;
    -webkit-transition: 1s;
}

.lb-banner .swiper-pagination-bullet-active {
    background-color: #195da9;
}

.it {
    padding: 160px 0;
}

.it-menb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.17)
}

.it-video {
    position: relative;
}

.it-video-p>img {
    width: 100%;
}

.it-r {
    width: 52.63%;
}

.it-l {
    width: 42.76%;
}



.it-l-title {
    color: #3e3e3e;
    font-size: 30px;
    margin-top: 30px;
}

.it-l-title2 {
    color: #313131;
    font-size: 40px;
    font-weight: bold;
    margin-top: 13px;
}

.it-l-tx {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}

.it-b-title {
    color: #262626;
    font-size: 16px;
}

.it-b-title span {
    color: #165ca7;
    font-size: 36px;
    font-family: "impact";
    margin-right: 3px;
}

.it-b-tx {
    color: #262626;
    font-size: 16px;
    margin-top: 10px;

}

.ul-it-b {
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    margin-left: 6px;
    text-align: center;
}

.it-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.it-l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 25px 0;
}
.lb-iyy .swiper-slide{
    width: 23.95%;
}
.lb-iyy-pic>img{
    width: 100%;
}
.lb-iyy .swiper-button-next,  .lb-iyy .swiper-button-prev{
    background: url('../images/jt-l.png') no-repeat center;
    width: 62px;
    height: 90px;
    background-size: 100%;
    opacity: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    cursor: pointer;
    outline: none;
}
.lb-iyy .swiper-button-next{
    background-image: url('../images/jt-r.png');
    left: auto;
    right: 0;
}
.ul-iyy{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.iyy-name{
    text-align: center;
    color: #323130;
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
}
.imore{
   display: block;
   width: 108px;
   height: 38px;
   color: #616161;
   font-size: 14px;
   text-align: center;
   line-height: 36px;
   border: 1px #dfdfdf solid;
   border-radius: 100px;
   box-sizing: border-box;
}
.ititle{
    color: #313131;
    font-size: 40px;
    font-weight: bold;
}
.itx{
 margin-top: 10px;
 color: #8b8b8b;
 font-size: 14px;
}
.iflex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inews{
    padding: 145px 0 115px;
}
.inews-title{
   color: #313131;
   font-size: 18px;
   margin-top: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.inews-tx{
    color: #5e5e5e;
   font-size: 14px;
   margin-top: 24px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.inews-tx2 {
    margin-top: 15px;
}
.inews-tx2 span {
    vertical-align: middle;
    margin-left: 5px;
    color: #8f8f8f;
    font-size: 16px;
}
.ul-inews{
    display: flex;
    flex-wrap: wrap;
    max-width: 1628px;
    margin: 45px 0 0 -6.67% ;
}
.ul-inews>li{
    width: 26.66%;
    margin: 0 0 0 6.67%;  
}
.inews-pic>img{
    width: 100%;
}
.help{
    background: no-repeat center;
    
}
.help-title{
     color: #ffffff;
     font-size: 36px;
     font-family: "SourceHanSansCN-ExtraLight";
}
.help-c{
    text-align: center;
    padding-top: 130px;
}
.help-btn{
    margin-top: 55px;
    display: flex;
    justify-content: center;
}
.help-btn a{
    width: 184px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    display: block;
    margin: 0 6px;
}
.help-btn a span{
    vertical-align: middle;
    margin-left: 6px;
    font-size: 16px;
}
.ftnav-title{
    color: #262626;
    font-size: 16px;
    margin-bottom: 20px;
}
.ul-ftnav{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.ul-ftnav>li>a{
    color: #262626;
    font-size: 14px;
    display: block;
    margin-bottom: 12px;
}
.ul-ftnav>li>a:nth-last-child(1){
    margin-bottom: 0;
}
.footer{
    background-color: #fff;
}
.ft-ma{
    text-align: center;
}
.ft-ma-tx{
    color: #383838;
    font-size: 14px;
    margin-top: 15px;
    
}
.ft-l{
    width: 77.6%;
}
.ft-r{
    padding-top: 90px;
}
.ft{
    display: flex;
    justify-content: space-between;
    padding: 40px 0 50px;
}
.xf{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.ul-xf>li:nth-child(1){
    margin-top: 0;
    border-radius: 4px 0 0 0;
}
.ul-xf>li:nth-last-child(1){
    border-radius: 0 0 0 4px;
}
.ul-xf>li{
    position: relative;
    width: 72px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #acacac;
    margin-top: 1px;
}
.ul-xf>li:hover .xf-show{
    display: block;
}
.ul-xf>li:hover{
    background-color: #195da9;
}
.xf-show{
    display: none;
    position: absolute;
    top: 0;
    right: 80px;
}
.xf-show-c{
    border: 2px #acacac solid;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

/* ----------------------产品中心---------------------- */
  
.zy-banner {
    background: no-repeat center
}

.mid {
    border-bottom: 1px #dddddd solid;
}

.ul-mid {
    display: flex;
}

.ul-mid>li {
    margin-left: 65px;
}

.ul-mid>li:nth-child(1) {
    margin-left: 0;
}

.ul-mid a {
    position: relative;
    display: block;
    padding: 28px 0;
    color: #555555;
    font-size: 16px;
}

.mid-act a {
    font-weight: bold;
    color: #1e5fa7 !important;
}

.mid-act a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #1e5fa7;
}

.mid-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mbx {
    color: #797979;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.mbx a:nth-last-child(1) {
    color: #1e5fa7;
}
.pdu{
    padding-bottom: 110px;
}
.pdu-p {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

.pdu-p>img {
    opacity: 0;
    width: 100%;
}

.pdu-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.pdu-pic>img {
    width: 100%;
    height: 100%;
}

.pdu-tx {
    color: #313131;
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
}

.ul-pdu {
    display: flex;
    flex-wrap: wrap;
    max-width: 1616px;
    margin: 40px 0 0 -6.1%;
}

.ul-pdu>li {
    width: 27.23%;
    margin: 45px 0 0 6.1%;
}
.ul-pdu>li>a{
    display: block;
    padding: 40px 20px;
}
.ul-pdu>li:hover{
    box-shadow: 0px 0px 23px 6px #f1f1f1;
}
.page {
padding-top: 150px;

}
.prev, .next, .qd {
width: 84px !important;
}
.pdu-page-cont {
display: inline-block;
margin-left: -6px;
}
.pdu-page-cont a {
width: 54px;
height: 54px;
border: 1px #e0e0e0 solid;
color: #2c2b2b;
font-size: 14px;
box-sizing: border-box;
line-height: 52px;
text-align: center;
margin-left: 6px;
border-radius: 4px;
display: inline-block;
}
.page-act ,.pdu-page-cont a:hover{
background-color: #ff9000;
color: #ffffff !important;
border-color: #f99000 !important;
}

/* ----------------------发展历程---------------------- */
.lc {
    padding: 85px 0;
}
.lc-title{
    color: #313131;
    font-weight: bold;
    font-size: 34px;
}
.lc-cont {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}
.lc-l {
    max-width: 346px;
}
.lc-r {
    width: 74.67%;
    margin-left: 25px;
}
.lc-l-pic>img{
    width: 100%;
}
.ul-lc {
    position: relative;
    border-left: #b4b4b4 solid 1px;
    padding-left: 32px;
    padding-bottom: 55px;
}
.ul-lc>li {
    position: relative;
    padding-bottom: 45px;
}
.lc-time {
    color: #2f2f2f;
    font-weight: bold;
    font-size: 24px;
}
.lc-tx {
    font-size: 16px;
    color: #555555;
    line-height: 32px;
    margin-top: 6px;
}
.ul-lc>li:nth-child(1)::after {
    width: 18px;
    height: 18px;
    border: 5px #ff9000 solid;
    background-color: #fff;
    left: -42px;
    top: 3px;
    box-sizing: border-box;
}
.ul-lc>li::after {
    content: '';
    position: absolute;
    left: -40px;
    top: 6px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 4px #ff9000 solid;
    background-color: #fff;
    box-sizing: border-box;
}

/* ----------------------加入志达---------------------- */
.join{
    padding: 85px 0;
}
.z-title{
     color: #313131;
     font-size: 40px;
     font-weight: bold;
}
.jr-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jr-r{
    display: flex;
    align-items: center;
}
.jr-inp{
      width: 216px;
      height: 50px;
      padding: 0 20px;
      border: 1px #e3e3e3 solid;
      border-radius: 100px;
      color: #333;
      font-size: 14px;
      font-weight: bold;
      outline: none;
      box-sizing: border-box;
}
.jr-inp::placeholder{
    color: #b6b6b6;
      font-size: 14px;
      font-weight: bold;
}
.jr-go{
    width: 104px;
      height: 50px;
      font-weight: bold;
      color: #ffffff;
      font-size: 14px;
      background: url('../images/36.png') no-repeat 25px;
      background-size: 16px;
      background-color: #1e5fa7;
      padding-left: 25px;
      margin-left: 5px;
      border-radius: 100px;
      cursor: pointer;
      outline: none;
      box-sizing: border-box;
}
.ul-zx {
    max-width: 1570px;
    margin: 40px 0 0 -3.14%;
    display: flex;
    flex-wrap: wrap;
}
.ul-zx>li {
    padding: 0 2.2%;
    border: 1px #e6e6e6 solid;
    width: 30.19%;
    margin: 0 0 40px 3.14%;
    box-sizing: border-box;
}
.zx-title {
    margin-top: 30px;
    color: #3d3d3d;
    font-weight: bold;
    font-size: 18px;
}

.zx-flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.zx-tx {

    color: #838383;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.zx-tx2{
    color: #393939;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}
.zx-btn {
    display: flex;
    justify-content: center;
    padding: 35px 0 25px;
}
.zx-btn a {
    display: block;
    width: 110px;
    height: 34px;
    border-radius: 100px;
    border: 1px #dcdcdc solid;
    margin-right: 9px;
    box-sizing: border-box;
    line-height: 32px;
    text-align: center;
    color: #155095;
    font-size: 14px;
    font-weight: bold;
}
.zx-btn a:nth-child(1) {
    border-color: #155095;
    background-color: #155095;
    color: #fff;
}

/* ----------------------库存查询---------------------- */
.kuc{
    padding: 85px 0;
}
.kuc-cont{
    margin-top: 30px;
    border: 1px #e4e4e4 solid;
    border-radius: 4px;
}
.kuc-top{
    padding: 26px 28px 21px;
    display: flex;
    align-items: center;
    background-color: #fcfcfc;
}
.kuc-go{
     width: 136px;
     height: 52px;
     color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: url('../images/36.png') no-repeat 35px;
    background-size: 16px;
    background-color: #1e5fa7;
    padding-left: 25px;
    cursor: pointer;
    outline: none;
    margin-right: 7px;
    border: 1px #e4e4e4 solid;
    box-sizing: border-box;
}
.kuc-inp{
    width: 242px;
    height: 52px;
    color: #898989;
    font-size: 14px;
    padding: 0 15px;
    outline: none;
    margin-right: 7px;
    border: 1px #e4e4e4 solid;
    box-sizing: border-box;
}
.kuc-inp::placeholder{
   color: #898989;
    font-size: 14px;
}
.kuc-c{
    min-height: 624px;
}
.ul-kuc-t{
    display: flex;
    align-items: center;
    background-color: #1e5fa7;
    padding-left: 30px;
}
.ul-kuc-t>li>p{
    color: #ffffff;
    font-size: 14px;
    line-height: 60px;
}
.ul-kuc-t>li:nth-child(1){
    width: 216px;
}
.ul-kuc-t>li:nth-child(2){
    width: 250px;
}
.ul-kuc-t>li:nth-child(3){
    width: 310px;
}
.ul-kuc-t>li:nth-child(4){
    width: 266px;
}
.ul-kuc-t>li:nth-child(5){
    width: 266px;
}
.ul-kuc-t2{
    background-color: transparent;
}
.ul-kuc-t2 p{
    color: #a9a9a9 !important;
}
.kuc-none{
   color: #a9a9a9;
   font-size: 14px;
   line-height: 60px;
   padding-left: 30px;
}

/* ----------------------联系我们---------------------- */
.lx{
    padding: 85px 0;
}
.lx-c{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.lx-tx{
 margin-bottom: 16px;
}
.lx-tx span{
 vertical-align: middle;
 margin-left: 10px;
 color: #313131;
 font-size: 16px;
}
.lx-ma-tx{
 color: #313131;
 font-size: 16px;
 line-height: 20px;
 margin-top: 10px;
 text-align: center;
}
.lx-map{
 margin: 25px 0 70px;
}
.ily-cont{
margin-top: 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ily-l{
width: 42.48%;
}
.ily-r{
width: 55.84%;
}
.ily-text{
width: 100%;
height: 220px;
border: 1px #e6e6e6 solid;
border-radius: 16px;
font-size: 14px;
color: #bcbcbc;
outline: none;
resize: none;
padding: 10px 20px;
box-sizing: border-box;
}
.ily-text::placeholder,.ily-inp::placeholder{
font-size: 14px;
color: #bcbcbc;
}
.ul-ily{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 100%;
align-content: space-between;
}
.ul-ily>li{
width: 48.4%;
}
.ily-inp{
width: 100%;
height: 46px;
border: 1px #e6e6e6 solid;
border-radius: 20px;
font-size: 14px;
color: #bcbcbc;
outline: none;
padding: 0 20px;
box-sizing: border-box;
}
.ily-btn{
width: 100%;
height: 46px;
border-radius: 200px;
font-size: 14px;
color: #ffffff;
background-color: #3b3b3b;
outline: none;
cursor: pointer;
}
.ul-ily>li:hover   .ily-inp,.ily-text:hover{

box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);

}

/* ----------------------企业简介---------------------- */
.jj-cont{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jj-l{
    width: 51.05%;
}
.jj-r{
    width: 44.08%;
    margin-top: 88px;
}
.jj-r-pic>img{
width: 100%;
}
.jj-tx{
color: #555555;
font-size: 16px;
line-height: 30px;
margin-top: 40px;
}
.ul-it-b2{
display: flex;
justify-content: space-around;
margin-top: 100px;
text-align: center;
}
.ul-it-b2 .it-b-title span{
font-size: 48px;
}
.jj-b{
margin-top: 160px;
}
.lb-jj-txt{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 33.95%;
width: 516px;
padding: 90px 2.89% 10px;
background-color: #fff;
height: 386px;
box-sizing: border-box;
}
.lb-jj-pic{
width: 73.29%;
}
.lb-jj-pic>img{
width: 100%;
}
.jj-lb{
margin-top: 40px;
}
.lb-jj-tx{
color: #555555;
font-size: 16px;
line-height: 32px;
}
.lb-jj-n .swiper-button-prev,.lb-jj-n .swiper-button-next{
position: unset;
margin: 0;
background-color: #fff;
width: 48px;
height: 48px;
text-align: center;
line-height: 46px;
color: #bbc3c9;
font-size: 24px;
border: 1px #dcdfe5 solid;
font-family: '宋体';
box-sizing: border-box;
}
.lb-jj-n .swiper-button-next{
border-left: none;
}
.lb-jj-n-c>div:hover{
color: #2564a9;
font-weight: bold;
}
.lb-jj-n1{
position: absolute;
width: 516px;
right: 0;
top: 400px;
top: 66.22%;
padding: 0 2.89%;
box-sizing: border-box;
}
.lb-jj-n-c{
display: flex;
width: 94px;
box-sizing: border-box;

}

/* ----------------------企业文化---------------------- */
.wh{
    margin-top: 45px;
}
.wh-icon{
    height: 64px;
    line-height: 64px;
}
.wh-title{
  color: #313131;
    font-size: 24px;
    margin-top: 25px;
}
.wh-tx{
    color: #313131;
    font-size: 16px;
    margin-top: 8px;
    line-height: 30px;;
}
.ul-wh{
    display: flex;
    flex-wrap: wrap;
    max-width: 1576px;
    margin-left: -3.55%;
}
.ul-wh>li{
    position: relative;
    width: 21.45%;
    height: 400px;
    text-align: center;
    margin: 0 0 0 3.55%;
    padding-top: 75px;
    border: 1px #e4e4e4 solid;
    border-radius: 6px;
    box-sizing: border-box;
}
.wh-bg{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: -1;
}
.wh-bg>img{
    width: 100%;
}

/* ----------------------企业资质---------------------- */
.zz-t{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zz-kk{
    border: 1px #e6e6e6 solid;
    padding: 9px;
}
.zz-pic>img{
    width: 100%;
}
.ul-zz{
    display: flex;
    flex-wrap: wrap;
    max-width: 1566px;
    margin-left: -3.01%;
}
.ul-zz>li{
    width: 16.99%;
    margin: 0 0 0 3.01%;
    text-align: center;
}
.zz-tx{
    color: #161616;
    font-size: 14px;
    margin-top: 8px;
    line-height: 20px;
}
.zz-lb{
    margin: 40px 0;
}
.ul-zz2{
   max-width: 1564px;
   margin-left: -2.88%;
}
.ul-zz2>li{
    width: 22.12%;
    margin: 0 0 0 2.88%;
}
.ry-tc {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
z-index: 999;
}
.ry-tc-cont {
width: 60%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
justify-content: center;
}
.ry-tc-pic {
display: inline-block;
}
.ry-tc-pic>img {
width: 100%;
transition: all .5s;
transform: scale(0);
max-height: 800px;
}

/* ----------------------生产材质---------------------- */
.caiz{
    margin-top: 38px;
}
.ul-caiz{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ul-caiz>li{
    position: relative;
    width: 26.05%;
    border-radius: 8px;
   
}
.ul-caiz>li:hover  .caiz-menb{
    opacity: 1;
}
.ul-caiz>li:hover  .caiz-title{
    opacity: 0;
}
.caiz-title{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 34px;
    left: 0;
    font-weight: bold;
    color: #2767ab;
    font-size: 36px;
}
.caiz-pic>img{width: 100%;}
.caiz-menb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 92, 167, 0.91);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.caiz-menb-title{
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    
}
.ul-caiz-menb{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 35px;
    max-width: 210px;
 
}
.ul-caiz-menb>li:nth-child(2n){
       margin-left: 10px;
}
.ul-caiz-menb>li>a {
       display: block;
       width: 100px;
       height: 40px;
       text-align: center;
       line-height: 40px;
       border-radius: 4px;
       color: #ffffff;
       font-size: 18px;
}
.ul-caiz-menb>li>a:hover{
    color: #19406a;
    background-color: #fff;
}
.yingy {
    padding: 85px 0;
}
.yingy-top-tx {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    margin-top: 32px;
}

.yingy-cont {
    margin-top: 65px;
}
.yingy-txt {
    position: absolute;
    opacity: 0;
    left: 50px;
    bottom: -45px;
    padding: 30px 34px;
    width: 380px;
    min-height: 160px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0px 5px 12px 3px #e7e7e7;
    transition: 1s;
    -webkit-transition: 1s;
}

.yingy-title {
    color: #313131;
    font-weight: bold;
    font-size: 24px;
}

.yingy-tx {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    margin-top: 12px;
}
/* ----------------------下载中心---------------------- */
.sel{
    width: 216px;
height: 50px;
padding: 0 20px;
border: 1px #e3e3e3 solid;
border-radius: 100px;
color: #b6b6b6;
font-size: 14px;
font-weight: bold;
background: url('../images/70.png') no-repeat 90%;
background-size: 9px 5px;
margin-right: 12px;
appearance: none;
-moz-appearance: none;
outline: none;
box-sizing: border-box;
 }
 .ul-xz{
     display: flex;
     flex-wrap: wrap;
     max-width: 1566px;
     margin: 40px 0 0 -2.9%;
 }
 .ul-xz>li{
     width: 22.1%;
     margin: 0 0 26px 2.9%;
     display: flex;
     flex-wrap: wrap;
     padding: 0.96% ;
     border: 1px #e3e3e3 solid;
     box-sizing: border-box;
 }
 .xz-flex{
     display: flex;
     align-items: center;
     margin-top: 18px;
 }
 .xz-title{
     color: #1e5fa7;
     font-weight: bold;
     font-size: 14px;
     line-height: 20px;
 }
 .xz-tx:nth-child(1){
     margin-right: 18px;
 }
 .xz-tx span{
      vertical-align: middle;
      margin-left: 9px;
      color: #242424;
      font-size: 14px;
 }
 .xz-icon{
     margin-right: 14px;
 }

/* ----------------------新闻动态---------------------- */
.news{
    padding: 85px 0;
}
.ul-news>li{
    margin-bottom: 70px;
}

/* ----------------------质量控制---------------------- */
.yingy {
    padding: 85px 0;
}

.yingy-top-tx {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    margin-top: 32px;
}

.zhil-kk {
    position: relative;
}

.zhil-kk>img {
    width: 100%;
    opacity: 0;
}

.zhil-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zhil-pic>img {
    width: 100%;
    height: 100%;
}
.ul-zhil{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}
.ul-zhil>li{
    width: 46.875%;
}
.zhil-c{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.zhil-l{
     width: 48.49%;
}
.zhil-r{
    width: 48.49%;
}
.zhil-b{
    margin-top: 130px;
}

/* ----------------------新闻详情---------------------- */
.nxq{
    padding: 60px 0;
}
.nxq-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nxq-l{
width: 71.33%;
padding: 26px 35px 55px;
border: 1px #e0e0e0 solid;
box-sizing: border-box;
}
.nxq-r{
width: 26.2%;
}
.nxq-pic{
max-width: 751px;
margin: 50px auto 0;
}
.nxq-pic>img{
width: 100%;
}
.nxq-l-title{
font-size: 36px;
color: #1b1b1b;
line-height: 44px;
font-weight: bold;
}
.nxq-l-tx{
color: #8a8a8a;
line-height: 26px;
font-size: 14px;
margin-top: 20px;
overflow-x: auto;
}
.nxq-r-a{
display: block;
margin-top: 20px;
padding: 20px 28px;
box-sizing: border-box;
border: 1px #e0e0e0 solid;
}
.nxq-r-a:nth-child(1){
margin-top: 0;
}
.nxq-r-title{
color: #1a1a1a;
font-size: 16px;
}
.nxq-r-tx{
color: #1a1a1a;
font-size: 14px;
line-height: 24px;
margin-top: 15px;
}
.inews-b {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.inews-b p {
    margin-right: 15px;
}


.inews-b p span {
    vertical-align: middle;
    margin-left: 5px;
    color: #787878;
    font-size: 14px;
}
.nxq-r-a:hover{
    border-color: #1e5fa7;
}
.nxq-r-a:hover .nxq-r-tx{
    font-weight: bold;
    color: #1e5fa7;
}

/* ----------------------产品详情---------------------- */
.ccc {
    padding-top: 50px;
}
.top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.top-l {
    display: flex;
}
.xq-back {
    display: flex;
    width: 90px;
    height: 32px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 100px;
    background-color: #1458a2;
}
.xq-back span {
    vertical-align: middle;
    margin-left: 6px;
    color: #ffffff;
    font-size: 12px;
}
.ititle {
    font-size: 30px;
    color: #363434;
}
.zxq {
    padding-top: 50px;
}

.zxq-cont {
    display: flex;
    justify-content: space-between;
    padding-bottom: 90px;
}
.zxq-l {
    width: 145px;
}
.zxq-lb {
    position: relative;
    height: 100%;
    padding: 40px 0;
    max-height: 662px;
    box-sizing: border-box;
    max-height: 490px;
}
.zxq-b-title{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px;
    line-height: 60px;
    background-color: #1458a2;
}
.zxq-b-pic{
    max-width: 1020px;
    margin: 30px auto;
}
.zxq-b-pic>img{
    width: 100%;
}
.lb-zxq {
    height: 100%;
}
.zxq-lb .swiper-button-prev, .zxq-lb .swiper-button-next {
    background: url(../images/76.png) center no-repeat;
    width: 145px;
    height: 38px;
    background-size: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 1 !important;
    outline: none;
    cursor: pointer;
    z-index: 999;
}
.zxq-lb .swiper-button-next {
    background-image: url(../images/77.png);
    bottom: 0;
    top: auto;
}
.zxq-r {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}
.zxq-r-l {
    width: 37.38%;
}
.zxq-lb2 {
    padding: 0 50px;
    min-height: auto;
    display: none;
}
.lb-zxq2 {
    max-width: 452px;
    margin: 0 auto;
}
.zxq-txt {
    width: 50.85%;
    /* padding-top: 55px; */
}
.zxq-title {
    font-size: 30px;
 
    color: #363434;
    margin-bottom: 13px;
}
.zxq-tx {
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    margin-top: 23px;
}
.zxq-tx2 {
    color: #9b9b9b;
    font-size: 14px;
    margin-top: 6px;
    line-height: 28px;
}
.zxq-pic>img {
    width: 100%;
}
.lb-zxq .swiper-slide img, .lb-zxq2 .swiper-slide img {
    width: 100%;
    height: 100%;
}
.lb-zxq .swiper-slide, .lb-zxq2 .swiper-slide {
    width: 144px !important;
    height: 118px !important;
    border: 1px #ededed solid;
    box-sizing: border-box;
}
.zxq-lb2 .swiper-button-prev, .zxq-lb2 .swiper-button-next {
    background: url(../images/76-1.png) center no-repeat;
    width: 38px;
    height: 116px;
}
.zxq-lb2 .swiper-button-next {
    background-image: url(../images/77-1.png);
    right: 0;
    left: auto;
}
/* ----------------------响应式---------------------- */

.menu {
    display: none;
    cursor: pointer;
    margin-left: 10px
}
.menu>ul>li {
    width: 32px;
    height: 3px;
    background-color: #333;
    margin-bottom: 5px;
}
.header2 .menu>ul>li {
    background-color: #626262
}
.menu>ul>li:nth-last-child(1){
    margin-bottom: 0
}
.tc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    transition: unset;
    -webkit-transition: unset;
}
.tc-cont {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 5px 25px 30px;
    box-sizing: border-box;
    margin-top: 84px;
    /* border-top: 1px #232323 solid; */
}
.ul-tc {
    height: 80%;
    overflow-y: auto;
}
.ul-tc>li {
    color: #555555;
    font-size: 24px;
    width: 60%;
    border-bottom: 1px #232323 solid;
}
.ul-tc>li>a {
    display: block;
    padding: 15px 5px;
    cursor: pointer;
}
.ul-nav3 {
    display: none;
    padding: 10px 15px;
    padding-top: 0
}
.ul-nav3 a {
    display: block;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px #232323 solid;
}
.ul-nav3>li:nth-last-child(1) a {
    border-bottom: none;
}


/* ----------------------hover---------------------- */

.iyy-icon{
    border-radius: 100%;
}
.lb-iyy-pic,.iyy-icon,.inews-pic,.zhil-pic{
    overflow: hidden;
}
.lb-iyy-pic>img,.iyy-icon>img,.inews-pic>img,.pdu-pic>img,.zhil-pic>img{
    transition: .5s;
    -webkit-transition: .5s;
}
.lb-iyy-pic:hover img,.iyy-icon:hover img,.ul-inews>li:hover .inews-pic>img,.ul-pdu>li:hover .pdu-pic>img,.zhil-pic:hover img{
    transform: scale(1.1);
}

.ul-inews>li:hover .inews-title,.xz-tx:hover span{
    color: #165ca7;
}

/* 二级导航 */
.ul-nav > li {
    padding: 34px 0px;
}

.nd {
    display: none;
    position: absolute;
    width: 120px;
    top: 82px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    border-top: 6px solid #165ca7;
    background-color: #fff;
}

.ul-nav > li:hover .nd {
    display: block;
}

.ul-nd > li {
    text-align: center;
    border-top: 1px #f2f2f2 solid;
}

    .ul-nd > li:nth-child(1) {
        margin-top: 0;
        border-top: none;
    }

.ul-nd a:hover {
    color: #165ca7;
    font-weight: bold;
}

.ul-nd a {
    display: block;
    color: #303030;
    font-size: 16px;
    height: 64px;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inews-pic{
    overflow: hidden;
    height: 284px;
    display: flex;
    align-items: center;
}
/*2.24*/
.viewer-footer
{
    display:none;
    }

.pagelist{width:100%;height:37px; padding-top:30px; padding-bottom:50px; text-align:center;}
.pagelist a{ padding:10px 22px; height:32px;display:inline-block; background-color:#ffffff; border-radius: 5px; border:#c1c1c1 solid 1px;  text-align:center;line-height:32px;margin-left:0px;font-size:14px;color:#3e3e3e; cursor:pointer;}
.pagelist a:hover ,.pagelist a.selected{ background-color:#ff9000; color:#fff; border:#ff9000 solid 1px; padding:10px 22px; cursor:pointer;}
.pagelist span{height:32px;display:inline-block;margin-left:14px;line-height:32px;text-align:center;font-size:14px;color:#999999;}